/* ONMEDIAX / Cinema edition. Motion enhances a complete, static document. */
:root{--bg:#060607;--ink:#f2f1ec;--muted:#a09f9e;--red:#f2342c;--paper:#ebe9e2;--line:rgba(255,255,255,.16)}
body{background:var(--bg)}.site-header{position:fixed;transition:background .4s,backdrop-filter .4s}.nav-shell{height:105px;border-bottom-color:rgba(255,255,255,.13)}.site-header .brand{width:113px}.site-header.is-scrolled{background:rgba(6,6,7,.88);backdrop-filter:blur(18px)}.header-location{font-size:8px;letter-spacing:.1em}.header-cta{border-radius:30px;padding:12px 22px;background:rgba(6,6,7,.24)}.desktop-nav{gap:36px}.desktop-nav a{font-size:11px}.nav-motion{margin-left:-14px}.inner-page .page-intro{position:relative}.inner-page .page-intro:after{content:'+';position:absolute;right:0;top:190px;font-size:35px;font-weight:300;color:var(--red)}
.entrance{display:none}.intro-active .entrance{position:fixed;inset:0;z-index:120;display:grid;place-items:center;pointer-events:auto}.entrance:before,.entrance:after{content:'';position:absolute;left:0;right:0;height:50.2%;background:#060607;transition:transform .85s cubic-bezier(.76,0,.24,1)}.entrance:before{top:0}.entrance:after{bottom:0}.entrance-shutter{position:absolute;width:min(70vw,550px);aspect-ratio:1;border:1px solid #202023;border-radius:50%;box-shadow:0 0 0 45px #111113,0 0 0 46px #262629,0 0 0 90px #080809,0 0 0 91px #171719;transition:transform .8s,opacity .5s}.entrance-shutter:after{content:'';position:absolute;inset:20px;border:1px dashed #666;border-radius:50%;animation:rotate-slow 18s linear infinite}.entrance-logo{position:relative;z-index:1;width:240px;text-align:center;transition:opacity .3s,transform .6s}.entrance-logo img{width:190px;margin:auto}.entrance-logo>span{font-size:8px;letter-spacing:.18em;color:#aaa}.entrance-skip{position:absolute;z-index:2;bottom:40px;right:var(--gutter);background:none;font-size:9px;letter-spacing:.12em;padding:15px}.intro-leave .entrance:before{transform:translateY(-101%)}.intro-leave .entrance:after{transform:translateY(101%)}.intro-leave .entrance-logo{opacity:0;transform:scale(1.15)}.intro-leave .entrance-shutter{opacity:0;transform:scale(1.8)}.intro-leave .entrance-skip{opacity:0}
/* Three optical scenes, scrubbed with ordinary page scrolling. */
.cinema{position:relative;background:#060607}.cinema-pin{position:relative;overflow:hidden;isolation:isolate}.scene{position:relative;height:100svh;min-height:740px;isolation:isolate;overflow:hidden;background:#060607}.scene-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.camera-backdrop{object-position:72% 50%}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.52),transparent 76%),linear-gradient(0deg,#060607 0%,transparent 24%,transparent 82%,rgba(0,0,0,.5));z-index:-1}.scene-copy{position:absolute;top:48%;left:var(--gutter);margin:0;transform:translateY(-40%);z-index:3;pointer-events:none}.scene-copy .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:30px}.scene-copy h1,.scene-copy h2{font-size:clamp(100px,11.8vw,205px);line-height:.84;font-weight:600;letter-spacing:-.012em;max-width:1100px}.scene-copy h1 em,.scene-copy h2 em{display:inline-block;color:var(--ink);background:linear-gradient(160deg,#fff 12%,#c2c2c0 60%,#777 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.scene-description{display:flex;align-items:center;gap:50px;margin-top:39px;max-width:480px;pointer-events:auto}.scene-description p{font-size:12px;line-height:1.8;color:#c3c0bf}.round-link{display:grid;place-items:center;width:58px;height:58px;flex-shrink:0;border:1px solid #8a8583;border-radius:50%;font-size:26px;line-height:1;transition:background .3s,transform .3s}.round-link:hover{background:var(--red);border-color:var(--red);transform:rotate(-45deg)}.scene-annotation{position:absolute;right:var(--gutter);bottom:140px;text-align:right;font-size:8px;letter-spacing:.12em;color:#dedbd6;line-height:1.8}.frame-corner{position:absolute;width:28px;height:28px;border-color:rgba(255,255,255,.4);border-style:solid;z-index:1}.frame-corner-a{top:27%;right:46%;border-width:1px 0 0 1px}.frame-corner-b{bottom:24%;right:6%;border-width:0 1px 1px 0}.cinema-eye{position:absolute;width:90vw;max-width:1600px;left:37%;top:50%;transform:translateY(-50%);perspective:1200px;z-index:1;pointer-events:none}.cinema-eye-art{position:relative;transform-style:preserve-3d;will-change:transform}.cinema-eye-art>img{width:100%;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse 70% 75%,#000 65%,transparent)}.cinema-eye-iris{position:absolute;left:50%;top:48.1%;width:23.7%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;box-shadow:0 0 10px #000}.scene-eye{background:radial-gradient(ellipse at 85% 50%,#262021,transparent 55%),#060607}.scene-eye .scene-copy{z-index:2}.optical-rings{position:absolute;width:36vw;aspect-ratio:1;top:50%;left:65%;transform:translate(-50%,-50%);perspective:1000px;opacity:.2;z-index:0}.optical-rings i{position:absolute;inset:0;border:1px solid #9c9c9c;border-radius:50%;box-shadow:0 0 25px #972d2420;transform:rotateY(35deg)}.optical-rings i:nth-child(2){inset:-15%;border-style:dashed;transform:rotateY(-25deg)}.optical-rings i:nth-child(3){inset:-32%;border-color:#ca322c;transform:rotateY(15deg)}.lens-control{position:absolute;bottom:135px;right:var(--gutter);width:190px;z-index:4;font-size:8px;letter-spacing:.08em}.lens-control>span{display:block;color:var(--muted);margin-bottom:7px}.lens-control label{display:flex;align-items:center;justify-content:space-between;font-size:10px}.lens-control b{font-family:var(--display);font-size:24px;letter-spacing:0;font-weight:500}.lens-control input{width:100%;height:22px;accent-color:var(--red);margin:5px 0 0;cursor:ew-resize}.macro-backdrop{object-position:73% center}.scene-macro .scene-shade{background:linear-gradient(90deg,#030304 0%,#03030480 40%,transparent 72%),linear-gradient(0deg,#060607,transparent 30%)}
.cinema-hud{position:absolute;bottom:31px;left:var(--gutter);z-index:6;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.1em;color:#bab7b4}.scroll-cue{display:flex;align-items:center;gap:14px;min-height:32px}.scroll-line{width:38px;height:1px;background:#595552;position:relative;overflow:hidden}.scroll-line:after{content:'';position:absolute;inset:0;background:var(--red);animation:scroll-line 2.5s ease-in-out infinite}.hud-middle{display:flex;align-items:center;gap:8px}.hud-middle i{display:inline-block;width:42px;height:1px;background:#5c5550;margin:0 10px}.hud-middle b{font-weight:400;color:white}.scene-dots{position:absolute;right:var(--gutter);top:47%;z-index:6;display:none;flex-direction:column;gap:10px}.scene-dots button{font-size:9px;color:#878581;background:transparent;padding:9px 0 9px 25px;position:relative;transition:color .3s}.scene-dots button:before{content:'';position:absolute;left:0;width:5px;height:5px;border:1px solid currentColor;border-radius:50%;top:50%;transform:translateY(-50%)}.scene-dots button.active{color:#fff}.scene-dots button.active:before{background:var(--red);border-color:var(--red)}
.cinema-ready .cinema{height:340svh}.cinema-ready .cinema-pin{position:sticky;top:0;height:100svh;min-height:660px}.cinema-ready .scene{position:absolute;inset:0;height:100%;min-height:0;opacity:0;pointer-events:none;will-change:opacity}.cinema-ready .scene.is-active{pointer-events:auto}.cinema-ready .scene-dots{display:flex}.cinema-ready .scene-copy{will-change:transform,opacity}.cinema-ready .scene-backdrop{will-change:transform}.cinema-ready .scene-camera{opacity:1}
@keyframes scroll-line{0%{transform:translateX(-100%)}50%,100%{transform:translateX(100%)}}
/* Scale changes and contrasting materials give each chapter its own rhythm. */
.discipline-strip{overflow:hidden;background:var(--red);color:#100708;padding-block:18px;transform:rotate(-1.4deg) scale(1.025);position:relative;z-index:2;margin-top:-12px}.discipline-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.discipline-track>span{display:flex;align-items:center;gap:38px;padding-right:38px;font-family:var(--display);font-size:clamp(38px,4.8vw,78px);line-height:1;white-space:nowrap;font-weight:600;letter-spacing:.015em}.discipline-track i{font-family:var(--body);font-size:.7em;font-weight:400}.discipline-strip:hover .discipline-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}
.vision-section{padding-block:135px 145px}.vision-layout{display:grid;grid-template-columns:18% 1fr;gap:5%;padding-top:80px}.vision-symbol{font-size:clamp(70px,10vw,170px);color:var(--red);line-height:1;text-align:center;align-self:start;animation:rotate-slow 45s linear infinite}.vision-statement{font-size:clamp(45px,6.2vw,106px);line-height:1;max-width:1200px}.vision-statement em{color:var(--ink)}.vision-statement .word{transition:opacity .35s}.vision-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:45px}.vision-bottom p{font-size:13px;color:#aaa6a3;max-width:435px;line-height:1.85}.vision-bottom .text-link{white-space:nowrap;font-size:10px}
.film-reel{position:relative;padding-top:35px;background:#101011;scroll-margin-top:104px}.work-sticky{padding-top:38px;overflow:hidden}.reel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:34px}.reel-heading .eyebrow{margin-bottom:15px;font-size:9px}.reel-heading h2{font-size:clamp(58px,6.3vw,112px);line-height:.95}.reel-heading h2 em{color:#8e8a86}.reel-heading>.text-link{font-size:10px;white-space:nowrap}.work-window{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9f302d #222}.work-track{display:flex;gap:2.8vw;padding-inline:var(--gutter);width:max-content}.reel-card{width:76vw;max-width:1400px;flex-shrink:0;scroll-snap-align:center}.reel-image{display:block;position:relative;height:52svh;min-height:310px;max-height:730px;overflow:hidden;background:#202021}.reel-image>img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter .8s;filter:saturate(.8)}.reel-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0008,transparent 40%);pointer-events:none}.reel-image:hover>img{transform:scale(1.045);filter:saturate(1)}.reel-number{position:absolute;top:20px;left:25px;font-size:11px;border:1px solid #fff8;border-radius:40px;padding:8px 14px;color:#fff;background:#0003}.reel-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #fff9;background:#0002;border-radius:50%;width:85px;height:85px;display:grid;place-items:center;font-size:17px;backdrop-filter:blur(4px);transition:background .3s,scale .3s}.reel-image:hover .reel-play{background:var(--red);scale:1.08;border-color:var(--red)}.reel-image-label{position:absolute;bottom:22px;left:25px;font-size:8px;letter-spacing:.12em;z-index:1}.reel-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:19px 15px}.reel-caption h3{font-family:var(--display);font-size:clamp(28px,3.1vw,47px);font-weight:500;line-height:1.1}.reel-caption>span{font-size:10px;color:#aaa6a4;display:flex;align-items:center;gap:28px}.reel-caption b{font-size:30px;font-weight:400;color:var(--ink)}.reel-controls{display:flex;align-items:center;gap:20px;padding-block:16px 25px;font-size:8px;letter-spacing:.08em}.reel-meter{height:1px;background:#454142;flex:1;margin:0 20px;position:relative;overflow:hidden}.reel-meter i{position:absolute;inset:0;background:var(--red);transform-origin:left;transform:scaleX(.25)}.reel-controls button{width:38px;height:38px;background:none;border:1px solid #666;border-radius:50%;font-size:18px;line-height:1}.reel-controls button:hover{background:var(--red);border-color:var(--red)}.reel-controls button:disabled{opacity:.3}.reel-ready .work-sticky{position:sticky;top:88px;height:calc(100svh - 88px);padding-top:25px}.reel-ready .work-window{overflow:clip;scroll-snap-type:none}.reel-ready .work-track{will-change:transform}.reel-ready .reel-image{height:calc(100svh - 355px);min-height:240px}.reel-ready .reel-heading{margin-bottom:25px}.reel-ready .reel-controls{padding-block:7px 12px}
.capabilities{padding-block:135px 110px}.capability-title{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-block:75px 55px}.capability-title h2{font-size:clamp(78px,9.8vw,166px);line-height:.9}.capability-title h2 em{color:#8e8a86}.capability-title p{color:#aaa6a3;font-size:13px;line-height:1.8;padding-bottom:5px}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.capability-visual{position:relative;aspect-ratio:.9;overflow:hidden;background:#161616}.capability-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 65%);pointer-events:none}.capability-visual img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.capability:nth-child(1) .capability-visual img{object-position:72% center}.capability:nth-child(2) .capability-visual img{object-position:69% center}.capability:nth-child(3) .capability-visual img{object-fit:cover;transform:scale(1.06) rotate(-5deg);filter:brightness(.8)}.capability:hover .capability-visual img{transform:scale(1.06)}.capability-visual h3{position:absolute;bottom:25px;left:25px;z-index:1;font-family:var(--display);font-size:clamp(44px,5.5vw,90px);line-height:1;font-weight:500;letter-spacing:-.015em}.capability-number{position:absolute;top:20px;left:24px;font-size:10px;letter-spacing:.12em;z-index:1}.capability-body{padding-top:23px}.capability-body>p{font-size:8px;letter-spacing:.1em;color:#8f8b87;margin-bottom:20px}.capability-body>a{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #272525;padding-block:13px;font-size:11px;color:#d6d3cd;transition:color .3s,padding .3s}.capability-body>a:last-child{border-bottom:1px solid #272525}.capability-body>a span{font-size:16px;line-height:1}.capability-body>a:hover{color:var(--red);padding-inline:6px}.clients{padding-block:25px 90px}.clients>.eyebrow{justify-content:center;color:#8e8a86;font-size:8px;margin-bottom:45px}.client-names{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:26px 4.5vw;color:#b5b1ad}.client-names>span{font-family:var(--display);font-weight:500;font-size:clamp(18px,2.1vw,31px);white-space:nowrap;letter-spacing:.035em}.client-names b{font-weight:400;color:var(--red);margin:0 6px}.cinema-catalog{background:#e4e0d8;color:#161513;--line:#16151333;padding-block:45px 100px;overflow:hidden}.cinema-catalog .catalog-heading h2{font-size:clamp(84px,10vw,170px)}.cinema-catalog .catalog-heading h2 em{color:#625d56}.cinema-catalog .catalog-heading p{color:#5f5a54}.cinema-catalog .book-object{box-shadow:32px 35px 45px #33271a33}.cinema-catalog .book-caption>span:last-child{color:#5f5a54}.cinema-catalog .book-grid{gap:12%}.cinema-catalog .book-scene{perspective:1000px}.cinema-catalog .book-scene:hover .book-object{transform:rotate(-2deg) rotateY(-5deg) translateY(-12px)}
.future-film{position:relative;background:#080808}.future-image{position:relative;display:block;min-height:780px;height:95svh;overflow:hidden}.future-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.6);transform:scale(1.03);transition:transform 1.5s var(--ease)}.future-image:hover>img{transform:scale(1.08)}.future-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#000c,transparent 90%),linear-gradient(0deg,#0009,transparent 50%)}.future-copy{position:absolute;left:var(--gutter);bottom:12%;z-index:1}.future-copy h2{font-size:clamp(90px,12vw,200px);line-height:.85;letter-spacing:-.01em}.future-copy h2 em{color:transparent;-webkit-text-stroke:1px #efede7}.future-copy>div{display:flex;align-items:center;gap:90px;margin-top:40px}.future-copy>div>p{font-size:12px;line-height:1.8}.future-play{display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:.09em}.future-play b{width:65px;height:65px;border:1px solid #bdb7b1;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:400;transition:background .3s}.future-image:hover .future-play b{background:var(--red);border-color:var(--red)}.production{padding-block:95px 110px}.production-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7%;padding-top:60px}.production-grid article>span{font-family:var(--display);font-size:95px;color:transparent;-webkit-text-stroke:1px #716964;line-height:1}.production-grid h3{font-family:var(--display);font-size:40px;line-height:1;margin-block:24px}.production-grid p{font-size:12px;line-height:1.9;color:#9e9892;max-width:320px}.contact-finale{background:#d8322b;color:#170907;--red:#170907;--line:#17090766;position:relative;overflow:hidden}.contact-finale:after{content:'';position:absolute;width:50vw;aspect-ratio:1;border:1px solid #17090722;box-shadow:0 0 0 70px #17090708,0 0 0 71px #17090711;border-radius:50%;right:-15%;top:0;pointer-events:none}.finale-link{position:relative;z-index:1;font-size:clamp(95px,13.9vw,230px);line-height:.83}.finale-link i{-webkit-text-stroke:1px #170907;color:transparent}.finale-arrow{border-color:#17090780}.finale-link:hover .finale-arrow{background:#170907;color:#edddd3}.finale-bottom{position:relative;z-index:1}.finale-bottom p{color:#340f0c}.site-footer{background:#e9e5dd}
/* The cursor really has nine connected blades, with a precise center hotspot. */
.aperture-cursor{position:fixed;left:0;top:0;z-index:110;pointer-events:none;width:0;height:0;opacity:0;transition:opacity .18s}.aperture-cursor.visible{opacity:1}.cursor-disc{position:absolute;width:42px;height:42px;left:-21px;top:-21px;transition:width .28s,height .28s,left .28s,top .28s;filter:drop-shadow(0 2px 5px #000a)}.cursor-disc svg{width:100%;height:100%;overflow:visible}.cursor-disc svg>circle{fill:#080809b3;stroke:#fff;stroke-width:5}.cursor-blade{fill:#dedbd5;stroke:#262122;stroke-width:4}.cursor-disc i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:3px;height:3px;border-radius:50%;background:var(--red)}.aperture-cursor.over .cursor-disc{width:68px;height:68px;left:-34px;top:-34px}.aperture-cursor>span{display:block;position:absolute;left:40px;top:13px;background:#080809d9;color:#fff;white-space:nowrap;font-size:8px;letter-spacing:.1em;line-height:1;padding:7px;opacity:0;transition:opacity .2s}.aperture-cursor.over>span:not(:empty){opacity:1}.pointer-ready,.pointer-ready a,.pointer-ready button{cursor:none}.pointer-ready input,.pointer-ready textarea,.pointer-ready select{cursor:auto}.pointer-ready.dialog-open,.pointer-ready.dialog-open *{cursor:auto}.dialog-open .aperture-cursor{opacity:0}.cinema-ready .scene[aria-hidden=true] .scene-description{pointer-events:none}
@media(min-width:1800px){.cinema-eye{left:40%;width:85vw}.scene-copy{top:49%}.reel-ready .work-sticky{padding-top:36px}.reel-ready .reel-image{height:calc(100svh - 390px)}}
@media(max-width:1100px){.scene-copy h1,.scene-copy h2{font-size:13.5vw}.scene-copy .eyebrow{font-size:8px}.scene-copy{top:46%}.scene-annotation{bottom:130px}.cinema-eye{width:113vw;left:22%;top:53%}.scene-eye .scene-copy{top:34%}.scene-eye .scene-copy h2{font-size:11vw}.scene-eye .scene-description{margin-top:25px}.scene-eye .scene-description p{font-size:11px;max-width:250px}.lens-control{bottom:112px;width:140px}.capability-grid{gap:15px}.capability-visual h3{left:18px;font-size:6.1vw}.capability-title p{font-size:11px}.vision-layout{grid-template-columns:13% 1fr}.vision-bottom{gap:30px}.vision-bottom p{font-size:12px}.future-copy h2{font-size:15vw}.production-grid{gap:6%}.production-grid h3{font-size:34px}}
@media(max-width:760px){.nav-shell{height:87px;gap:12px}.site-header .brand{width:88px}.header-cta{font-size:9px;padding:10px 14px;gap:12px}.nav-motion{margin-left:0;flex-basis:21px}.mobile-nav{top:87px}.inner-page .page-intro:after{display:none}.scene{min-height:690px}.cinema-ready .cinema{height:280svh}.cinema-ready .cinema-pin{min-height:620px}.scene-copy{top:32%;left:var(--gutter);transform:translateY(-30%)}.scene-copy .eyebrow{font-size:6.3px;letter-spacing:.04em;margin-bottom:22px}.scene-copy h1,.scene-copy h2{font-size:22vw;line-height:.87;max-width:100%}.scene-description{margin-top:24px;gap:25px;max-width:280px}.scene-description p{font-size:10px;line-height:1.7}.round-link{width:43px;height:43px;font-size:23px}.camera-backdrop{object-position:68% center}.scene-camera .scene-backdrop{height:77%;top:23%;object-position:71% 50%}.scene-camera .scene-shade{background:linear-gradient(180deg,#060607 18%,#06060766 46%,transparent 66%,#060607 99%),linear-gradient(90deg,#0006,transparent 90%)}.scene-annotation{bottom:99px;font-size:6px;right:var(--gutter)}.frame-corner-a{top:55%;right:78%;width:20px;height:20px}.frame-corner-b{bottom:20%;right:8%;width:20px;height:20px}.cinema-hud{bottom:24px;font-size:6px;letter-spacing:.06em}.hud-right{display:none}.hud-middle i{width:20px;margin:0 2px}.hud-middle{gap:5px}.scroll-cue{gap:8px}.scroll-line{width:24px}.scene-dots{top:auto;bottom:137px;right:var(--gutter);gap:1px}.scene-dots button{font-size:8px;padding-block:7px;padding-left:15px}.scene-dots button:before{width:3px;height:3px}.cinema-eye{width:151vw;left:-24%;top:63%}.scene-eye .scene-copy{top:31%}.scene-eye .scene-copy h2{font-size:22vw}.scene-eye .scene-description{margin-top:24px}.scene-eye .scene-description p{font-size:10px;max-width:none}.optical-rings{top:65%;left:51%;width:70vw}.lens-control{bottom:87px;left:var(--gutter);right:auto;width:135px}.lens-control>span{font-size:6px}.lens-control label{font-size:8px}.lens-control b{font-size:20px}.scene-macro .scene-backdrop{object-position:68%;height:80%;top:20%}.scene-macro .scene-shade{background:linear-gradient(180deg,#060607 12%,#060607aa 44%,transparent 75%,#060607 100%)}.scene-macro .scene-copy{top:31%}.discipline-strip{padding-block:14px;transform:rotate(-2deg) scale(1.04);margin-top:-10px}.discipline-track>span{font-size:39px;gap:23px;padding-right:23px}.vision-section{padding-block:80px}.vision-layout{grid-template-columns:1fr;gap:28px;padding-top:40px}.vision-symbol{font-size:68px;width:65px;text-align:left}.vision-statement{font-size:10.4vw;line-height:1.05}.vision-bottom{display:block;margin-top:27px}.vision-bottom p{font-size:12px;max-width:370px}.vision-bottom .text-link{margin-top:23px;font-size:9px}.film-reel{padding-top:5px;scroll-margin-top:85px}.work-sticky{padding-top:33px}.reel-heading{display:block;margin-bottom:27px}.reel-heading .eyebrow{font-size:7px;margin-bottom:16px}.reel-heading h2{font-size:12vw}.reel-heading>.text-link{margin-top:16px;font-size:8px}.work-track{gap:17px}.reel-card{width:85vw}.reel-image{height:51svh;min-height:300px;max-height:530px}.reel-number{left:16px;top:16px;font-size:8px;padding:6px 10px}.reel-play{width:62px;height:62px;font-size:12px}.reel-image-label{left:16px;bottom:17px;font-size:7px}.reel-caption{align-items:flex-start;padding-block:17px 10px;gap:12px;flex-direction:column}.reel-caption h3{font-size:31px}.reel-caption>span{font-size:8px;justify-content:space-between;width:100%}.reel-caption b{font-size:24px}.reel-controls{gap:10px;padding-block:10px 28px;font-size:6px}.reel-meter{margin:0 5px}.reel-controls button{width:32px;height:32px;font-size:16px}.capabilities{padding-block:75px 60px}.capability-title{display:block;margin-block:40px 35px}.capability-title h2{font-size:19vw;line-height:.92}.capability-title p{margin-top:24px;font-size:12px}.capability-grid{grid-template-columns:1fr;gap:43px}.capability-visual{aspect-ratio:1.04}.capability-visual h3{font-size:17vw;left:24px;bottom:25px}.capability:nth-child(2) .capability-visual{aspect-ratio:1.2}.capability:nth-child(3) .capability-visual{aspect-ratio:1.1}.capability-body{padding-top:20px}.capability-body>p{font-size:7px;margin-bottom:18px}.capability-body>a{font-size:12px;padding-block:15px}.clients{padding-block:5px 65px}.clients>.eyebrow{font-size:7px;margin-bottom:28px}.client-names{gap:20px 30px}.client-names>span{font-size:22px}.cinema-catalog{padding-block:30px 60px}.cinema-catalog .catalog-heading h2{font-size:21vw}.cinema-catalog .catalog-heading p{font-size:12px}.cinema-catalog .book-grid{gap:60px}.future-image{height:85svh;min-height:610px;max-height:860px}.future-copy{bottom:12%}.future-copy h2{font-size:24vw}.future-copy>.eyebrow{font-size:7px;letter-spacing:.05em}.future-copy>div{gap:28px;margin-top:32px;align-items:flex-start;flex-direction:column}.future-copy>div>p{font-size:11px}.future-play{font-size:8px;gap:18px}.future-play b{width:48px;height:48px;font-size:11px}.production{padding-block:65px 70px}.production-grid{grid-template-columns:1fr;gap:38px;padding-top:36px}.production-grid article{display:grid;grid-template-columns:74px 1fr;column-gap:22px}.production-grid article>span{font-size:75px;grid-row:span 2}.production-grid h3{font-size:34px;margin-block:8px 17px}.production-grid p{font-size:11px;max-width:none}.contact-finale{padding-block:30px 40px}.finale-link{font-size:18.3vw;line-height:.88}.finale-arrow{width:58px;height:58px;flex-basis:58px;font-size:41px}.contact-finale:after{width:80vw;right:-35%;top:25%}.aperture-cursor{display:none!important}.entrance-logo{width:220px}.entrance-logo img{width:165px}.entrance-logo>span{font-size:7px}.entrance-shutter{width:63vw}.entrance-skip{bottom:25px;font-size:8px}.pointer-ready,.pointer-ready a,.pointer-ready button{cursor:auto}}
@media(max-height:700px) and (min-width:761px){.scene-copy h1,.scene-copy h2{font-size:17vh}.scene-copy{top:46%}.scene-copy .eyebrow{margin-bottom:20px}.scene-description{margin-top:24px}.cinema-ready .cinema-pin{min-height:580px}.reel-heading h2{font-size:8vh}.reel-heading .eyebrow{margin-bottom:9px}.reel-caption h3{font-size:29px}.reel-ready .reel-image{min-height:180px}.reel-ready .work-sticky{top:88px}.reel-controls{padding-block:0}.reel-caption{padding-block:12px 8px}}
@media(prefers-reduced-motion:reduce){.entrance{display:none!important}.aperture-cursor{display:none!important}.pointer-ready,.pointer-ready a,.pointer-ready button{cursor:auto}.scene-backdrop,.scene-copy,.cinema-eye-art{will-change:auto}.discipline-track{animation:none}}
body[data-motion=paused] .entrance,body[data-motion=paused] .aperture-cursor{display:none!important}body[data-motion=paused],body[data-motion=paused] a,body[data-motion=paused] button{cursor:auto}body[data-motion=paused] .scene{opacity:1!important;transform:none!important}body[data-motion=paused] .scene-copy{opacity:1!important}body[data-motion=paused] .scene-backdrop,body[data-motion=paused] .cinema-eye-art{transform:none!important}
/* Keep the vertical text anchor identical in CSS and scroll-driven transforms. */
.scene-copy{--copy-lift:-40%}
@media(max-width:760px){.scene-copy{--copy-lift:-30%}}
@media(max-width:380px){.site-header .brand{width:76px}.header-cta{font-size:8px;padding:9px 10px;gap:7px}.nav-shell{gap:10px}.header-cta span{font-size:17px}}
