/* One type scale, shared by every page and component. */
:root{--type-h1:clamp(42px,5.7vw,82px);--type-h2:clamp(32px,3.5vw,50px);--type-h3:clamp(21px,1.8vw,26px);--type-body:16px;--type-label:12px}
h1{font-size:var(--type-h1)!important;line-height:1.08!important;font-weight:300!important;letter-spacing:-.05em!important}
h2{font-size:var(--type-h2)!important;line-height:1.12!important;font-weight:300!important;letter-spacing:-.04em!important}
h3{font-size:var(--type-h3)!important;line-height:1.25!important;font-weight:500!important;letter-spacing:-.025em!important}
.home-page .home-services h3,.service-copy h3{font-weight:600!important}
.lead,.section-heading>p,.product-card>p,.home-services p,.service-copy p,.detail-layout p:not(.eyebrow),.work-overview>p,.work-editorial>p:last-child,.titan-cta p:not(.eyebrow){font-size:var(--type-body)!important;line-height:1.65}
.eyebrow{font-size:var(--type-label)!important;letter-spacing:.12em}
header{background:linear-gradient(120deg,#25252585,#10101065);backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);border:1px solid #ffffff20;box-shadow:0 8px 30px #00000012,inset 0 1px #ffffff09}
.nav-toggle{align-items:center;gap:7px;line-height:1.4}.nav-chevron{display:block;flex:none;width:1em;height:1em;transition:transform .25s;color:inherit}
.nav-toggle[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}
.mega{background:#171717e8;backdrop-filter:blur(24px);border-color:#ffffff20;box-shadow:0 20px 45px #0003}
.menu-heading{font-size:25px;font-weight:300;line-height:1.2;color:var(--ink);margin-bottom:24px}
.footer-top .footer-label,.metadata-label{font-size:14px;color:var(--muted);line-height:1.4;margin:0 0 20px}
.mega-links{grid-template-columns:1fr 1fr}.mega-links h3{font-size:var(--type-h3)!important}
.hero-reel .cinema-strip{perspective:none;gap:24px;padding:0 5vw}
.hero-reel .cinema-frame{transform:none!important;translate:none!important;animation:none!important;border-radius:var(--radius);min-width:0;flex:0 0 25vw;width:25vw;height:100%;align-self:stretch}
.hero-reel .cinema-frame img{filter:brightness(.9)}
.cinema-frame span{font-size:12px;line-height:1.4;font-weight:400}
.home-page .home-services>a{display:grid;grid-template-columns:40px minmax(0,1fr);align-content:center;align-items:start;gap:18px;padding:25px;background:#171717;border-color:#ffffff19;border-radius:var(--radius);transform:none}
.home-page .home-services>a:hover{background:#1c1c1c;border-color:#ffffff38;transform:none}
.home-page .home-services h3{min-height:2.5em;align-items:flex-start;margin:0 18px 12px 0}
.home-page .service-icon{width:38px;height:38px;border:0;background:none;border-radius:0;display:grid;place-items:center;margin-top:2px}
.home-page .service-icon img{width:27px;height:27px;filter:brightness(0) invert(.85)}
.home-services>a>span.service-home-arrow{right:18px;top:21px;font-size:22px}
.product-grid,.service-grid,.work-grid{align-items:stretch}
.product-title{align-items:flex-start}.product-title h3{min-height:1.25em}
.cta-copy{max-width:580px}.cta-card{border-radius:var(--radius)}
.btn{border-radius:var(--radius);font-size:12px!important;font-weight:400;letter-spacing:.025em}
@media(max-width:1059px){.mega-links{grid-template-columns:1fr}.mega-intro{max-width:100%}}
@media(max-width:760px){
 :root{--type-h1:42px;--type-h2:34px;--type-h3:22px}
 .hero-reel .cinema-frame{flex-basis:62vw;width:62vw}
 .home-page .home-services>a{grid-template-columns:32px minmax(0,1fr);gap:15px;padding:25px;min-height:190px}
 .home-page .home-services h3{min-height:0;margin-right:12px}
 .home-page .service-icon{width:32px;height:32px}
 .cta-copy{max-width:100%}.titan-cta h2{max-width:none}
}


