:root{--visuals-bg:#0a0a0a;--visuals-fg:#f5f5f5;--visuals-accent:#d4af37;--visuals-muted:#888}.visuals-portal{background-color:var(--visuals-bg);color:var(--visuals-fg);min-height:100vh;padding:80px 0;font-family:Inter,sans-serif}.visuals-hero{text-align:center;max-width:1200px;margin:0 auto 60px;padding:0 24px}.visuals-eyebrow{color:var(--visuals-accent);letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px;font-family:Fraunces,serif;font-size:.9rem;font-style:italic;display:block}.visuals-title{margin-bottom:24px;font-family:Fraunces,serif;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:300;line-height:1.1}.visuals-subtitle{color:var(--visuals-muted);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.visuals-wrap{max-width:1400px;margin:0 auto;padding:0 40px}.visuals-grid{columns:3;column-gap:32px;margin-bottom:80px}@media (max-width:1100px){.visuals-grid{columns:2}}@media (max-width:640px){.visuals-grid{columns:1;padding:0 20px}}.visual-card{break-inside:avoid;cursor:pointer;background:#111;border:1px solid #ffffff0d;border-radius:8px;margin-bottom:32px;transition:all .4s cubic-bezier(.165,.84,.44,1);display:block;position:relative;overflow:hidden}.visual-card:hover{border-color:#ffffff26;transform:translateY(-8px);box-shadow:0 20px 40px #0006}.visual-card-img{width:100%;height:auto;line-height:0;position:relative}.visual-card-img img{width:100%;height:auto;display:block}.visual-card-overlay{opacity:0;background:linear-gradient(#0000 40%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:24px;transition:opacity .3s;display:flex;position:absolute;inset:0}.visual-card:hover .visual-card-overlay{opacity:1}.visual-card-title{margin-bottom:4px;font-family:Fraunces,serif;font-size:1.2rem}.visual-card-meta{text-transform:uppercase;letter-spacing:.1em;color:var(--visuals-muted);font-size:.75rem}.visual-single{background-color:var(--visuals-bg);color:var(--visuals-fg);min-height:100vh;padding:120px 24px 80px}.visual-single-container{grid-template-columns:1.5fr 1fr;align-items:start;gap:60px;max-width:1200px;margin:0 auto;display:grid}@media (max-width:1024px){.visual-single-container{grid-template-columns:1fr}}.visual-single-preview{background:#1a1a1a;border-radius:4px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.visual-single-info{padding-top:20px}.visual-single-back{color:var(--visuals-muted);align-items:center;gap:8px;margin-bottom:40px;font-size:.9rem;text-decoration:none;transition:color .2s;display:inline-flex}.visual-single-back:hover{color:var(--visuals-fg)}.visual-single-title{margin-bottom:16px;font-family:Fraunces,serif;font-size:3rem;line-height:1.1}.visual-single-desc{color:var(--visuals-muted);margin-bottom:32px;line-height:1.6}.visual-single-actions{flex-direction:column;gap:16px;margin-bottom:48px;display:flex}.visual-btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:12px;padding:16px 32px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.visual-btn-primary{background-color:var(--visuals-fg);color:var(--visuals-bg)}.visual-btn-primary:hover{background-color:var(--visuals-accent);color:#fff}.visual-btn-secondary{color:var(--visuals-fg);background-color:#0000;border:1px solid #ffffff1a}.visual-btn-secondary:hover{border-color:var(--visuals-fg)}.visual-meta-grid{border-top:1px solid #ffffff0d;grid-template-columns:repeat(2,1fr);gap:24px;padding-top:32px;display:grid}.visual-meta-item .label{text-transform:uppercase;letter-spacing:.1em;color:var(--visuals-muted);margin-bottom:4px;font-size:.75rem;display:block}.visual-meta-item .value{color:var(--visuals-fg);font-family:Fraunces,serif;font-size:1.1rem}.visual-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.visual-modal{text-align:center;background:#111;border:1px solid #ffffff26;border-radius:16px;width:100%;max-width:480px;padding:60px 40px;position:relative;box-shadow:0 40px 80px #000}.visual-modal-close{color:#666;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:20px;right:20px}.visual-modal-close:hover{color:#fff}.visual-modal-icon{color:var(--visuals-accent);text-shadow:0 0 20px #d4af374d;margin-bottom:24px;font-size:3.5rem;display:block}.visual-modal h3{margin-bottom:16px;font-family:Fraunces,serif;font-size:2.2rem;font-weight:300;line-height:1.1;color:#fff!important}.visual-modal p{color:#999;margin-bottom:40px;font-size:1.05rem;line-height:1.6}