/* EVERYTHING AFTER STUDIOS — FILM-FIRST WEB EXPERIENCE · V4 */
:root{
  color-scheme:dark;
  --bg:#090e10;--bg2:#0e1518;--panel:#11191d;--pale:#e9e9e5;--text:#e4e8e8;
  --muted:#a4b0b5;--faint:#79868d;--blue:#92b8c6;--line:rgba(183,205,212,.16);
  --serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --wide:1400px;--content:1200px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{background:var(--bg);color:var(--text);margin:0;font:400 16px/1.67 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.modal-open{overflow:hidden}h1,h2,h3,h4,p,figure{margin:0}p+p{margin-top:1.1em}img,svg,video{max-width:100%}img{display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #d7f2fc;outline-offset:4px}.skip-link{position:fixed;left:10px;top:-100px;background:#fff;color:#111;padding:12px;z-index:100}.skip-link:focus{top:10px}::selection{background:#6c9dad;color:#061116}
.container{margin-inline:auto;padding-inline:clamp(22px,5.2vw,76px)}.container-wide{max-width:var(--wide);margin-inline:auto;padding-inline:clamp(22px,4.4vw,60px)}.content-width{max-width:var(--content)}.section{padding-block:clamp(86px,10vw,165px);position:relative}.eyebrow{text-transform:uppercase;font:600 .69rem/1.5 var(--sans);letter-spacing:.31em;color:var(--blue);display:inline-block}.eyebrow.light{color:#e2e7e7}.section-heading{margin-bottom:56px}.section-heading.tight{margin-bottom:43px}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.033em;line-height:1.09}h1{font-size:clamp(3.8rem,7.2vw,8.1rem)}h2{font-size:clamp(2.65rem,5.3vw,5.7rem)}h3{font-size:clamp(1.45rem,2.4vw,2.5rem)}h1 em,h2 em{font-weight:400;font-style:italic;color:#a5bac4}p{color:var(--muted)}.lede{font-size:clamp(1.06rem,1.4vw,1.3rem);line-height:1.85;color:var(--pale)}.emphasis{color:#e8eef0;font-weight:600}.small-index{font:.7rem var(--sans);letter-spacing:.18em;color:var(--faint)}
.button{font:600 .76rem/1.2 var(--sans);text-transform:uppercase;letter-spacing:.16em;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:52px;padding:14px 20px;border:1px solid rgba(202,224,230,.47);transition:background .2s,border-color .2s,transform .2s;max-width:100%}.button:hover{background:rgba(204,231,239,.13);border-color:#d8e9ee;transform:translateY(-1px)}.button-fill{color:#071013;background:#dce7e7;border-color:#dce7e7}.button-fill:hover{background:#f2fcff;color:#071013}.button-outline{background:rgba(7,13,16,.13)}.text-link{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;border-bottom:1px solid var(--blue);padding-block:10px;color:var(--pale);font:.77rem var(--sans);text-transform:uppercase;letter-spacing:.14em;transition:color .2s}.text-link:hover{color:var(--blue)}
/* Navigation */
.site-header{position:fixed;top:0;left:0;width:100%;z-index:30;transition:background .25s;}
.site-header::before{content:'';background:linear-gradient(to bottom,rgba(4,10,13,.84),transparent);position:absolute;inset:0 0 -42px;z-index:-1;pointer-events:none}
.header-inner{height:92px;display:flex;align-items:center;gap:38px;justify-content:space-between}.brand{display:block;flex-shrink:0;width:226px}.brand img{width:100%;height:auto;filter:drop-shadow(0 1px 12px rgba(0,0,0,.1))}.desktop-nav{display:flex;gap:clamp(17px,2.3vw,31px);align-items:center;margin-left:auto}.desktop-nav a,.nav-contact{font:600 .7rem/1.2 var(--sans);letter-spacing:.09em;color:rgba(246,250,251,.84);transition:color .2s;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.current{color:#fff}.desktop-nav a.current:after{content:'';height:1px;background:var(--blue);display:block;margin-top:8px}.nav-contact{border:1px solid rgba(224,238,239,.56);padding:13px 16px;text-transform:uppercase;display:flex;gap:15px;align-items:center;margin-left:12px}.nav-contact:hover{background:rgba(255,255,255,.13)}.menu-toggle{display:none;background:transparent;border:0;padding:10px;width:42px;height:42px;flex-shrink:0;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:23px;height:1px;background:#e8f0f0;display:block;transition:transform .2s,opacity .2s}.mobile-nav{display:none}
/* Studio film */
.hero-home{position:relative;min-height:810px;height:100svh;max-height:1050px;overflow:hidden;background:#0b1314 url("assets/hero-poster.webp") center/cover no-repeat}.hero-video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.92)}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,13,.88) 0%,rgba(6,10,13,.73) 24%,rgba(5,9,12,.34) 53%,rgba(3,8,10,.08) 81%),linear-gradient(0deg,rgba(4,10,13,.6),transparent 38%,rgba(4,9,11,.17))}.hero-content{position:relative;z-index:2;min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:116px;padding-bottom:110px;max-width:var(--wide)}.hero-content h1{max-width:730px;margin:22px 0 28px;text-shadow:0 4px 24px rgba(0,0,0,.48)}.hero-content .hero-lead,.hero-content .hero-sub{max-width:490px;font:400 clamp(.93rem,1.15vw,1.11rem)/1.65 var(--sans);color:#e6e8e8}.hero-content .hero-sub{margin-top:12px}.hero-final{font-size:1.12rem;margin-top:18px;color:#f6f8f8;font-weight:650}.hero-content .button{margin-top:28px;min-width:224px}.kicker-line{display:inline-block;width:28px;height:1px;background:#bacdd1;vertical-align:middle;margin:0 9px}.film-controls{position:absolute;bottom:33px;right:clamp(20px,4.4vw,60px);z-index:3;display:flex;gap:9px}.film-control{display:inline-flex;align-items:center;gap:8px;font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#e6eaea;background:rgba(8,15,18,.49);border:1px solid rgba(234,246,249,.28);padding:10px 12px;backdrop-filter:blur(8px)}.film-control:hover{background:rgba(17,32,38,.8)}.film-control svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.scroll-cue{z-index:2;position:absolute;left:clamp(22px,4.4vw,60px);bottom:35px;display:flex;align-items:center;gap:18px;text-transform:uppercase;letter-spacing:.19em;font-size:.62rem;color:#e2e4e5}.scroll-cue i{height:1px;width:42px;background:var(--blue)}.hero-side-note{position:absolute;top:48%;right:clamp(17px,3vw,50px);z-index:2;writing-mode:vertical-rl;letter-spacing:.24em;font-size:.62rem;color:#dae5e8;opacity:.8}
/* Fox introduction */
.about-section{padding-top:0}.section-number{min-height:82px;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:.25em;color:#91a9ae;font-size:.68rem;font-weight:600}.about-motion{height:clamp(360px,48vw,700px);overflow:hidden;position:relative;background:#0d161e url("assets/fox-poster.jpg") center/cover no-repeat}.about-motion video{width:100%;height:100%;object-fit:cover;object-position:50% 47%;filter:saturate(.82)}.about-motion:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 60%,rgba(4,8,12,.78))}.about-motion-caption{position:absolute;bottom:30px;left:clamp(23px,6vw,95px);right:clamp(22px,6vw,95px);z-index:2;display:flex;align-items:center;justify-content:space-between}.motion-indicator{font:600 .66rem var(--sans);letter-spacing:.15em;color:#dce5e7}.motion-dot{background:#a5dbd9;border-radius:50%;display:inline-block;width:6px;height:6px;margin-right:8px}.about-copy{padding-top:clamp(73px,8vw,127px)}.about-copy .section-heading{margin-bottom:48px}.about-copy h2{max-width:1050px;margin-top:15px}.prose-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,9vw,115px)}.prose-columns p{line-height:1.86}.studio-manifesto{border-left:2px solid #85b7c5;margin-top:35px;padding-left:22px;color:#d0dedf;font:italic clamp(1.17rem,2vw,1.6rem)/1.55 var(--serif)}
/* Philosophy */
.philosophy-section{background:#0e171a;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.philosophy-section h2{margin-top:15px}.philosophy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.principle{padding:45px 42px 16px 0;min-height:300px;position:relative}.principle+.principle{padding-left:38px;border-left:1px solid var(--line)}.principle-icon{height:66px;width:66px;object-fit:contain;margin-bottom:24px}.principle .small-index{position:absolute;top:50px;right:35px}.principle h3{font-size:1.7rem;color:#e2e7e8;margin-bottom:17px}.principle p{font-size:.94rem;line-height:1.8;max-width:320px}
/* Founder */
.founder-section{background:#0a1012}.founder-grid{display:grid;grid-template-columns:40% 1fr;gap:clamp(45px,6vw,100px);align-items:start}.founder-photo-wrap{height:min(57vw,720px);min-height:540px;max-height:760px;position:relative;background:#171717;overflow:hidden}.founder-photo-wrap img{height:100%;width:100%;object-fit:cover;object-position:37% 50%;filter:grayscale(.1) contrast(1.09)}.founder-photo-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.66),transparent 45%);pointer-events:none}.photo-note{position:absolute;z-index:1;bottom:23px;left:24px;letter-spacing:.21em;color:#e4e9ea;font:600 .63rem var(--sans)}.founder-copy h2{font-size:clamp(2.55rem,4vw,4.65rem);margin:10px 0 12px}.founder-role{display:block;font-size:.76rem;letter-spacing:.21em;color:#8eb6c1;text-transform:uppercase;margin-bottom:28px}.founder-copy p{font-size:clamp(.91rem,1.05vw,.99rem);line-height:1.76}.founder-copy .lede{font-size:clamp(1.08rem,1.23vw,1.23rem);margin-bottom:25px}.founder-copy .emphasis{font:italic 1.4rem var(--serif);margin-top:27px;color:#e2e7eb}.achievement-list{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:60px}.achievement-list>div{min-height:144px;padding:25px 22px 24px 0;display:flex;flex-direction:column;justify-content:center}.achievement-list>div+div{padding-left:24px;border-left:1px solid var(--line)}.achievement-list strong{font:400 clamp(2rem,3.5vw,3.2rem)/1.05 var(--serif);color:#f4f5f5}.achievement-list span{font:.74rem/1.65 var(--sans);color:#9fb4bb;margin-top:10px;max-width:130px}.achievement-list .achievement-last strong{font-size:2.05rem}
/* Film slate */
.productions-section{background:#0d1518}.productions-section .section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:90px;align-items:end}.productions-section .section-heading .eyebrow{grid-column:1/-1;margin-bottom:13px}.productions-section .films-intro{max-width:490px}.productions-section .films-intro p{font-size:.94rem;line-height:1.75}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-card{background:#0b1115;border:1px solid rgba(147,175,186,.25);overflow:hidden;display:flex;flex-direction:column}.project-image{height:clamp(320px,31vw,430px);overflow:hidden;position:relative;display:block;background:#13191d}.project-image>img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease;object-position:center}.project-image:hover>img{transform:scale(1.05)}.project-image:after{content:'';inset:0;position:absolute;pointer-events:none;background:linear-gradient(0deg,rgba(4,11,15,.33),transparent 40%)}.project-number{position:absolute;top:18px;left:20px;color:#f4f7f7;font:.65rem var(--sans);font-weight:650;letter-spacing:.21em;z-index:2}.project-card-body{padding:35px 35px 40px;display:flex;flex-direction:column;flex:1}.project-status{font-size:.69rem;letter-spacing:.2em;color:var(--blue);text-transform:uppercase;margin-bottom:16px}.project-card h3{font-size:clamp(2rem,3vw,3rem);margin-bottom:16px}.project-card p{font-size:.94rem;line-height:1.73}.project-card .project-hook{font:italic clamp(1.2rem,1.7vw,1.55rem)/1.35 var(--serif);color:#e6eff0;margin-bottom:19px}.project-card .text-link{align-self:flex-start;margin-top:auto;padding-top:18px;font-weight:650}.twelve-art{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 51% 42%,#353c3b 0,#151c1e 48%,#090e10 100%)}.twelve-art:after{background:linear-gradient(0deg,rgba(4,11,15,.3),transparent 60%)}.giant-twelve{font:400 clamp(9rem,20vw,18rem)/.9 var(--serif);color:rgba(222,223,219,.78);z-index:1;letter-spacing:-.13em;transform:translateX(-8px)}.twelve-art-caption{font-size:.65rem;font-weight:650;letter-spacing:.27em;color:#b3c4c7;z-index:1;position:absolute;bottom:28px}.twelve-art-lines{position:absolute;inset:18px;border:1px solid rgba(192,202,202,.16);transform:rotate(-2deg)}
/* LOT feature and gallery */
.inside-lot{background:#091013}.lot-motion{height:clamp(450px,52vw,680px);position:relative;overflow:hidden;background:#080e12 url("assets/choir.webp") center/cover no-repeat}.lot-motion video{object-fit:cover;width:100%;height:100%}.lot-motion:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,13,.92),rgba(6,11,14,.61) 45%,rgba(7,10,14,.16)),linear-gradient(0deg,rgba(9,16,19,.64),transparent 48%)}.lot-motion-overlay{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.lot-motion-overlay h2{margin:17px 0 24px}.lot-motion-overlay p{color:#e5e7e9;max-width:435px;margin-bottom:26px}.gallery-intro{display:flex;align-items:end;justify-content:space-between;gap:60px;padding-top:70px;padding-bottom:44px}.gallery-intro>div{max-width:750px}.gallery-intro p{font-size:.95rem;line-height:1.72}.gallery-intro .text-link{white-space:nowrap}.gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:220px;gap:12px;padding-bottom:clamp(90px,10vw,140px)}.gallery-tile{background:#121b1e;position:relative;overflow:hidden;border:0;padding:0;grid-column:span 3;min-width:0}.gallery-tile.tile-wide{grid-column:span 7}.gallery-tile.tile-tall{grid-column:span 5;grid-row:span 2}.gallery-tile.tile-last{grid-column:span 5}.gallery-tile.tile-tall img{object-position:center 35%}.gallery-tile>img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.gallery-tile:hover img{transform:scale(1.07)}.gallery-tile:after{content:'';position:absolute;inset:45% 0 0;pointer-events:none;background:linear-gradient(0deg,rgba(3,7,9,.88),transparent)}.tile-label{position:absolute;z-index:2;color:#f0f2f2;bottom:16px;left:19px;text-align:left;font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;font-weight:600;right:8px}
/* Accomplishments */
.accomplishing-section{background:#0c1316}.accomplishing-visual{height:clamp(340px,31vw,460px);position:relative;overflow:hidden;background:#1a2529}.accomplishing-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;filter:saturate(.75)}.accomplishing-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c1316,transparent 80%),linear-gradient(90deg,rgba(8,15,19,.62),transparent 75%)}.accomplishing-heading{position:absolute;z-index:2;inset:0;display:flex;justify-content:end;align-items:flex-start;flex-direction:column;padding-bottom:42px}.accomplishing-heading h2{margin-top:12px}.accomplishing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:45px;padding-bottom:100px}.accomplishing-grid article{padding:9px 24px 10px 0}.accomplishing-grid article+article{border-left:1px solid var(--line);padding-left:28px}.accomplishing-grid img{width:46px;height:46px;object-fit:contain;margin-bottom:22px}.accomplishing-grid h3{font-size:1.38rem;line-height:1.2;margin-bottom:14px}.accomplishing-grid p{font-size:.85rem;line-height:1.7}
/* Contact and footer */
.contact-section{background:linear-gradient(145deg,#111b20,#0b1215 60%,#0d1c20);border-top:1px solid var(--line)}.contact-inner{text-align:center;display:flex;flex-direction:column;align-items:center}.contact-inner h2{max-width:900px;margin:19px 0 28px}.contact-inner p{max-width:720px;font-size:1rem}.contact-inner .button{margin-top:33px;min-width:200px}.site-footer{background:#060a0b;padding-top:45px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:35px;gap:30px}.footer-brand{width:225px;flex-shrink:0}.footer-brand img{width:100%;height:auto}.footer-links{display:flex;gap:25px;flex-wrap:wrap;justify-content:flex-end}.footer-links a{font:.7rem var(--sans);text-transform:uppercase;letter-spacing:.13em;color:#afbdc0}.footer-links a:hover{color:#f2f6f6}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:18px;padding-bottom:23px}.footer-bottom p{font-size:.71rem;color:#8b989c}
/* Interactive image viewer */
.lightbox{position:fixed;inset:0;z-index:80;background:rgba(3,6,8,.96);display:none;align-items:center;justify-content:center;flex-direction:column;padding:45px 65px 65px}.lightbox[aria-hidden="false"]{display:flex}.lightbox>img{max-width:95%;max-height:83vh;object-fit:contain;box-shadow:0 12px 40px rgba(0,0,0,.3)}.lightbox>p{padding-top:15px;text-align:center;font:.69rem var(--sans);letter-spacing:.15em;text-transform:uppercase;color:#c9d9de}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:1px solid rgba(255,255,255,.25);background:rgba(11,18,21,.6);color:#e6edef}.lightbox-close{right:25px;top:19px;font-size:2rem;width:47px;height:47px;line-height:1}.lightbox-prev,.lightbox-next{top:48%;font-size:2.5rem;width:45px;height:60px;line-height:1}.lightbox-prev{left:15px}.lightbox-next{right:15px}
/* Dedicated film page */
.project-page .site-header{position:fixed}.project-hero{min-height:780px;height:93svh;max-height:1000px;position:relative;overflow:hidden;background:#100e11}.project-hero>video,.project-hero>.project-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-hero:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(5,7,10,.92),rgba(5,7,9,.61) 45%,transparent 95%),linear-gradient(0deg,rgba(5,7,9,.7),transparent 62%)}.project-hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:80px}.project-hero h1{font-size:clamp(4rem,8vw,9rem);margin:18px 0 21px}.project-hero p{font:italic clamp(1.12rem,1.9vw,1.65rem)/1.4 var(--serif);max-width:560px;color:#f0eeee;margin-bottom:27px}.project-hero .button{margin-right:12px}.long-copy{max-width:860px}.long-copy p{line-height:1.9}.long-copy .lede{font-size:1.24rem}.chapter-label{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#9bb6c2}.story-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,100px);align-items:center}.story-split h2{margin:16px 0 30px}.story-split p{line-height:1.85}.story-split>img{width:100%;height:540px;object-fit:cover}.cinema-player{width:100%;display:block;aspect-ratio:16/9;background:#060a0b;object-fit:contain;box-shadow:0 0 0 1px var(--line)}.film-page-intro{text-align:center;max-width:780px;margin:0 auto 48px}.film-page-intro h2{margin:14px 0 20px}.film-page-intro p{font-size:1.08rem}.world-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.world-photo{position:relative;overflow:hidden;min-height:440px}.world-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.world-photo:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.76),transparent)}.world-photo figcaption{position:absolute;bottom:25px;left:25px;font-size:.76rem;text-transform:uppercase;letter-spacing:.16em;z-index:1}.cast-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:44px}.cast-card{background:#182024}.cast-card img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top}.cast-card figcaption{padding:20px}.cast-card b{display:block;font:400 1.65rem var(--serif);color:#e9ecec}.cast-card span{font:.78rem/1.5 var(--sans);color:#a9b2b6;display:block;margin-top:8px}.cinema-quote{font:italic clamp(2rem,4.5vw,4.7rem)/1.19 var(--serif);color:#ebeced;margin-bottom:24px;max-width:930px}.cinema-narrow{max-width:800px}.cinema-narrow p{line-height:1.86}.cinema-cta{padding:85px 0;text-align:center;border-top:1px solid var(--line)}.cinema-cta .button{margin-top:24px}
/* Twelve: restrained, distinct from the dark fantasy artwork */
.page-twelve{--bg:#121514;--bg2:#191c1b;--blue:#b7bab4;--muted:#b7b8b1;--text:#e3e2dc;--line:rgba(210,209,193,.18)}.twelve-hero{background:radial-gradient(ellipse at 66% 30%,#424640,transparent 55%),linear-gradient(110deg,#101311,#1d2421 60%,#080b0a);min-height:780px;height:90svh;max-height:980px;position:relative;overflow:hidden}.twelve-hero:before{content:'12';position:absolute;right:-.05em;top:.06em;font:400 min(85vw,70rem)/1 var(--serif);color:rgba(240,237,222,.055);letter-spacing:-.17em;pointer-events:none}.twelve-hero:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(35deg,transparent 0 128px,rgba(255,255,255,.018) 129px 130px)}.twelve-hero .project-hero-content{position:relative;z-index:2}.twelve-hero h1{font-size:clamp(9rem,24vw,25rem);line-height:.8;color:#f1f0eb;letter-spacing:-.12em;margin-left:-.025em}.twelve-hero p{font-family:var(--serif);font-style:normal;font-size:clamp(1.4rem,2.6vw,2.6rem);max-width:650px;margin-top:30px}.twelve-overview{background:#dfded7;color:#26302e;padding:100px 0}.twelve-overview h2,.twelve-overview p{color:#27302d}.twelve-overview .eyebrow{color:#6c7672}.twelve-overview p{font-size:1.06rem}.twelve-overview .lede{color:#2c3733}.twelve-overview .twelve-stats{padding:26px;border-top:1px solid #858e87;border-bottom:1px solid #858e87}.twelve-overview .twelve-stats dl{display:flex;justify-content:space-between;border-bottom:1px solid #b5b9b2;padding-bottom:14px;margin:0 0 15px;font-size:.85rem;gap:20px}.twelve-overview .twelve-stats dl:last-child{border:0;padding:0;margin:0}.twelve-overview dt{font-weight:700}.twelve-overview dd{margin:0;text-align:right}.twelve-quote-section{text-align:center}.twelve-quote-section .cinema-quote{margin-inline:auto}.twelve-people{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:55px}.twelve-person{border:1px solid var(--line);padding:35px;min-height:235px;background:linear-gradient(160deg,#1d2523,#131916)}.twelve-person b{font:400 3.4rem var(--serif);color:#b2b7b0}.twelve-person h3{margin:15px 0;font-size:1.5rem}.twelve-person p{font-size:.89rem}
/* Tablet */
@media(max-width:1100px){.desktop-nav{gap:14px}.header-inner{gap:12px}.brand{width:198px}.nav-contact{font-size:.62rem;gap:6px;margin-left:5px}.founder-grid{grid-template-columns:39% 1fr;gap:30px}.founder-copy p{font-size:.92rem}.gallery-grid{grid-auto-rows:180px}.productions-section .section-heading{gap:35px}}
/* Mobile menu and stacked content */
@media(max-width:860px){
 .desktop-nav,.nav-contact{display:none}.menu-toggle{display:flex}.header-inner{height:78px}.brand{width:215px}.site-header.menu-open{background:rgba(7,13,16,.98)}.site-header.menu-open::before{display:none}.mobile-nav{display:flex;position:absolute;top:78px;left:0;width:100%;background:rgba(7,13,16,.98);padding:5px 25px 22px;flex-direction:column;gap:0;max-height:0;opacity:0;overflow:hidden;visibility:hidden;pointer-events:none;transition:max-height .3s,opacity .2s,visibility .2s}.site-header.menu-open .mobile-nav{max-height:550px;opacity:1;visibility:visible;pointer-events:auto}.mobile-nav a{padding:13px 6px;border-bottom:1px solid var(--line);font-size:.92rem}.site-header.menu-open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-header.menu-open .menu-toggle span:nth-child(2){opacity:0}.site-header.menu-open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
 .founder-grid{grid-template-columns:1fr}.founder-photo-wrap{height:650px;max-height:none;min-height:0}.founder-copy{margin-top:30px}.achievement-list{grid-template-columns:repeat(3,1fr)}.achievement-list>div:nth-child(4){border-left:0;padding-left:0;border-top:1px solid var(--line)}.achievement-list>div:nth-child(5){border-top:1px solid var(--line)}.productions-section .section-heading{grid-template-columns:1fr;gap:22px}.project-grid{gap:17px}.project-image{height:300px}.project-card-body{padding:27px}.gallery-intro{align-items:start;flex-direction:column;gap:20px}.accomplishing-grid{grid-template-columns:repeat(2,1fr);row-gap:45px}.accomplishing-grid article:nth-child(3){border-left:0;padding-left:0}.footer-top{flex-direction:column;align-items:flex-start}.footer-links{justify-content:flex-start}.story-split{grid-template-columns:1fr}.story-split>img{height:420px}.cast-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
 body{font-size:15px}.section{padding-block:76px}.container,.container-wide{padding-inline:22px}.section-number{min-height:68px}.section-number span:last-child{display:none}
 h1{font-size:clamp(3.15rem,12vw,5rem)}h2{font-size:clamp(2.55rem,8.4vw,4rem)}h3{font-size:1.75rem}.eyebrow{font-size:.61rem;letter-spacing:.23em}
 .brand{width:191px}.header-inner{height:70px}.mobile-nav{top:70px}
 .hero-home{min-height:800px;height:100svh;max-height:none}.hero-video{object-position:60% center}.hero-scrim{background:linear-gradient(0deg,rgba(3,9,11,.95) 0%,rgba(3,9,11,.82) 30%,rgba(3,9,11,.19) 75%,rgba(2,7,10,.42) 100%)}.hero-content{justify-content:flex-end;padding-bottom:138px;padding-top:90px}.hero-content h1{margin:15px 0 18px}.hero-content .hero-lead,.hero-content .hero-sub{font-size:.9rem;line-height:1.55}.hero-content .hero-sub{margin-top:8px}.hero-final{margin-top:12px;font-size:1rem}.hero-content .button{margin-top:20px;min-width:198px}.hero-side-note{display:none}.film-controls{bottom:30px;right:20px}.film-control{font-size:.57rem;padding:9px}.scroll-cue{bottom:95px;left:22px;font-size:.55rem}
 .about-motion{height:340px}.about-motion video{object-position:50% 50%}.about-motion-caption{left:22px;right:22px;bottom:22px;align-items:flex-start;gap:12px;flex-direction:column}.motion-indicator{font-size:.55rem}.about-copy{padding-top:67px}.about-copy .section-heading{margin-bottom:30px}.about-copy h2{font-size:clamp(2.35rem,8vw,3.2rem)}.prose-columns{grid-template-columns:1fr;gap:20px}.prose-columns p{line-height:1.72}
 .philosophy-grid{display:block}.principle,.principle+.principle{min-height:0;border-left:0;padding:34px 0 40px;border-bottom:1px solid var(--line)}.principle:last-child{border-bottom:0}.principle-icon{margin-bottom:16px;height:56px;width:56px}.principle .small-index{right:8px;top:36px}
 .founder-photo-wrap{height:500px}.founder-photo-wrap img{object-position:42% 50%}.founder-copy{margin-top:10px}.founder-copy p{font-size:.96rem}.achievement-list{grid-template-columns:repeat(2,1fr);margin-top:40px}.achievement-list>div,.achievement-list>div+div{min-height:125px;padding:16px 16px 17px 0}.achievement-list>div:nth-child(2n){padding-left:17px;border-left:1px solid var(--line)}.achievement-list>div:nth-child(3),.achievement-list>div:nth-child(5){border-top:1px solid var(--line);padding-left:0;border-left:0}.achievement-list>div:nth-child(4){border-top:1px solid var(--line);padding-left:17px;border-left:1px solid var(--line)}.achievement-list strong{font-size:2.4rem}
 .productions-section .films-intro p{font-size:.94rem}.project-grid{grid-template-columns:1fr;gap:30px}.project-image{height:290px}.project-card-body{padding:25px 24px 28px}.project-card h3{font-size:2.1rem}.giant-twelve{font-size:14rem}
 .lot-motion{height:530px}.lot-motion-overlay{padding-top:45px}.lot-motion-overlay p{font-size:.93rem}.gallery-intro{padding-top:54px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:190px;gap:7px;padding-bottom:65px}.gallery-tile,.gallery-tile.tile-wide,.gallery-tile.tile-tall,.gallery-tile.tile-last{grid-column:span 1;grid-row:span 1}.gallery-tile:first-child,.gallery-tile:last-child{grid-column:1/-1;height:230px}.tile-label{font-size:.56rem;left:12px;bottom:12px}
 .accomplishing-visual{height:350px}.accomplishing-visual img{object-position:53% 50%}.accomplishing-heading{padding-bottom:30px}.accomplishing-grid{grid-template-columns:1fr;gap:0;padding-top:22px;padding-bottom:55px}.accomplishing-grid article,.accomplishing-grid article+article,.accomplishing-grid article:nth-child(3){border-left:0;border-bottom:1px solid var(--line);padding:26px 0}.accomplishing-grid article:last-child{border-bottom:0}.accomplishing-grid img{margin-bottom:14px}.accomplishing-grid h3{font-size:1.55rem}
 .contact-inner p{font-size:.93rem}.footer-links{gap:18px}.footer-bottom{display:block}.footer-bottom p+p{margin-top:10px}
 .lightbox{padding:65px 15px}.lightbox>img{max-width:100%;max-height:76vh}.lightbox-prev,.lightbox-next{top:auto;bottom:15px;height:44px}.lightbox-close{top:16px;right:16px}
 .project-hero{min-height:730px;height:93svh}.project-hero h1{font-size:clamp(3.2rem,13vw,5.7rem)}.project-hero-content{justify-content:flex-end;padding-top:100px;padding-bottom:100px}.project-hero p{font-size:1.2rem}.story-split>img{height:350px}.world-columns{grid-template-columns:1fr}.world-photo{min-height:300px}.cast-grid{gap:9px}.cast-card figcaption{padding:13px}.cast-card b{font-size:1.35rem}.cast-card span{font-size:.68rem}.twelve-hero{height:83svh;min-height:650px}.twelve-hero h1{font-size:clamp(9rem,55vw,16rem)}.twelve-hero p{font-size:1.65rem}.twelve-overview{padding:78px 0}.twelve-people{grid-template-columns:1fr}
}
@media(max-width:380px){.brand{width:168px}.hero-home{min-height:770px}.hero-content h1{font-size:3rem}.hero-content .hero-lead{font-size:.86rem}.film-control span{display:none}.gallery-grid{grid-auto-rows:160px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.hero-video,.about-motion video,.lot-motion video,.project-hero video{display:none}}
.site-header.scrolled{background:rgba(7,13,16,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.site-header.scrolled::before{display:none}
