/* Shared public-site rhythm, legibility, and navigation. Loaded after legacy layouts. */
.production-site{--muted:#465267;color:#131d33;font-size:16px}
.production-site .wrap{width:calc(100% - 80px);max-width:1440px}
.public-header{background:#fff;border-bottom:1px solid #d9dfe7;position:relative;z-index:20}
.production-site .site-nav{height:82px;min-height:82px;padding:0;border:0;gap:24px;flex-wrap:nowrap}
.site-nav .wordmark img{width:184px;height:auto}
.production-site .site-nav .desktop-nav{display:flex;gap:22px;flex-wrap:nowrap;width:auto;order:0}
.production-site .site-nav nav a{font-size:14px;font-weight:650;color:#273349;white-space:nowrap;padding-block:12px}
.production-site .site-nav nav a:hover,.production-site .site-nav nav a[aria-current=page]{color:#b81e32}
.production-site .site-nav nav a[aria-current=page]:after{bottom:3px}
.site-nav .nav-actions{gap:20px;font-size:14px;white-space:nowrap}
.production-site .site-nav .btn-small{padding:13px 17px;font-size:13px;gap:12px}
.mobile-menu{display:none}
.production-site .btn{font-size:14px}
.production-site .eyebrow{font-size:11px;letter-spacing:1.6px;color:#b61d32}
.production-site .text-link{font-size:14px;color:#ac1930}
.production-site :is(.production-hero,.public-hero,.production-process,.public-cta) .eyebrow{color:#ffadb7}
.production-site :is(.production-hero,.public-hero,.production-process,.public-cta) .text-link{color:#ffd0d6}
.production-site .production-hero-grid{gap:48px;padding-block:46px 38px;grid-template-columns:1fr 1fr}
.production-site .production-hero h1{font-size:clamp(50px,4.5vw,72px);letter-spacing:-2.7px;margin:18px 0}
.production-site .production-description{font-size:17px;line-height:1.7;color:#d0d9e7;max-width:560px}
.production-site .production-lead{font-size:23px;color:#fff;margin-top:20px}
.production-site .hero-actions{margin-top:24px;gap:22px}
.production-site .production-hero .hero-actions{flex-direction:row;align-items:center}
.production-site .hero-actions .light-link{font-size:14px;color:#fff}
.production-site .hero-tags{margin-top:24px;gap:16px}
.production-site .hero-tags span{font-size:12px;color:#c6d2e5}
.mosaic-main{aspect-ratio:1.85}
.mosaic-pair img{aspect-ratio:2.6}
.mosaic-topline,.mosaic-bottomline{font-size:11px;color:#c2cddd;letter-spacing:.7px}
.mosaic-topline a,.mosaic-bottomline span:last-child{font-size:12px}
.mosaic-caption>span{font-size:11px;color:#e3e9f3}
.mosaic-caption strong{font-size:28px;color:#fff}
.mosaic-pair span{font-size:13px;padding:11px 14px}
.production-site .audience-strip{padding-block:18px;gap:18px;color:#d2dbe8}
.production-site .audience-strip strong{font-size:13px}
.production-site .audience-strip>span{font-size:11px;color:#ffadb7}
.production-site :is(.selected-work,.studio-section,.directions-section,.partner-section,.library-section,.about-story,.faq-section){padding-block:48px}
.production-site .section-heading{gap:32px;margin-bottom:26px;align-items:center}
.production-site h2{font-size:clamp(30px,3vw,44px);letter-spacing:-1.4px;line-height:1.16}
.production-site h2 span{color:#515e73}
.production-site :is(.production-close,.public-cta) h2 span{color:#ffd4cb}
.production-site :is(.section-heading>p,.selected-work-heading p,.production-capabilities p,.partner-copy>p:not(.partner-lead),.partner-options p,.sample-copy p,.about-principles p,.about-path-grid p,.about-story p,.sample-context p,.inquiry-intro>p){font-size:16px;line-height:1.75;color:#465267}
.production-site .production-process :is(.section-heading>p,.steps p){font-size:16px;line-height:1.75;color:#d0d9e7}
.production-site .selected-work-heading{margin-bottom:26px;gap:28px}
.production-site .work-title>span{font-size:13px;color:#4e5a6c}
.production-site .work-picture>span{font-size:12px}
.production-site .production-capabilities article,.production-site .production-capabilities article+article{padding-top:24px;padding-bottom:24px}
.production-site .cap-symbol{height:56px}
.production-site .cap-number{font-size:11px;color:#4c596e}
.production-site .bulk-section{padding:40px;gap:48px;margin-bottom:40px;background:#eceeea}
.production-site .bulk-copy>p:not(.bulk-lead){font-size:16px;line-height:1.75;color:#3e4b60}
.production-site .bulk-copy>small{font-size:13px;color:#48576a;line-height:1.65}
.production-site .bulk-copy h2 span{color:#b51e31}
.brief-row strong{font-size:16px}.brief-row small{font-size:14px;color:#4b586b}.brief-card-top,.brief-note{font-size:11px}.brief-note strong{font-size:13px}
.production-site .film-section{padding-block:12px 48px}
.production-site .film-caption{font-size:13px;color:#4a576c}
.production-site .production-process{padding-block:48px}
.production-site .production-process .steps{margin-top:28px}
.production-site .production-close{padding:40px}
.production-site .public-hero{padding-block:44px}
.production-site .public-hero h1{font-size:clamp(40px,4.5vw,64px);letter-spacing:-2px;margin-block:18px}
.production-site .public-hero p{font-size:18px;line-height:1.7;max-width:760px;color:#d0d9e7}
.production-site .public-tags{margin-top:22px}
.production-site .public-tags span{font-size:13px;color:#e4eaf4}
.production-site .sample-copy{padding-block:16px 12px}
.production-site .sample-grid{gap:26px}
.production-site .sample-feature{padding-top:32px}
.production-site .sample-feature-meta,.production-site .library-note{font-size:14px;color:#465267}
.production-site .sample-context{padding-block:36px;gap:40px}
.production-site .about-work-strip{padding-top:32px;gap:18px}
.production-site .about-work-strip img{height:clamp(140px,14vw,210px)}
.production-site .about-principles{padding-bottom:38px}
.production-site .about-principles span,.production-site .about-path-grid span{font-size:12px;color:#b61d32;letter-spacing:1px}
.production-site .about-paths{padding-bottom:42px}
.production-site .about-path-grid{margin-top:24px;gap:24px}
.production-site .about-path-grid article{padding:28px}
.production-site .public-cta{padding:34px;margin-bottom:32px}
.production-site .site-footer{margin-top:32px;padding-block:32px 24px;gap:24px}
.production-site .site-footer p{font-size:14px;color:#465267;line-height:1.65}
.production-site .footer-links{gap:16px 24px;font-size:14px}
.production-site .footer-bottom{font-size:12px;color:#526074;line-height:1.6;padding-top:20px}
.production-site .legal-links{font-size:13px;color:#415068}
.production-site .inquiry-layout{padding-block:40px;gap:40px}
.production-site :is(.inquiry-field label,.inquiry-field input:not([type=checkbox]),.inquiry-field select,.inquiry-field textarea){font-size:15px}
.production-site .inquiry-privacy{font-size:13px;color:#48576a}
.production-site .auth-panel-description,.production-site .auth-intro{font-size:16px;line-height:1.75}
.production-site .auth-field label{font-size:14px}
.production-site .auth-field input{font-size:16px}
.production-site .auth-field .helptext,.production-site .auth-plan-note{font-size:13px;color:#4b586d}
.production-site .faqs summary{font-size:17px;color:#18243a}
.production-site .faqs p{font-size:16px;line-height:1.75;color:#465267}
.production-site .niche-card p,.production-site .niche-card a{font-size:14px;line-height:1.7}
.production-site .niche-card>span{font-size:11px}
.production-site .terms-note{font-size:13px!important;color:#48576a!important}
.production-site .pilot-heading h2 span{color:#ffa2ae}
.production-site .pilot-heading .eyebrow{color:#ffadb7}
.production-site .pilot-heading>p{font-size:16px;color:#d0d9e7}
.production-site .pilot-grid span{font-size:14px;color:#d8e1ee}
.production-site .pilot-revenue span{color:#fff}
.production-site .pilot-disclosure{font-size:13px;color:#d0d9e7;line-height:1.75}
.production-site .pilot-section>.text-link{color:#ffb6c0}
@media(max-width:1180px){
 .production-site .wrap{width:calc(100% - 48px)}
 .production-site .site-nav{gap:18px}
 .production-site .site-nav .desktop-nav{gap:14px}
 .production-site .site-nav nav a{font-size:13px}
 .site-nav .wordmark img{width:160px}
 .site-nav .nav-actions{gap:14px}
 .production-site .production-hero-grid{gap:32px}
}
@media(max-width:1050px){
 .production-site .site-nav{height:76px;min-height:76px;padding:0;flex-wrap:nowrap;position:relative}
 .production-site .site-nav .desktop-nav{display:none}
 .site-nav .nav-actions{margin-left:auto}
 .site-nav .nav-actions>.btn{display:none}
 .mobile-menu{display:block}
 .mobile-menu summary{list-style:none;cursor:pointer;padding:12px 15px;border:1px solid #c7cfda;border-radius:6px;font-size:14px;font-weight:650;color:#18243a;display:flex;align-items:center;gap:10px}
 .mobile-menu summary::-webkit-details-marker{display:none}
 .mobile-menu summary span{font-size:18px}
 .mobile-menu[open] summary{background:#131d33;color:#fff;border-color:#131d33}
 .mobile-menu-panel{position:absolute;left:0;right:0;top:calc(100% - 1px);background:#fff;padding:18px;border:1px solid #d4dbe5;border-radius:0 0 12px 12px;box-shadow:0 16px 30px #131d3320}
 .production-site .site-nav .mobile-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%;margin-bottom:14px;text-align:left}
 .production-site .site-nav .mobile-menu nav a{padding:13px 14px;font-size:15px;white-space:normal;border-radius:5px}
 .production-site .site-nav .mobile-menu nav a[aria-current=page]{background:#fff0f2;color:#a3152a}
 .production-site .site-nav .mobile-menu nav a:after{display:none}
 .mobile-menu-panel>.btn{width:100%}
}
@media(max-width:850px){
 .production-site .production-hero-grid{grid-template-columns:1fr;gap:30px;padding-block:32px}
 .production-site .production-hero-copy{max-width:none}
 .production-site .production-hero h1{font-size:clamp(44px,7vw,62px)}
 .studio-mosaic{max-width:none}
 .mosaic-main{aspect-ratio:2.1}
 .mosaic-pair img{aspect-ratio:3.2}
 .production-site .section-heading{grid-template-columns:1fr;gap:16px}
 .production-site .bulk-section{padding:30px;gap:28px}
 .production-site .selected-work-heading{display:block}
 .selected-work-heading>div+div{margin-top:18px}
}
@media(max-width:600px){
 .production-site .wrap{width:calc(100% - 36px)}
 .production-site .site-nav{height:72px;min-height:72px;gap:12px}
 .site-nav .wordmark img{width:143px}
 .site-nav .nav-actions{font-size:13px;margin-left:auto}
 .mobile-menu summary{padding:10px;font-size:13px;gap:7px}
 .production-site .production-hero h1{font-size:45px;letter-spacing:-1.8px}
 .production-site .production-lead{font-size:21px}
 .production-site .production-description{font-size:16px}
 .production-site .production-hero .hero-actions{flex-direction:column;align-items:flex-start;gap:17px}
 .production-site .hero-tags{gap:12px;flex-wrap:wrap}
 .production-site .hero-tags span+span:before{margin-right:12px}
 .mosaic-main{aspect-ratio:1.6}
 .mosaic-caption strong{font-size:24px}
 .mosaic-pair img{aspect-ratio:1.9}
 .mosaic-pair span{font-size:12px;padding:10px}
 .mosaic-topline,.mosaic-bottomline{letter-spacing:0;font-size:10px;gap:8px}
 .production-site .audience-strip{gap:12px}
 .production-site .audience-strip strong{font-size:12px}
 .production-site :is(.selected-work,.studio-section,.directions-section,.partner-section,.library-section,.about-story,.faq-section){padding-block:32px}
 .production-site .selected-work-grid{gap:24px}
 .production-site .bulk-section{padding:25px 22px;margin-bottom:28px}
 .production-site .brief-card{padding:23px}
 .production-site .public-hero{padding-block:30px}
 .production-site .public-hero h1{font-size:39px;letter-spacing:-1.5px}
 .production-site .public-hero p{font-size:16px}
 .production-site .about-story,.production-site .sample-context{gap:22px;grid-template-columns:1fr}
 .production-site .about-work-strip{gap:8px;padding-top:24px}
 .production-site .about-work-strip img{height:105px}
 .production-site .about-path-grid article{padding:24px}
 .production-site .public-cta,.production-site .production-close{padding:28px 23px}
 .production-site .public-cta .btn{white-space:normal;text-align:center}
 .production-site .site-footer{margin-top:24px;padding-top:28px}
 .production-site .footer-bottom{flex-direction:column;gap:8px}
 .production-site .inquiry-layout{padding-block:28px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.production-site *, .production-site *:before,.production-site *:after{transition:none!important}}

/* Showcase editorial feature and shared public footer. */
.showcase-highlight{padding-top:48px}.highlight-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:32px;margin-bottom:24px}.highlight-heading h2{margin:14px 0 0;font-size:clamp(30px,3.8vw,52px);line-height:1.1;letter-spacing:-1.5px}.highlight-heading p,.highlight-bottom p{color:#46536a;font-size:16px;line-height:1.7}.film-badge{display:inline-block;font-size:13px;font-weight:600;color:#9d182a;margin-top:10px}.showcase-highlight video{width:100%;aspect-ratio:16/9;display:block;background:#101827;border-radius:14px}.highlight-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 0;border-bottom:1px solid #d6dae1}.highlight-bottom p{margin:0;max-width:700px}.highlight-bottom a{flex-shrink:0}
.production-site .studio-footer{background:#eef0f4;border-top:1px solid #d7dce5;margin-top:40px;padding:48px 0 0;color:#131d33}.footer-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:34px;border-bottom:1px solid #cbd2dd}.footer-intro p{color:#46536a;max-width:380px;line-height:1.7;font-size:15px;margin:16px 0 0}.footer-intro .btn{font-size:14px}.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:36px 0}.footer-columns nav{display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-width:0}.footer-columns h2{font-size:15px;font-weight:750;letter-spacing:0;margin:0 0 7px;line-height:1.5}.footer-columns a{font-size:14px;line-height:1.6;color:#46536a;text-decoration:none;overflow-wrap:anywhere}.footer-columns a:hover{color:#c71930;text-decoration:underline;text-underline-offset:4px}.footer-end{border-top:1px solid #cbd2dd;padding:22px 0;display:flex;justify-content:space-between;gap:24px;align-items:center;color:#536078;font-size:12px;line-height:1.7}.footer-end p{margin:0;max-width:480px;text-align:right;font-size:12px;color:#536078}
@media(max-width:760px){.highlight-heading{grid-template-columns:1fr;gap:16px}.highlight-bottom{align-items:flex-start;flex-direction:column;gap:12px}.footer-intro{align-items:flex-start;flex-direction:column}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.footer-end{flex-direction:column;align-items:flex-start;gap:8px}.footer-end p{text-align:left}.showcase-highlight{padding-top:32px}.production-site .studio-footer{padding-top:32px}.footer-intro .btn{white-space:normal}}

/* Give the opening screen its own stage; previews begin after it on mobile. */
.production-site{--public-header-height:83px}
.production-site .production-hero-grid{min-height:calc(100vh - var(--public-header-height));min-height:calc(100svh - var(--public-header-height));align-items:center;box-sizing:border-box;padding-block:48px}
@media(max-width:1050px){.production-site{--public-header-height:77px}}
@media(max-width:850px){
 .production-site .production-hero-grid{min-height:0;padding-block:0;gap:0}
 .production-site .production-hero-copy{min-height:calc(100vh - var(--public-header-height));min-height:calc(100svh - var(--public-header-height));box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:40px}
 .production-site .production-hero-grid .studio-mosaic{width:100%;padding-block:32px;border-top:1px solid #ffffff26}
 .production-site .production-hero-copy .hero-tags{flex-wrap:wrap}
}
@media(max-width:600px){.production-site{--public-header-height:73px}}