/* EVERYTHING AFTER STUDIOS — V5 / APPROVED MIDNIGHT BLUE + CYAN TREATMENT
   Derived from the Nov 2 visual reference. Pure flat icons. No teal/emboss. */
:root{
 --bg:#000d1b; --bg2:#001426; --panel:#03172c;
 --pale:#f4f5f9; --text:#f4f7fc;
 --muted:#c3cdd9; --faint:#8398b2;
 --blue:#29baff; --blue-hot:#00a9f8;
 --line:rgba(65,153,223,.26);
}
body{background:var(--bg);color:var(--text)}
p{color:var(--muted)}
.lede{color:#f1f5ff}
.eyebrow{color:#61c6ff}
h1,h2,h3{color:#f8f8ff}
h1 em,h2 em{color:#b3dcff}
::selection{background:#168bd2;color:white}
a:focus-visible,button:focus-visible{outline:2px solid #42c4ff;outline-offset:4px}
/* Buttons are thin electric-blue rectangles (approved reference), not filled grey blocks. */
.button,.button-fill,.button-outline{
 color:#f2faff;background:rgba(0,29,66,.5);border:1px solid #23acff;
 box-shadow:0 0 0 1px rgba(29,117,197,.28),inset 0 0 0 1px rgba(0,150,255,.09);
 border-radius:1px;font-weight:700;letter-spacing:.15em;min-height:46px;
 transition:background .23s, border-color .23s, box-shadow .23s,transform .23s;
}
.button:hover,.button-fill:hover,.button-outline:hover{
 color:#fff;background:rgba(0,103,181,.23);border-color:#77d6ff;
 box-shadow:0 0 0 1px rgba(29,174,255,.45),0 0 22px rgba(0,133,239,.21),inset 0 0 11px rgba(8,143,246,.17);
}
.text-link{border-bottom:1px solid #249ef8;color:#a8e5ff}
.text-link:hover{color:white}
.nav-contact{border:1px solid #299eea;background:rgba(0,18,42,.3);color:white}
.nav-contact:hover{background:rgba(0,102,176,.3)}
.desktop-nav a.current:after{background:#46bdff}
.site-header::before{background:linear-gradient(180deg,rgba(0,8,19,.85),transparent)}
.site-header.scrolled,.site-header.menu-open{background:rgba(0,12,27,.96)}
.site-header.menu-open .mobile-nav{background:rgba(0,12,27,.985)}
/* OPENING / butterfly film untouched. Only overlays and typography change. */
.hero-home{background-color:#000d1b}
.hero-video{filter:none}
.hero-scrim{
 background:linear-gradient(90deg,rgba(0,8,21,.88) 0%,rgba(0,12,31,.76) 28%,rgba(0,12,29,.36) 55%,rgba(0,12,29,.08) 82%),
 linear-gradient(0deg,rgba(0,9,22,.7),transparent 42%,rgba(0,9,22,.15));
}
.hero-side-note{color:#8cd8ff}
.film-control{background:rgba(0,16,38,.76);border-color:rgba(68,162,234,.63)}
.film-control:hover{background:rgba(0,71,135,.85)}
.scroll-cue i,.kicker-line{background:#32b8ff}
/* Fox movie is directly BEHIND the studio text in one cinematic panel. */
.about-section.about-film{padding:0;border-top:1px solid rgba(65,153,223,.23);border-bottom:1px solid rgba(65,153,223,.29)}
.about-film-stage{position:relative;isolation:isolate;min-height:790px;background:#00152a url('assets/fox-poster.jpg') center center /cover no-repeat;overflow:hidden}
.about-film-video{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;filter:saturate(1.12) contrast(1.06)}
.about-film-scrim{position:absolute;z-index:-1;inset:0;pointer-events:none;
 background:linear-gradient(90deg,rgba(0,9,22,.98) 0%,rgba(0,11,29,.94) 26%,rgba(0,17,41,.84) 40%,rgba(0,15,34,.54) 56%,rgba(0,10,25,.06) 85%),
 linear-gradient(0deg,rgba(0,12,28,.89),transparent 33%,rgba(0,10,23,.25));
}
.about-film-content{position:relative;min-height:790px;max-width:1440px;display:flex;align-items:center;padding-block:96px}
.about-film-text{width:min(660px,59%);position:relative;z-index:2}
.about-film-text h2{font-size:clamp(2.8rem,4.25vw,4.9rem);line-height:1.12;margin:17px 0 30px;color:#f8f8fa}
.about-film-text h2 em{color:#e3f0ff}
.about-film-text p{font-size:clamp(.86rem,1.025vw,.98rem);line-height:1.72;color:#d7e4f5;margin-top:14px}
.about-film-text p:first-of-type{color:#fff;font-size:clamp(1rem,1.2vw,1.14rem);line-height:1.61}
.about-film-text .about-standout{font-weight:750;color:#fff}
.about-film-text .about-manifesto{font:italic clamp(1.12rem,1.45vw,1.45rem)/1.55 var(--serif);border-left:2px solid #22b9ff;padding-left:18px;color:#cceaff;margin-top:20px}
.about-film-mark{position:absolute;right:clamp(22px,5vw,64px);bottom:28px;font:700 .61rem var(--sans);letter-spacing:.23em;color:#b5e5ff;text-shadow:0 2px 9px #000}
/* Philosophy / blue line-art icons */
.philosophy-section{background:linear-gradient(145deg,#001325,#021b36 65%,#001328)}
.philosophy-section .principle h3{color:white}
.principle p{color:#c4d4e6}
.principle-icon{filter:none}
/* Founder / source portrait is not retouched: simply faded along right and bottom */
.founder-section{background:radial-gradient(ellipse at 4% 35%,#082348 0%,#001124 51%,#000d1e 90%);}
.founder-photo-wrap{background:transparent;border:0}
.founder-photo-wrap img{filter:none!important;object-position:42% 50%}
.founder-photo-wrap::after{
 content:'';position:absolute;inset:-1px;pointer-events:none;
 background:linear-gradient(90deg,transparent 48%,rgba(3,19,39,.3) 63%,#031327 99%),
 linear-gradient(0deg,#031327 0%,transparent 34%),
 linear-gradient(180deg,#031327 0%,transparent 12%);
}
.photo-note{display:none}
.founder-role{color:#61caff}
.founder-copy .emphasis{color:#fff}
.achievement-list strong{color:#fff}
.achievement-list span{color:#b1cbe4}
/* Featured project cards, electric CTA accents and deep-blue panels */
.productions-section{background:radial-gradient(ellipse at 50% 0%,#061d3f,#001025 72%)}
.project-card{background:#001227;border-color:rgba(54,143,220,.46)}
.project-image{background:#00162d}
.project-image:after{background:linear-gradient(0deg,rgba(0,9,28,.5),transparent 45%)}
.project-card .project-hook{color:#eaf5ff}
.project-status{color:#59c5ff}
.twelve-art{background:radial-gradient(ellipse at 48% 35%,#1b3955 0%,#071b35 52%,#001124 100%)}
.twelve-art-caption{color:#bce4fc}
/* LOT and gallery: clear blue/black continuity */
.inside-lot{background:#000b18}
.lot-motion{background-color:#000c20}
.lot-motion:after{background:linear-gradient(90deg,rgba(0,10,27,.91),rgba(0,14,37,.62) 48%,rgba(0,9,27,.07)),linear-gradient(0deg,rgba(0,10,28,.72),transparent 52%)}
.gallery-tile{background:#041831}
.gallery-tile:after{background:linear-gradient(0deg,rgba(0,9,25,.91),transparent)}
.accomplishing-section{background:#001123}
.accomplishing-visual{background:#001c33}
.accomplishing-visual img{filter:none}
.accomplishing-visual:after{background:linear-gradient(0deg,#001123,transparent 80%),linear-gradient(90deg,rgba(0,12,29,.8),transparent 76%)}
.contact-section{background:linear-gradient(135deg,#001933,#061a35 55%,#000e21)}
.site-footer{background:#000817}
.footer-links a{color:#9ac4e8}
.footer-links a:hover{color:white}
.footer-bottom p{color:#7d99b7}
/* Project-detail pages share the bright-blue site branding while retaining own imagery. */
.project-page{--bg:#000d1b;--bg2:#00162c;--line:rgba(65,153,223,.3);--muted:#c7d2e0;--blue:#30baff}
.project-hero:before{background:linear-gradient(90deg,rgba(0,7,24,.94),rgba(0,11,29,.61) 47%,rgba(0,11,29,.08) 95%),linear-gradient(0deg,rgba(0,8,22,.7),transparent 47%)}
/* Twelve retains its own intimate editorial section, but blue CTA is consistent. */
.page-twelve{--bg:#000d1b;--bg2:#061629;--blue:#59c6ff;--text:#f1f4fa;--muted:#c9d5e0;--line:rgba(83,153,218,.28)}
.twelve-hero{background:radial-gradient(ellipse at 66% 30%,#1c3558,transparent 56%),linear-gradient(110deg,#000b1c,#07172e 60%,#000b1a)}
.twelve-person{background:linear-gradient(160deg,#061d38,#001020);border-color:rgba(67,150,223,.27)}
/* Small screens: movie still under text, with enough dark-blue gradient for clarity. */
@media(max-width:1100px){
 .about-film-text{width:min(630px,65%)}
 .about-film-stage,.about-film-content{min-height:785px}
}
@media(max-width:860px){
 .about-film-stage,.about-film-content{min-height:850px}
 .about-film-text{width:min(640px,87%)}
 .about-film-scrim{background:linear-gradient(90deg,rgba(0,9,22,.98) 0%,rgba(0,11,28,.88) 49%,rgba(0,13,30,.5) 100%),linear-gradient(0deg,rgba(0,11,29,.9),transparent 50%)}
 .about-film-content{align-items:center}
 .founder-photo-wrap::after{background:linear-gradient(0deg,#031327,transparent 30%),linear-gradient(90deg,transparent 58%,#031327 100%)}
}
@media(max-width:640px){
 .hero-home{background-color:#001025}
 .hero-scrim{background:linear-gradient(0deg,rgba(0,9,25,.97) 0%,rgba(0,10,28,.87) 37%,rgba(0,12,29,.2) 79%,rgba(0,7,17,.4) 100%)}
 .about-film-stage{min-height:0;background-position:65% top}
 .about-film-video{object-position:69% top}
 .about-film-content{min-height:0;padding-block:300px 64px;align-items:stretch}
 .about-film-text{width:100%}
 .about-film-scrim{background:linear-gradient(0deg,#001021 3%,rgba(0,13,31,.98) 52%,rgba(0,13,31,.3) 85%,rgba(0,12,28,.03) 100%)}
 .about-film-text h2{font-size:clamp(2.4rem,9.2vw,3.8rem);line-height:1.13;margin:14px 0 22px}
 .about-film-text p{font-size:.95rem;line-height:1.68}
 .about-film-text p:first-of-type{font-size:1.03rem}
 .about-film-mark{display:none}
 .button,.button-fill,.button-outline{min-height:47px}
 .founder-photo-wrap{height:410px}
 .founder-photo-wrap img{object-position:38% center}
}
@media(prefers-reduced-motion:reduce){.about-film-video{display:none}}
/* Ensure the *wide* fox film stays visibly framed on narrow phones,
   instead of zooming an entire tall text section into an unrecognizable crop. */
@media(max-width:640px){
 .about-film-video{top:0;height:410px;width:100%;object-fit:cover;object-position:49% 46%;}
 .about-film-stage{background-size:auto 410px;background-position:center top;background-repeat:no-repeat;background-color:#001021}
 .skip-link:not(:focus){position:fixed!important;left:0!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
}

/* EVERYTHING AFTER STUDIOS — V6 ART DIRECTION / NOVEMBER 2026
 * Based on user's annotated layout: numbered labels out, condensed section hierarchy,
 * smaller headings, actual original portrait, image-led productions,
 * compact Cherub City progress panel. This file contains all V5 colors above this note. */
:root{--bg:#001023;--bg2:#00182e;--panel:#04172f;--blue:#28b7ff;--line:rgba(76,169,240,.35)}
/* Keep the wordmark and its Texas descriptor together, in the menu. */
.site-header .header-inner{height:99px}
.brand{display:flex;flex-direction:column;justify-content:center;gap:3px;width:248px}
.brand img{width:100%;height:auto}
.brand-subtitle{display:block;font:600 .55rem/1.35 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#c1d4e9;text-align:center;white-space:nowrap}
.desktop-nav{gap:clamp(16px,2vw,29px)}
/* The studio film has room to play: headline no longer overwhelms the cocoon. */
.hero-content h1{font-size:clamp(2.85rem,5.1vw,5.75rem);max-width:610px;line-height:1.10;margin-top:18px;margin-bottom:26px}
.hero-content{padding-top:140px}
.hero-content .hero-lead,.hero-content .hero-sub{max-width:470px}
/* The fox stays a full moving layer behind the studio statement. */
.about-film-stage,.about-film-content{min-height:690px}
.about-film-content{padding-block:72px}
.about-film-text{width:min(670px,61%)}
.about-film-text h2{font-size:clamp(2rem,3.05vw,3.3rem);line-height:1.12;margin:10px 0 22px;letter-spacing:-.024em}
.about-film-text p{margin-top:11px;line-height:1.64}
.about-film-text p:first-of-type{font-size:1.03rem}
/* Tighter, unnumbered philosophy between fox and founder. */
.philosophy-section{padding-block:53px 61px}
.philosophy-section .section-heading.tight{margin-bottom:21px}
.philosophy-section h2{font-size:clamp(2rem,3.25vw,3.45rem);margin-top:9px}
.philosophy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.principle,.principle+.principle{padding-top:20px;padding-bottom:4px;min-height:0}
.principle-icon{width:44px;height:44px;margin-bottom:10px}
.principle h3{font:700 .82rem/1.4 var(--sans);letter-spacing:.15em;text-transform:uppercase;margin:8px 0}
.principle p{font-size:.86rem;line-height:1.55}
/* Original portrait—preserved without alteration. Only CSS gradients fade edges. */
.founder-v6{padding:0;background:linear-gradient(110deg,#02152c,#000e20 80%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.founder-v6 .container{max-width:1400px;padding-inline:clamp(22px,4.4vw,60px)}
.founder-v6 .founder-grid{display:grid;grid-template-columns:minmax(280px,34%) 1fr;gap:clamp(17px,3.6vw,50px);align-items:stretch;min-height:365px}
.founder-v6 .founder-photo-wrap{height:100%;max-height:none;min-height:365px;position:relative;background:transparent}
.founder-v6 .founder-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:42% 48%;filter:none!important}
.founder-v6 .founder-photo-wrap::after{background:linear-gradient(90deg,transparent 46%,rgba(1,18,41,.25) 65%,#001327 99%),linear-gradient(0deg,#001327,transparent 25%),linear-gradient(180deg,#001327,transparent 20%)}
.founder-body{padding:37px 0 31px;min-width:0}
.founder-v6 .founder-copy h2{font-size:clamp(1.85rem,3.3vw,3.25rem);margin:7px 0 10px;letter-spacing:-.026em}
.founder-copy h2 small{font:400 .64em/1.15 var(--serif);white-space:nowrap}
.founder-v6 .founder-copy .founder-summary{font-size:clamp(.85rem,1.02vw,.97rem);line-height:1.67;color:#d8e7f8;max-width:790px;margin:0}
.founder-v6 .achievement-list{grid-template-columns:repeat(5,minmax(0,1fr));border:0;margin:20px 0 0}
.founder-v6 .achievement-list>div{min-height:87px;padding:5px 11px 5px 0}
.founder-v6 .achievement-list>div+div{border-left:1px solid #28aaf6;padding-left:15px}
.founder-v6 .achievement-list strong{font:400 clamp(1.7rem,2.15vw,2.35rem)/1.06 var(--serif);white-space:normal}
.founder-v6 .achievement-list .achievement-last strong{font-size:clamp(1rem,1.55vw,1.55rem)}
.founder-v6 .achievement-list span{font-size:.66rem;line-height:1.5;margin-top:5px;color:#d2e1f0}
.founder-details{margin-top:11px;max-width:750px;border-top:1px solid rgba(80,158,226,.22)}
.founder-details summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:11px 0;color:#84d4ff;text-transform:uppercase;letter-spacing:.16em;font-size:.61rem;font-weight:650}
.founder-details summary:hover{color:#fff}
.founder-details .founder-full-bio{padding:8px 0 21px;max-width:750px}
.founder-details .founder-full-bio p{font-size:.87rem;line-height:1.7}
/* The exact section order requested: after founder, the 2 production entrances. */
.productions-v6{padding-block:62px 74px;background:radial-gradient(ellipse at 48% 0%,#08264a,#001124 72%);border-bottom:1px solid var(--line)}
.films-v6-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:23px}
.films-v6-heading h2{font-size:clamp(2.4rem,4vw,4.15rem);margin:3px 0 0}
.films-v6-aside{color:#72ceff;letter-spacing:.16em;font-size:.61rem;font-weight:700;white-space:nowrap;border-bottom:1px solid #28aaff;padding-bottom:7px;margin-bottom:11px}
.films-v6-aside span{font-size:1.3em;margin-left:12px}
.films-v6-grid{display:grid;grid-template-columns:1.28fr 1fr;gap:17px;align-items:stretch}
.film-feature{min-width:0}
.film-feature-main{display:block;min-height:350px;height:350px;position:relative;overflow:hidden;border:1px solid rgba(94,177,246,.5);background:#061529}
.film-feature-main>img{width:100%;height:100%;object-fit:cover;object-position:center 41%;transition:transform .6s ease}
.film-feature-main:hover>img{transform:scale(1.035)}
.film-feature-main:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#001124 0%,rgba(0,15,32,.97) 5%,rgba(0,15,32,.6) 42%,transparent 85%)}
.film-feature-content{position:absolute;z-index:2;bottom:17px;left:22px;right:22px}
.film-feature-title{display:flex;align-items:baseline;gap:17px;flex-wrap:wrap;margin-bottom:7px}
.film-feature-title h3{font-size:clamp(1.75rem,2.65vw,2.65rem);letter-spacing:-.025em}
.film-feature-title span{color:#6bc9ff;letter-spacing:.24em;font-size:.64rem;font-weight:750}
.film-feature-content p{max-width:470px;color:#edf5ff;font-size:.84rem;line-height:1.5;margin:0 0 15px}
.mini-button{display:inline-flex;align-items:center;gap:19px;color:#f3faff;border:1px solid #2bb1fd;padding:8px 14px;background:rgba(0,17,37,.55);font:700 .65rem/1.3 var(--sans);letter-spacing:.12em;box-shadow:0 0 0 1px rgba(30,145,227,.18)}
.film-feature-main:hover .mini-button,.film-feature-main:focus-visible .mini-button{background:rgba(0,105,178,.3);border-color:#7bdaff}
.film-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:11px}
.film-thumbs a{height:112px;border:1px solid rgba(86,175,237,.48);overflow:hidden;display:block}
.film-thumbs img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.film-thumbs a:hover img{transform:scale(1.045)}
/* Genuine Twelve assets are not yet approved: a beautiful type-led placeholder, no faux cast photo. */
.twelve-v6-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 66% 28%,rgba(81,121,171,.35),transparent 46%),linear-gradient(125deg,#010e25,#071f39 55%,#12223a);display:flex;align-items:center;justify-content:center;overflow:hidden}
.twelve-v6-backdrop:before,.twelve-v6-backdrop:after{content:'';position:absolute;inset:0;pointer-events:none}
.twelve-v6-backdrop:before{background:repeating-linear-gradient(90deg,transparent 0 72px,rgba(81,133,183,.045) 74px 75px);transform:skewX(-13deg)}
.twelve-v6-backdrop:after{background:linear-gradient(0deg,rgba(0,8,25,.68),transparent 54%)}
.twelve-v6-backdrop strong{font:400 clamp(10rem,23vw,20rem)/1 var(--serif);color:rgba(166,210,245,.15);letter-spacing:-.1em;transform:translateX(-.05em);text-shadow:0 0 80px rgba(77,160,235,.1)}
.twelve-v6-backdrop>span{position:absolute;bottom:139px;right:22px;letter-spacing:.19em;font-size:.55rem;color:#a3c3e0}
.twelve-v6-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:112px;margin-top:11px;border:1px solid rgba(86,175,237,.48);background:linear-gradient(115deg,#031832,#04132b);padding:24px}
.twelve-v6-foot>span{font-size:.64rem;letter-spacing:.18em;color:#a5bfd7}
.twelve-v6-foot a{font-weight:700;font-size:.61rem;letter-spacing:.1em;color:#72d0ff;white-space:nowrap}
.twelve-v6-foot a:hover{color:#fff}
/* Compact final panoramic progress strip, as in supplied reference. */
.progress-v6{position:relative;isolation:isolate;min-height:380px;background:#001021;overflow:hidden;border-top:1px solid rgba(86,175,237,.3);border-bottom:1px solid rgba(86,175,237,.3)}
.progress-v6-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 53%}
.progress-v6-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,10,24,1) 0%,rgba(0,11,28,.97) 22%,rgba(0,12,29,.76) 48%,rgba(0,13,32,.06) 100%),linear-gradient(90deg,rgba(0,9,24,.72),transparent 78%)}
.progress-v6-inner{padding-block:46px 33px;display:flex;flex-direction:column;min-height:380px;justify-content:space-between}
.progress-v6-heading h2{font-size:clamp(2rem,3.25vw,3.6rem);margin-top:5px;max-width:800px;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.progress-v6 .accomplishing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;margin-top:75px}
.progress-v6 .accomplishing-grid article{display:flex;gap:12px;align-items:flex-start;padding:10px 16px 8px 0;min-height:114px}
.progress-v6 .accomplishing-grid article+article{border-left:1px solid rgba(74,160,236,.27);padding-left:16px}
.progress-v6 .accomplishing-grid img{width:35px;height:35px;flex:none;margin:0}
.progress-v6 .accomplishing-grid h3{font:700 .8rem/1.35 var(--serif);letter-spacing:-.005em;color:#fff;margin:0 0 9px}
.progress-v6 .accomplishing-grid p{font-size:.69rem;line-height:1.5;color:#c2d4e5;margin:0}
/* Contact is now a discreet closing line, rather than another huge section. */
.contact-ribbon{background:#001125;border-top:1px solid rgba(76,168,225,.25);padding:25px 0}
.contact-ribbon-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}
.contact-ribbon-inner .eyebrow{font-size:.6rem}
.contact-ribbon-inner p{font:400 clamp(1.15rem,1.75vw,1.75rem)/1.3 var(--serif);color:white;margin:4px 0 0}
.contact-ribbon-inner .button{min-width:190px}
/* Retain separate LOT/Twelve pages but hide them from the top menu. */
@media(max-width:1100px){
 .brand{width:220px}
 .founder-v6 .founder-grid{grid-template-columns:minmax(245px,32%) 1fr}
 .film-feature-main{height:330px;min-height:330px}
 .film-feature-title h3{font-size:2rem}
 .progress-v6 .accomplishing-grid article{gap:9px;padding-right:9px}
 .progress-v6 .accomplishing-grid article+article{padding-left:9px}
 .progress-v6 .accomplishing-grid p{font-size:.66rem}
}
@media(max-width:860px){
 .site-header .header-inner{height:81px}
 .mobile-nav{top:81px}
 .brand{width:210px}
 .founder-v6 .founder-grid{grid-template-columns:1fr;gap:0}
 .founder-v6 .founder-photo-wrap{height:390px;min-height:0;max-height:none}
 .founder-v6 .founder-photo-wrap::after{background:linear-gradient(0deg,#001327,transparent 23%),linear-gradient(90deg,transparent 60%,#001327)}
 .founder-body{padding:22px 0 37px}
 .films-v6-grid{grid-template-columns:1fr 1fr}
 .film-feature-main{min-height:340px;height:340px}
 .film-thumbs a{height:80px}
 .twelve-v6-foot{min-height:80px;padding:12px}
 .progress-v6 .accomplishing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 0;margin-top:45px}
 .progress-v6 .accomplishing-grid article:nth-child(3){border-left:0;padding-left:0}
 .progress-v6 .accomplishing-grid article{min-height:100px}
 .progress-v6{min-height:480px}
 .progress-v6-inner{min-height:480px}
}
@media(max-width:640px){
 .site-header .header-inner{height:76px}
 .mobile-nav{top:76px}
 .brand{width:185px;gap:0}
 .brand-subtitle{font-size:.43rem;letter-spacing:.14em}
 .hero-home{min-height:740px}
 .hero-content h1{font-size:clamp(2.6rem,9.2vw,3.5rem);margin:10px 0 18px}
 .hero-content{padding-top:100px}
 .hero-content .hero-lead,.hero-content .hero-sub{max-width:470px}
 .about-film-stage,.about-film-content{min-height:0}
 .about-film-content{padding-top:300px;padding-bottom:55px}
 .about-film-text h2{font-size:clamp(2rem,7.25vw,3rem);margin-bottom:21px}
 .philosophy-section{padding-block:40px}
 .philosophy-section .section-heading.tight{margin-bottom:9px}
 .philosophy-section h2{font-size:2.3rem}
 .principle,.principle+.principle{padding:19px 0 22px}
 .principle-icon{width:40px;height:40px}
 .founder-v6 .founder-photo-wrap{height:300px}
 .founder-v6 .founder-photo-wrap img{object-position:39% 48%}
 .founder-body{padding-top:10px}
 .founder-v6 .founder-copy h2{font-size:clamp(2rem,8vw,2.8rem)}
 .founder-v6 .founder-copy h2 small{font-size:.56em}
 .founder-v6 .achievement-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:14px}
 .founder-v6 .achievement-list>div{border:0;padding:15px 6px 13px 0;min-height:88px;border-bottom:1px solid var(--line)}
 .founder-v6 .achievement-list>div+div{border-left:0;padding-left:6px}
 .founder-v6 .achievement-list>div:nth-child(2n){border-left:1px solid var(--line);padding-left:14px}
 .founder-v6 .achievement-list strong{font-size:2rem}
 .founder-v6 .achievement-list .achievement-last strong{font-size:1.35rem}
 .productions-v6{padding-block:45px 52px}
 .films-v6-heading{display:block}
 .films-v6-heading h2{font-size:clamp(2.5rem,8vw,3.15rem);margin-bottom:13px}
 .films-v6-aside{display:inline-block;font-size:.55rem}
 .films-v6-grid{grid-template-columns:1fr;gap:20px}
 .film-feature-main{height:360px;min-height:360px}
 .film-feature-title h3{font-size:2rem}
 .film-feature-content{left:16px;right:16px;bottom:17px}
 .film-feature-content p{font-size:.78rem}
 .film-thumbs a{height:83px}
 .twelve-v6-foot{min-height:75px}
 .progress-v6{min-height:580px}
 .progress-v6-inner{min-height:580px;padding-block:35px 30px}
 .progress-v6-heading h2{font-size:2.25rem}
 .progress-v6 .accomplishing-grid{grid-template-columns:1fr;gap:0;margin-top:50px}
 .progress-v6 .accomplishing-grid article,.progress-v6 .accomplishing-grid article+article,.progress-v6 .accomplishing-grid article:nth-child(3){border:0;border-top:1px solid rgba(82,157,212,.28);padding:12px 0;min-height:0}
 .progress-v6 .accomplishing-grid img{width:30px;height:30px}
 .progress-v6 .accomplishing-grid h3{font-size:.89rem;margin-bottom:3px}
 .progress-v6 .accomplishing-grid p{font-size:.72rem}
 .contact-ribbon-inner{align-items:flex-start;flex-direction:column}
 .contact-ribbon-inner .button{min-width:0}
}
@media(max-width:380px){
 .brand{width:170px}
 .film-feature-title h3{font-size:1.65rem}
 .film-feature-title span{font-size:.55rem}
 .films-v6-aside{font-size:.5rem}
 .progress-v6{min-height:625px}
 .progress-v6-inner{min-height:625px}
}