/* Selected navy velvet direction, local preview — 2026-10-10. */
:root{--paper:#fff;--ink:#0b1850;--muted:#505976;--line:#dce0eb;--blue:#16265a;--gold:#c5a45e;--radius:0px}
body{font-weight:500}
.header{background:#fff;border-bottom:1px solid var(--gold);backdrop-filter:none}
.nav{width:calc(100% - 140px);max-width:1440px;height:72px}
.wordmark{font-size:38px;font-weight:750;letter-spacing:.01em}.wordmark span{color:inherit}
.nav-links{gap:36px;margin-right:8px}.nav-links a{font-size:16px;font-weight:600}
.nav-contact{background:var(--ink);color:#fff;border:1px solid var(--gold);border-radius:0;padding:8px 28px;font-weight:650}
.nav-contact:hover{background:#243568;border-color:var(--gold)}
.hero{background:#101e50 url('assets/navy-velvet.webp') center/cover no-repeat;color:#fff;border-bottom:2px solid var(--gold)}
.hero-copy{padding-top:45px;padding-bottom:10px}
h1{font-size:clamp(40px,4.5vw,64px);font-weight:750;letter-spacing:-.025em;line-height:1.35}
h1 span{color:#fff}.hero-description{color:#fff;font-size:19px;font-weight:550;line-height:1.8;margin:18px 0 0;letter-spacing:.015em}
.cinema-wrap{width:min(1440px,86%)}
.hero-film{padding:0;width:100%;display:block;aspect-ratio:3.04/1;border-radius:0;background:#050609}
.hero-film img{height:100%;object-fit:cover;object-position:center 28%;transition:opacity .2s}
.hero-film:hover img{opacity:.88}
.hero-actions{padding:14px 0 23px}
.showreel-button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 18px;color:#fff;background:transparent;font-size:16px;font-weight:650;letter-spacing:.02em}
.showreel-ring{width:48px;height:48px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;transition:background .2s}
.showreel-ring img{width:24px;height:24px}.showreel-button:hover .showreel-ring{background:#ffffff20}
.work-section{padding-top:32px;padding-bottom:80px}.work-section>.wrap{width:min(1440px,86%)}
.works-heading{display:block;text-align:center;margin-bottom:24px}
.works-heading h2{font-size:32px;font-weight:750;letter-spacing:0}
.works-heading::after{content:"";display:block;width:48px;height:2px;background:var(--gold);margin:10px auto 0}
.selected-grid{gap:38px 28px}.work-image{border-radius:0;aspect-ratio:2.8/1}
.work-info{padding-top:12px}.work-info h3{font-size:20px;font-weight:700;letter-spacing:0}.work-info p{margin:4px 0}.work-info>span{font-size:13px}
.image-tag{border-radius:0;top:12px;left:12px;font-weight:600;font-size:11px}.image-play{border:1px solid var(--gold);color:var(--ink)}
.brands{margin-top:0;padding:48px 0;background:#f6f7fb;border-top:1px solid var(--line)}
.brands+.approach{padding-top:90px}
.section-space{padding-block:90px}.work-section.section-space{padding-top:32px;padding-bottom:80px}
h2,h3{font-weight:700}h2{letter-spacing:-.035em}
.approach{background:#111f4c;color:#fff;border-block:1px solid var(--gold)}
.approach h2>span{color:#d0d9ec}.approach-intro,.capability-copy>p:not(.eyebrow){color:#e0e6f1}
.approach .eyebrow{color:#d0b77c}.capability{border-radius:0;background:#1b2b56}.capability-image span{border-radius:0}
.capability h3,.ai-copy h3{font-weight:700}.capability-copy li{color:#eef2fa;border-color:#7785a2;border-radius:0}
.ai-feature{border-radius:0;background:#f4f5fa;color:var(--ink)}.ai-word{border-color:#d5dbe8}.ai-word strong span{color:#8e7847}.ai-copy .eyebrow{color:#71613e}
.diorama-feature{border-radius:0;background:#14234e;border-top:1px solid var(--gold)}.diorama-copy .eyebrow{color:#d0b77c}
.diorama-description{color:#e0e6f1}.diorama-scope,.diorama-note{color:#c5cfe5}.diorama-status{border-color:var(--gold);border-radius:0;background:#101e50df}
.diorama-link,.pill{border-radius:0}.diorama-link{border:1px solid var(--gold)}
.step-top{border-color:var(--gold)}.step-top>span:first-child{color:#8c7442}.process-steps h3{font-weight:700}
.contact{background:#101e50 url('assets/navy-velvet.webp') center/cover;color:#fff;border-block:1px solid var(--gold)}
.contact .eyebrow{color:#dfc88f}.contact h2+p,.contact-email{color:#e5eaf5}.contact .dark{background:#fff;color:var(--ink);border:1px solid var(--gold);font-weight:650}
.footer{background:#fff}.footer-top{border-color:var(--line)}
.filter-bar button,.archive-card img,.video-dialog{border-radius:0}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bd8d30;outline-offset:5px}
@media(min-width:1700px){.hero-copy{padding-top:64px}.hero-film{aspect-ratio:3.04/1}}
@media(max-width:900px){.nav{width:calc(100% - 56px)}.hero-copy{padding-top:42px}.hero-description{font-size:17px}.work-image{aspect-ratio:16/9}.section-space{padding-block:68px}}
@media(max-width:600px){
 .nav{height:64px;width:calc(100% - 36px);gap:12px}.wordmark{font-size:29px}.nav-contact{font-size:12px;padding:6px 12px;white-space:nowrap}
 .mobile-menu{background:#fff;color:var(--ink);border-bottom:1px solid var(--gold)}
 .hero-copy{width:calc(100% - 32px);padding-top:35px;padding-bottom:23px}h1{font-size:clamp(28px,7.4vw,43px);line-height:1.45;letter-spacing:-.045em;font-weight:750}
 .hero-description{font-size:14px;line-height:1.9;margin-top:19px;letter-spacing:0}
 .cinema-wrap{width:calc(100% - 32px)}.hero-film{aspect-ratio:16/10}.hero-film img{object-position:center}
 .hero-actions{padding:18px 0 26px}.showreel-ring{width:43px;height:43px}.showreel-button{font-size:14px}
 .work-section>.wrap{width:calc(100% - 36px)}.work-section.section-space{padding-top:28px;padding-bottom:52px}.works-heading{margin-bottom:24px}.works-heading h2{font-size:27px}
 .selected-grid{gap:30px}.work-image{aspect-ratio:16/9}.work-info h3{font-size:20px}.section-space{padding-block:60px}
 .diorama-feature{border-radius:0}.capability h3,.ai-copy h3{font-size:27px}.brands+.approach{padding-top:60px}
}