:root{--ink:#181918;--paper:#f5f3ed;--line:#e2e0da;--yellow:#f1cf36}
body.home{background:var(--paper);color:var(--ink)}
body{font-family:"Century Gothic W01",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,strong,.btn,.nav-link{font-family:"Century Gothic W01 Bold",sans-serif;font-weight:700}
a,button,input,textarea{touch-action:manipulation}
a:focus-visible,button:focus-visible{outline:3px solid #947900;outline-offset:4px}
.skip-link{position:absolute;left:16px;top:-80px;padding:12px;background:#111;color:#fff;z-index:10000}.skip-link:focus{top:10px;color:#fff}
.site-header{background:var(--paper);backdrop-filter:none;border-bottom:1px solid var(--line)}
.header-topbar{padding:8px 0;gap:12px}.header-contact-link{font-size:12px}.header-social{gap:5px}.header-social a{background:transparent;width:32px;height:32px;font-size:16px}
.navbar{padding:12px 0}.navbar .navbar-brand img{width:112px;height:auto;display:block}.header-nav-list{gap:0}.navbar .nav-item .nav-link{font-size:11px;padding:10px 14px;letter-spacing:.7px}.navbar .nav-link[aria-current="page"]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:#947900}
.header-cta{padding:13px 18px;font-size:11px;border-radius:6px}.header-cta:hover{background:var(--yellow)}
.studio-hero{padding:76px 0 66px}.studio-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}.studio-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.06;letter-spacing:-2.8px;margin:0 0 26px;color:var(--ink)}.studio-hero h1 em{font-style:normal;text-decoration:underline;text-decoration-color:var(--yellow);text-underline-offset:9px;text-decoration-thickness:7px}.studio-hero .eyebrow{color:#665713;font-size:10px}.studio-hero-copy>p{font-size:16px;line-height:1.85;max-width:520px;color:#555;margin-bottom:30px}.studio-hero .hero-actions{align-items:center;gap:24px;margin-bottom:28px}.studio-contact{color:#222;font-size:13px;text-decoration:underline;text-underline-offset:5px}.studio-caption{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#64645f}.studio-reel{min-width:0}.studio-reel video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#fff;border-radius:10px}.studio-reel-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;color:#666;font-size:11px}.studio-reel-bar button{background:transparent;border:1px solid #bcbab4;border-radius:5px;padding:9px 12px;min-height:44px;color:#333;cursor:pointer;font:inherit}
.btn-home{border-radius:6px;font-size:11px;padding:15px 20px;letter-spacing:.6px}.btn-home-primary{background:var(--yellow);border-color:var(--yellow)}
.home-section,.clients-section,.producer-section,.contact-section{padding:56px 0}.home-intro,.home-showcase,.home-clients-logos,.home-team,.producer-page,.clients-page,.contact-page{background:var(--paper)}
.section-heading h2,.section-heading-centered h2{font-size:clamp(27px,3vw,38px);letter-spacing:-1px;line-height:1.2}.section-heading-centered{max-width:790px}.eyebrow{color:#76600c}.section-heading p{font-size:15px}
.portfolio-section{background:#eeece5;padding:64px 0}.portfolio-featured{margin-top:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.portfolio-heading h2{font-size:clamp(28px,3vw,40px);letter-spacing:-1.1px}.portfolio-card{box-shadow:none;border-radius:9px}.portfolio-card-copy{padding:20px}.portfolio-thumbnail{border-radius:9px 9px 0 0}.portfolio-play{width:46px;height:46px;background:var(--yellow)}.portfolio-filters button{border-radius:6px}.portfolio-more{border-radius:6px}.portfolio-intro{padding:60px 0;background:#1a1b19}
.feature-card,.showcase-card,.team-card,.producer-card,.client-highlight-card,.clients-panel,.contact-card,.contact-form-panel{box-shadow:none;border:1px solid var(--line);border-radius:10px;background:#fff}.feature-card h3,.showcase-card h3{font-size:20px}.feature-number{color:#877015}.showcase-icon{box-shadow:none;border-radius:12px;width:60px;height:60px;font-size:26px}.logo-tile{box-shadow:none;border-radius:8px;border:1px solid var(--line);background:#fff}.logo-wall-dark .logo-tile{background:#fff}.team-photo{background:#eeece5}.team-photo img{border-radius:8px 8px 0 0}.team-role{color:#76600c}.metrics-panel{border-radius:10px;box-shadow:none;background:#1a1b19}.metric-item strong{color:var(--yellow)}
.producer-hero,.clients-hero,.contact-hero{background:var(--paper);padding:32px 0 12px}.producer-hero-shell,.clients-hero-shell,.contact-hero-shell{background:#1a1b19;box-shadow:none;border-radius:12px}.producer-hero .eyebrow,.clients-hero .eyebrow,.contact-hero .eyebrow,.portfolio-intro .eyebrow{color:var(--yellow)}.producer-hero h1,.clients-hero h1,.contact-hero h1{font-size:clamp(34px,4vw,52px);letter-spacing:-1.5px}.producer-hero-stat{box-shadow:none;border-radius:8px}.producer-focus-panel,.contact-summary-panel{border:1px solid var(--line);background:#eeece5;border-radius:10px}.cta-panel{background:var(--yellow);border-radius:12px;box-shadow:none}.cta-panel h2{font-size:30px;line-height:1.3}
footer.site-footer{background:#191a18}.footer-logo{width:160px;max-width:100%;height:auto}.footer-title{color:var(--yellow)}.footer-text,.footer-contact,.footer-links{font-size:13px}.footer-social a{font-size:24px}
@media(max-width:991px){.studio-hero{padding:44px 0}.studio-hero-grid{grid-template-columns:1fr;gap:36px}.studio-hero-copy{max-width:650px}.studio-reel{max-width:680px;width:100%;margin:auto}.header-cta{margin-top:12px}.navbar .navbar-brand img{width:96px}.studio-hero h1{font-size:54px}}
@media(max-width:575px){.header-topbar{flex-direction:row;align-items:center}.header-social a{width:27px;height:30px;font-size:14px}.header-contact-link{font-size:10px}.navbar .navbar-brand img{width:85px}.studio-hero{padding:36px 0}.studio-hero h1{font-size:43px;letter-spacing:-1.8px}.studio-hero-copy>p{font-size:15px}.studio-hero .hero-actions{gap:18px}.studio-caption{font-size:9px;letter-spacing:.3px}.studio-reel-bar{font-size:10px}.home-section,.clients-section,.producer-section,.contact-section,.portfolio-section{padding:38px 0}.cta-panel h2{font-size:25px}.portfolio-card h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}