@font-face{font-family:Thmanyah;src:url('fonts/thmanyahsans-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Thmanyah;src:url('fonts/thmanyahsans-Medium.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:Thmanyah;src:url('fonts/thmanyahsans-Bold.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:ThmanyahDisplay;src:url('fonts/thmanyahserifdisplay-Bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{--cream:#f2ecd9;--green:#092f24;--gold:#cbbb81;--line:#f2ecd92e;--progress:0;--mouse-x:0;--mouse-y:0;color-scheme:dark;--display:ThmanyahDisplay,serif;--sans:Thmanyah,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:106px}body{margin:0;background:#061b14;color:var(--cream);font:400 18px/1.65 var(--sans);overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-kerning:normal}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.27}em{font-style:normal;color:var(--gold)}button{color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:7px}::selection{background:#d7c994;color:#123629}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.eyebrow{font-size:15px;font-weight:500;color:#c6d0bc}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-80px;right:20px;z-index:100;background:var(--cream);color:var(--green);padding:12px 24px}.skip-link:focus{top:10px}.theatre{position:fixed;z-index:-2;inset:0;pointer-events:none;background:linear-gradient(90deg,#0008,transparent 40%,#01191050),linear-gradient(0deg,#03170f80,#04271b20),url('curtain.png') center/cover no-repeat}.theatre:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 33% 42%,#c6cb6a13,transparent 55%),linear-gradient(0deg,#03160d80,transparent 40%)}
.glass{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:49px;padding:11px 25px;border:1px solid #ecebd34a;border-top-color:#fff9;border-radius:999px;color:var(--cream);background:linear-gradient(155deg,#dce6bf24,#dce6bf08 65%);box-shadow:inset 0 0 0 2px #e8ebcf08,inset 0 2px 2px #fff2,0 8px 24px #0001;backdrop-filter:blur(22px) saturate(1.1);-webkit-backdrop-filter:blur(22px) saturate(1.1);transition:background .25s,transform .25s,border-color .25s}.glass:hover{background:linear-gradient(155deg,#e8ebcf3b,#dce6bf12);border-color:#e8ebcf88;transform:translateY(-2px)}
.site-header{position:fixed;top:0;inset-inline:0;height:100px;padding:12px 4%;display:flex;align-items:center;justify-content:space-between;gap:35px;z-index:30;border-bottom:1px solid transparent;transition:background .35s,border-color .35s;isolation:isolate}.site-header.scrolled{background:#061e16d9;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-color:var(--line)}.brand{width:110px;flex:none}.brand img{height:65px;width:110px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:clamp(18px,3vw,48px);font-size:17px}.main-nav a{position:relative;padding:5px 0}.main-nav a:after{content:'';position:absolute;bottom:0;inset-inline:0;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .25s}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.header-contact{font-size:15px;min-width:162px}.menu-toggle{display:none}
.opening{height:156svh;min-height:1000px;position:relative}.hero{position:sticky;top:0;height:100svh;min-height:680px;max-height:1100px;overflow:hidden;perspective:1500px;isolation:isolate}.hero:after{content:'';position:absolute;z-index:-1;bottom:0;inset-inline:0;height:35%;background:radial-gradient(ellipse at 33% 100%,#acb98e18,transparent 70%);filter:blur(15px)}.hero-copy{position:absolute;right:7%;top:23%;width:55%;z-index:4;transform:translateY(calc(var(--progress)*-90px));opacity:calc(1 - var(--progress)*2.3);will-change:transform,opacity}.hero-copy .eyebrow{margin-bottom:22px}.hero h1{font-size:clamp(68px,7.3vw,127px);line-height:1.18;text-shadow:0 2px 20px #051d1480;max-width:880px}.hero-line{margin-top:24px;font-size:20px}.hero-enter{display:inline-flex;align-items:center;gap:16px;font-size:16px;margin-top:26px;padding-block:6px;border-bottom:1px solid #cbbb816e}.mini-play{display:inline-block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:9px solid currentColor;flex:none}.hero-enter .mini-play{color:var(--gold)}.scroll-note{position:absolute;bottom:35px;right:7%;display:flex;gap:12px;align-items:center;font-size:14px;opacity:calc(1 - var(--progress)*3)}.scroll-mark{width:18px;height:27px;border:1px solid #f2ecd988;border-radius:12px;position:relative}.scroll-mark:after{content:'';position:absolute;width:2px;height:6px;top:5px;left:7px;background:var(--cream);animation:scroll-cue 2s infinite}@keyframes scroll-cue{0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(6px);opacity:1}}
.computer-scene{position:absolute;direction:ltr;left:3%;bottom:13%;width:600px;height:470px;z-index:3;transform:translateX(calc(var(--progress)*24vw)) translateY(calc(var(--progress)*-40px)) scale(calc(1 + var(--progress)*1.85));transform-origin:47% 39%;will-change:transform;pointer-events:none}.scene-light{position:absolute;inset:-130px -70px;background:radial-gradient(ellipse,#e9eed91c 0%,#d4e2a90b 35%,transparent 67%);filter:blur(32px)}.computer-shadow{position:absolute;bottom:-28px;left:3%;width:98%;height:90px;background:#0009;border-radius:50%;filter:blur(22px);transform:rotate(-8deg)}.computer{position:relative;width:100%;height:100%;transform:perspective(1300px) rotateY(calc(23deg - var(--progress)*23deg + var(--mouse-x)*2deg)) rotateX(calc(3deg + var(--mouse-y)*-1.2deg)) rotateZ(-2deg);transform-style:preserve-3d;transition:transform .15s ease-out;pointer-events:auto}.monitor{position:absolute;left:92px;top:12px;width:427px;height:320px;transform-style:preserve-3d;transform:translateZ(55px)}.monitor-front{position:absolute;inset:0;background:linear-gradient(125deg,#d9d6bd 0%,#8b9279 44%,#566553 100%);border:2px solid #dddac3;border-bottom:9px solid #64705b;border-radius:14px 15px 9px 9px;box-shadow:inset 3px 3px 3px #f5eed9bb,inset -3px -4px 3px #263e2b,10px 16px 30px #0006;transform-style:preserve-3d}.monitor-side{position:absolute;width:120px;height:302px;right:-119px;top:6px;background:linear-gradient(90deg,#656e5a,#2a3f2e);transform-origin:left;transform:rotateY(80deg);clip-path:polygon(0 0,100% 15%,100% 86%,0 100%);border-radius:6px;box-shadow:inset 9px 0 20px #152c19}.monitor-side:after{content:'';position:absolute;top:60px;right:9px;width:53px;height:160px;background:repeating-linear-gradient(0deg,#183520 0 3px,transparent 3px 8px)}.monitor-top{position:absolute;left:5px;top:-72px;width:410px;height:77px;background:linear-gradient(0deg,#b6baa0,#5b7158);transform-origin:bottom;transform:rotateX(81deg);clip-path:polygon(6% 0,95% 0,100% 100%,0 100%)}.screen-bezel{position:absolute;inset:21px 23px 49px;border-radius:48%/6%;background:linear-gradient(135deg,#304437,#8b967a);box-shadow:inset 9px 9px 14px #0b231b,0 0 0 1px #c4c8a080;padding:12px}.crt-screen{height:100%;position:relative;overflow:hidden;background:#061c13;border-radius:48%/8%;box-shadow:inset 0 0 26px 8px #000a,0 0 23px #c1d7a933;isolation:isolate}.crt-screen img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.06) brightness(1.08);transition:opacity .3s;opacity:.9}.crt-screen:after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,#0002 0 1px,transparent 1px 4px);box-shadow:inset 0 0 28px 5px #000b;border-radius:inherit}.crt-reflection{position:absolute;inset:0;background:linear-gradient(135deg,#f9f9dd33,transparent 30%,#dfeacc08 64%,transparent);z-index:2}.screen-tag{position:absolute;bottom:13px;right:15px;z-index:4;background:#061d16ab;color:#f2ecd9;font-size:11px;padding:3px 10px;border-radius:20px;direction:rtl}.monitor-bottom{position:absolute;bottom:7px;left:24px;right:22px;height:27px;display:flex;align-items:center;gap:14px}.case-brand{font-family:var(--display);font-size:21px;color:#1a3628;direction:rtl;text-shadow:0 1px 0 #dfe0ca}.vents{margin-left:auto;width:90px;height:11px;background:repeating-linear-gradient(90deg,#2a432b 0 2px,transparent 2px 5px);opacity:.5}.power-light{height:5px;width:5px;background:#aee59c;border-radius:100%;box-shadow:0 0 8px #aee59c}.monitor-bottom button{height:17px;width:17px;border-radius:100%;padding:0;background:linear-gradient(135deg,#d4d7bd,#718565);border:1px solid #3c513a;box-shadow:1px 1px 2px #0007}
.computer-base{position:absolute;left:35px;bottom:15px;width:535px;height:156px;background:linear-gradient(145deg,#d1d0b4,#7a8970 72%);border-top:4px solid #e7e1c6;border-right:4px solid #576d51;border-left:4px solid #9da88b;border-bottom:12px solid #3c523b;clip-path:polygon(8% 0,91% 0,100% 100%,0 100%);transform:rotateX(29deg) translateZ(20px);transform-origin:50% 100%;border-radius:6px;box-shadow:inset 0 -18px 10px #596b4d}.base-label{position:absolute;top:4px;left:50px;right:51px;height:31px;background:linear-gradient(90deg,#1e3b2d,#304d35);border:3px solid #b0b49a;border-bottom:1px solid #cdd2b3;display:flex;align-items:center;justify-content:space-between;padding:0 10px;direction:rtl;color:#e6ddba;font-size:9px}.base-label b{font-size:12px;font-weight:400}.keyboard{position:absolute;top:42px;left:39px;right:35px;height:83px;display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(5,1fr);gap:3px;direction:ltr;transform:perspective(900px) rotateX(9deg)}.keyboard i{display:block;border-radius:2px;background:linear-gradient(140deg,#344a38 12%,#0e261b 60%);box-shadow:1px 2px 0 #051b11,inset 0 1px 1px #a0ad784c;color:#c3c8ad;font:6px/1 var(--sans);text-align:center;padding-top:3px}.keyboard i.space{grid-column:span 5}.keyboard-lip{position:absolute;left:10%;right:10%;bottom:8px;height:7px;background:linear-gradient(#a9b194,#7f936c);border-radius:1px}.scene-caption{position:absolute;bottom:-43px;left:65px;color:#d4d6be;font-size:12px;direction:rtl;opacity:calc(1 - var(--progress)*2);max-width:430px;text-align:center;width:80%}
.work-section{position:relative;margin-top:-2px;min-height:900px;padding:65px 3% 90px;background:linear-gradient(#041c1466,#062219cc);isolation:isolate;scroll-margin-top:65px}.work-room{max-width:1600px;margin:auto;border:1px solid #d7dfbf35;border-radius:48% 48% 36px 36px/2% 2% 36px 36px;box-shadow:inset 0 0 80px #001d1680,0 20px 60px #0002;background:radial-gradient(ellipse at 50% 85%,#89b29530,transparent 65%),#092e2255;overflow:hidden;position:relative;padding:45px 0 25px}.work-top{text-align:center;padding:0 6%;position:relative;z-index:3}.work-top h2{font-size:clamp(32px,4.2vw,64px);margin:12px 0 4px}.work-top>p:last-child{font-size:15px;color:#c7cbb7}.film-stage{height:425px;position:relative;perspective:1300px;perspective-origin:50% 40%;overflow:hidden;touch-action:pan-y;cursor:grab;--radius:470px;--card:420px}.film-stage:active{cursor:grabbing}.film-reel{position:absolute;left:50%;top:90px;width:0;height:245px;transform-style:preserve-3d;transform:translateZ(calc(-1*var(--radius))) rotateX(-7deg) rotateY(var(--rotation,0deg));transition:transform 850ms cubic-bezier(.2,.75,.2,1);will-change:transform}.film-frame{position:absolute;left:calc(var(--card)*-.5);top:0;width:var(--card);height:264px;padding:20px 0;background:#06140e;border-inline:1px solid #c7c6a82b;transform:rotateY(calc(var(--i)*var(--film-step,60deg))) translateZ(var(--radius));backface-visibility:hidden;overflow:hidden;box-shadow:0 25px 40px #0008}.film-frame:before,.film-frame:after{content:'';position:absolute;inset-inline:0;height:11px;background:repeating-linear-gradient(90deg,transparent 0 9px,#d4d0af 9px 18px,transparent 18px 24px);opacity:.8}.film-frame:before{top:5px}.film-frame:after{bottom:5px}.film-frame img{width:100%;height:100%;object-fit:contain;opacity:.46;transition:opacity .55s,filter .55s;filter:saturate(.55)}.film-frame.active img{opacity:1;filter:saturate(.9)}.film-frame>span{position:absolute;bottom:30px;left:50%;white-space:nowrap;transform:translateX(-50%) translateY(8px);opacity:0;padding:7px 18px;border:1px solid #f2ecd966;border-radius:100px;background:#061c14ce;font-size:13px;transition:opacity .25s,transform .25s}.film-frame.active:hover>span,.film-frame.active:focus-visible>span{opacity:1;transform:translateX(-50%) translateY(0)}.film-controls{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:0;position:relative;z-index:3;direction:rtl}.film-controls button.glass{font-size:14px;min-width:100px;min-height:43px;padding:7px 20px}.film-dots{display:flex;gap:9px;align-items:center}.film-dots button{background:#e3e0bb36;border:0;padding:0;width:7px;height:7px;border-radius:100%;transition:background .2s,transform .2s}.film-dots button[aria-pressed=true]{background:var(--gold);transform:scale(1.4)}.film-hint{text-align:center;font-size:12px;color:#b7c5ab;margin-top:21px}
.paper{background:var(--cream);color:#153c2d;color-scheme:light}.paper .eyebrow{color:#54745c}.paper em{color:#7f8552}.scene-banner{height:420px;overflow:hidden;position:relative}.scene-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#031b13bb,transparent 65%)}.scene-banner img{height:100%;width:100%;object-fit:cover;object-position:center 38%;filter:saturate(.65)}.scene-banner>span{position:absolute;bottom:30px;right:7%;font:700 clamp(26px,3.3vw,48px)/1.3 var(--display);z-index:2}.about-paper{padding:90px 7% 95px;text-align:center}.about-paper h2,.clients-section h2{font-size:clamp(44px,6vw,90px);margin:20px 0 32px}.about-copy{font-size:20px;line-height:1.9;max-width:890px;margin:auto}.about-copy p+p{margin-top:24px}.service-lines{max-width:1050px;margin:60px auto 42px;text-align:right}.service-lines button{border:0;border-top:1px solid #23483538;background:none;display:grid;grid-template-columns:1fr 1.4fr 24px;gap:25px;width:100%;text-align:right;align-items:center;padding:26px 8px;color:#153c2d;transition:padding .25s,background .25s}.service-lines button:last-child{border-bottom:1px solid #23483538}.service-lines button:hover{background:#bcc8a92a;padding-inline:20px}.service-lines button>span{font:700 31px/1.3 var(--display)}.service-lines small{font-size:15px}.service-lines i{font-style:normal;font-family:var(--sans);font-size:25px;font-weight:400}.dark-glass{color:#173d2b;border-color:#345c344a;background:linear-gradient(145deg,#163c241a,#345c3405);box-shadow:inset 0 2px 2px #fff9,0 10px 20px #153c2d10}.dark-glass:hover{background:#163c2420;border-color:#345c3488}
.numbers-section{padding:85px 7% 75px;text-align:center;background:linear-gradient(90deg,#031b14b3,#0b3627aa)}.numbers{display:grid;grid-template-columns:repeat(3,1fr);max-width:1250px;margin:45px auto 30px}.numbers>div+div{border-right:1px solid var(--line)}.numbers strong{display:block;font:700 clamp(55px,7vw,100px)/1 var(--display)}.numbers strong small{font:400 20px/1 var(--sans);margin-right:12px}.numbers span{display:block;color:#d1d2bc;font-size:14px;margin-top:22px}.text-link{font-size:14px;border-bottom:1px solid #cbbb816e;padding-bottom:6px}.clients-section{padding:85px 7% 95px;text-align:center}.clients-section h2{margin-bottom:65px}.client-logos{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:35px 45px;justify-items:center;align-items:center}.client-logos img{height:67px;width:130px;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1);opacity:.86;transition:filter .25s,opacity .25s}.client-logos img:hover{filter:grayscale(0);opacity:1}
.social-section{padding:110px 12%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12%;background:radial-gradient(ellipse at 27% 46%,#c4d49713,transparent 60%)}.social-copy h2{font-size:clamp(60px,7vw,110px);margin:20px 0 26px}.social-copy>p:not(.eyebrow){color:#c5d0bd;line-height:1.9;font-size:18px}.social-copy>.glass{margin-top:32px;font-size:15px}.social-print{width:100%;max-width:355px;justify-self:center;display:block;transform:rotate(3deg);background:#091f18;border:1px solid #d4dfbd5c;border-radius:15px;overflow:hidden;box-shadow:25px 30px 55px #0007;transition:transform .35s}.social-print:hover{transform:rotate(0) translateY(-5px)}.social-print-head{height:59px;padding:10px 18px;display:flex;gap:14px;align-items:center;direction:ltr;color:#e7e5cf;font-size:12px}.social-print-head img{width:40px;height:31px;object-fit:contain}.social-print-head svg{margin-left:auto;width:21px}.social-print>img{width:100%;height:auto}.social-print-foot{display:block;padding:11px 20px;font-size:12px;color:#cbd2bf}
.contact-section{padding:70px 7% 85px;text-align:center;position:relative}.contact-section h2{font-size:clamp(88px,13vw,190px);line-height:1.04;margin:24px 0 38px}.contact-start{min-width:225px;padding:15px 30px}.contact-details{max-width:900px;margin:80px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.contact-details span{display:block;font-size:13px;color:#b5c3ac}.contact-details a{display:inline-block;font:700 30px/1.6 var(--display);margin-top:9px;border-bottom:1px solid #b8c49466}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);background:#061c15bd;font-size:12px;color:#c4cbb7}.footer-brand{font:700 39px/1.1 var(--display);color:var(--cream)}footer>a:last-child{border-bottom:1px solid #b9c3a266}
#brief-dialog{position:fixed;margin:auto;width:min(620px,calc(100% - 28px));max-height:calc(100svh - 40px);overflow-y:auto;padding:25px 33px 30px;color:var(--cream);border:1px solid #dfdfbd70;border-radius:27px;background:linear-gradient(140deg,#40604bbf,#062b22ed);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:inset 0 2px 1px #fff3,0 30px 90px #0009}#brief-dialog::backdrop{background:#001c15a8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#d1d7be}.close-dialog{font-size:12px;min-height:34px;padding:5px 16px}#brief-title{font-size:54px;margin:22px 0}#brief-form{display:grid;grid-template-columns:1fr 1fr;gap:19px 17px}#brief-form label{display:grid;gap:9px;font-size:14px}#brief-form input,#brief-form select,#brief-form textarea{width:100%;border:1px solid #dfe9be45;border-radius:15px;background:#eaf0cb0b;box-shadow:inset 0 2px 4px #01190a1a;color:var(--cream);padding:12px 16px;outline-offset:2px;min-height:49px;font-size:16px}#brief-form option{background:#163f31;color:#f2ecd9}#brief-form textarea{resize:vertical}.full{grid-column:1/-1}.form-note{font-size:12px;color:#cbd3bd;text-align:center}.boot{position:fixed;inset:0;display:grid;place-items:center;z-index:80;background:#051e15;pointer-events:none;transition:opacity .5s,visibility .5s}.boot-screen{width:min(700px,88vw);min-height:420px;border:2px solid #627b4d;border-radius:45%/5%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;background:radial-gradient(ellipse,#527b3a66,#0d3222 70%);box-shadow:inset 0 0 70px #01150c,0 0 80px #5076451a}.boot-screen>img{height:105px;width:180px;object-fit:contain}.boot-screen>p{font-size:15px}.boot-screen>span{font-size:12px;color:#b6c2a4}.boot-track{width:260px;height:21px;padding:3px;border:1px solid #b7c895}.boot-track i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,#d5dabb 0 8px,transparent 8px 11px);animation:boot-fill 1s ease-out forwards}.ready .boot{opacity:0;visibility:hidden}@keyframes boot-fill{to{width:100%}}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.js .reveal.in{opacity:1;transform:none}
@media(min-width:1550px){.computer-scene{left:8%;bottom:15%;transform:translateX(calc(var(--progress)*24vw)) translateY(calc(var(--progress)*-40px)) scale(calc(1.18 + var(--progress)*2))}.hero-copy{right:9%;top:23%;width:51%}}
@media(max-width:1100px) and (min-width:761px){.computer-scene{left:-9%;bottom:13%;transform:scale(.83) translateX(calc(var(--progress)*26vw)) scale(calc(1 + var(--progress)*1.7));transform-origin:center}.hero-copy{right:5%;width:56%;top:25%}.hero h1{font-size:8vw}.site-header{gap:18px;padding-inline:4%}.header-contact{min-width:145px;padding-inline:17px;font-size:13px}.main-nav{font-size:15px;gap:25px}}
@media(max-width:760px){html{scroll-padding-top:82px}.site-header{height:79px;padding:9px 6%;gap:16px}.brand,.brand img{width:83px;height:54px}.header-contact{margin-right:auto;min-width:0;font-size:12px;padding:7px 15px;min-height:39px;gap:10px}.header-contact svg{width:18px;height:18px}.menu-toggle{display:flex;flex-direction:column;gap:6px;min-height:40px;width:41px;padding:10px}.menu-toggle span{width:17px;height:1px;background:var(--cream);transition:transform .2s}.menu-open .menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.main-nav{position:absolute;top:88px;left:5%;right:5%;display:none;flex-direction:column;gap:3px;padding:18px;background:#092c24f0;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid #dfe0be50;border-radius:24px;box-shadow:0 20px 50px #0005}.main-nav a{width:100%;padding:13px 17px}.main-nav a:after{display:none}.main-nav a.active{color:var(--gold)}.menu-open .main-nav{display:flex}.opening{height:132svh;min-height:1040px}.hero{min-height:790px;height:100svh;max-height:1050px}.hero-copy{top:126px;right:7%;width:86%;text-align:right;opacity:calc(1 - var(--progress)*2.6)}.hero-copy .eyebrow{font-size:12px;margin-bottom:15px}.hero h1{font-size:clamp(55px,12vw,86px);line-height:1.17}.hero h1 br:nth-child(2){display:none}.hero h1 em{display:inline-block;margin-right:.1em}.hero-line{font-size:15px;margin-top:17px}.hero-enter{font-size:13px;gap:12px;margin-top:13px}.computer-scene{left:50%;bottom:7%;width:600px;height:470px;transform:translateX(-50%) translateY(calc(var(--progress)*-40px)) scale(calc(.59 + var(--progress)*.85));transform-origin:50% 74%}.computer{transform:perspective(1300px) rotateY(calc(15deg - var(--progress)*15deg)) rotateX(2deg) rotateZ(-2deg)}.scene-caption{bottom:-32px;font-size:16px}.scroll-note{bottom:23px;right:7%;font-size:11px;gap:9px}.scroll-mark{height:22px;width:15px}.scroll-mark:after{left:6px}.work-section{min-height:690px;padding:35px 4% 55px;scroll-margin-top:75px}.work-room{padding:35px 0 24px;border-radius:24px}.work-top .eyebrow{font-size:12px}.work-top h2{font-size:29px;margin-top:18px}.work-top>p:last-child{font-size:12px;line-height:1.8}.film-stage{height:365px;--radius:285px;--card:270px;perspective:850px;perspective-origin:50% 46%}.film-reel{top:92px;height:207px;transform:translateZ(calc(-1*var(--radius))) rotateX(-6deg) rotateY(var(--rotation,0deg))}.film-frame{height:202px;padding:18px 0}.film-frame:before,.film-frame:after{height:9px;background-size:auto}.film-controls{gap:16px}.film-controls button.glass{min-width:75px;min-height:39px;padding:6px 16px;font-size:12px}.film-dots{gap:8px}.film-dots button{width:6px;height:6px}.film-hint{font-size:10px}.scene-banner{height:260px}.scene-banner>span{font-size:25px;bottom:24px}.about-paper{padding:60px 7%}.about-paper h2,.clients-section h2{font-size:43px;line-height:1.4;margin-block:19px 25px}.eyebrow{font-size:12px}.about-copy{font-size:16px;line-height:1.95}.about-copy br{display:none}.about-copy p+p{margin-top:19px}.service-lines{margin-top:35px;margin-bottom:31px}.service-lines button{grid-template-columns:1fr 19px;gap:10px;padding:22px 0}.service-lines button>span{font-size:26px}.service-lines small{grid-column:1;grid-row:2;font-size:12px}.service-lines i{grid-column:2;grid-row:1/3}.numbers-section{padding:60px 5%}.numbers{gap:15px;margin-top:35px}.numbers strong{font-size:40px;white-space:nowrap}.numbers strong small{font-size:12px;display:block;margin:13px 0 0}.numbers span{font-size:10px;line-height:1.8;padding:0 4px;margin-top:15px}.numbers>div+div{border-right:1px solid var(--line)}.text-link{font-size:12px}.clients-section{padding:60px 7%}.clients-section h2{font-size:41px;margin-bottom:36px}.client-logos{grid-template-columns:repeat(4,1fr);gap:25px 17px}.client-logos img{width:66px;height:48px}.social-section{padding:65px 8%;grid-template-columns:1fr;gap:50px}.social-copy{text-align:center}.social-copy h2{font-size:65px;margin:20px 0}.social-copy h2 br{display:none}.social-copy>p:not(.eyebrow){font-size:16px}.social-copy>.glass{font-size:13px;margin-top:23px}.social-print{max-width:290px;transform:rotate(2deg)}.contact-section{padding:45px 7% 55px}.contact-section h2{font-size:115px;margin-bottom:34px}.contact-start{font-size:15px;min-width:220px}.contact-details{gap:14px;margin-top:55px}.contact-details span{font-size:10px}.contact-details a{font-size:23px;margin-top:12px}footer{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:28px 7%;font-size:10px}.footer-brand{font-size:32px}footer>:nth-child(2),footer>a:last-child{text-align:left}#brief-dialog{padding:23px}#brief-title{font-size:44px;margin:20px 0}#brief-form{grid-template-columns:1fr;gap:17px}.full{grid-column:1}.boot-screen{min-height:350px}.boot-screen>p{font-size:13px}.boot-screen>img{height:90px}.boot-track{width:220px}}
@media(max-height:760px) and (min-width:761px){.hero-copy{top:21%}.hero h1{font-size:7.05vw;max-width:800px}.hero-copy .eyebrow{margin-bottom:13px}.hero-line{margin-top:18px}.hero-enter{margin-top:15px}.computer-scene{bottom:11%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.opening{height:auto;min-height:0}.hero{position:relative;--progress:0!important}.computer-scene{will-change:auto}.js .reveal{opacity:1;transform:none}.boot{display:none}}
/* Keep the film perforations continuous around the reel */
.film-stage{--radius:365px}.film-frame:not(.portrait-frame) img{object-fit:cover}.work-section{scroll-margin-top:0}.boot{animation:boot-dismiss .4s 2.5s forwards}@keyframes boot-dismiss{to{opacity:0;visibility:hidden}}
@media(max-width:760px){.film-stage{--radius:234px}.work-section{scroll-margin-top:0}}
/* A single cinematic opening with a camera move into and out of the CRT */
.hero-canvas,.film-canvas{position:absolute;inset:0;pointer-events:none}.hero-canvas canvas,.film-canvas canvas{display:block;width:100%;height:100%}.hero-canvas{z-index:3}.webgl-hero-ready .computer-scene{display:none}.hero-copy{z-index:4;right:6.5%;top:27%;width:49%;max-width:760px}.hero h1{font-size:clamp(58px,6.0vw,104px);line-height:1.22}.hero-copy .eyebrow{margin-bottom:28px}.hero-line{margin-top:28px;font-size:18px}.hero-enter{margin-top:20px}.opening{height:185svh;min-height:1200px}.hero{max-height:none}.hero-copy{transform:translateY(calc(var(--progress)*-65px));opacity:calc(1 - var(--progress)*3.5)}.hero-canvas{opacity:clamp(0,calc((1 - var(--progress))*12),1)}.site-header{transition:opacity .7s,background .35s,border-color .35s}.scene-pending .hero-copy,.scene-pending .scroll-note,.scene-intro .scroll-note{opacity:0;pointer-events:none}.scene-intro .hero-copy{opacity:var(--intro-reveal,0);transform:translateY(calc((1 - var(--intro-reveal,0))*25px))}.scene-intro .hero-canvas{opacity:1}.scene-intro .hero{z-index:60}.scene-pending .boot{animation:none}.boot-screen{border:0;border-radius:0;box-shadow:none;background:transparent}.boot{background:#062b1f}.boot-track i{animation:none;width:80%}.webgl-hero-ready .boot{display:none}.replay-intro{display:none;color:var(--cream);border:0;background:none;padding:10px;margin-inline-start:-18px;opacity:.55}.webgl-hero-ready .replay-intro{display:inline-flex}.replay-intro:hover{opacity:1}.replay-intro svg{width:18px;height:18px}.site-header{gap:25px}.main-nav{margin-inline:auto}.film-stage{height:525px;perspective-origin:50% 50%}.film-canvas{opacity:0;transition:opacity .7s}.webgl-film-ready .film-canvas{opacity:1}.webgl-film-ready .film-reel{visibility:hidden}.film-open{display:table;margin:23px auto 0;font-size:14px}.film-hint{margin-top:15px}.work-section{padding:70px 0 90px;min-height:940px;background:linear-gradient(#031910,#092b2090);overflow:hidden}.work-room{max-width:none;border:0;border-radius:0;padding:30px 0 10px;overflow:visible;box-shadow:none;background:radial-gradient(ellipse at 50% 60%,#6d927b23,transparent 65%)}.work-top h2{font-size:clamp(35px,4vw,58px);margin:17px 0 7px}.work-top .eyebrow{font-size:13px}.film-controls{margin-top:-10px}.work-top{min-height:148px}.scene-banner{height:480px;padding:70px 8% 100px;display:flex;align-items:center;justify-content:center;gap:0;background:linear-gradient(#092a2099,#031a1399)}.scene-banner img{width:34%;max-width:430px;height:auto;aspect-ratio:16/10;object-fit:cover;border:10px solid #091c14;box-shadow:0 20px 45px #0008;filter:saturate(.75);position:relative}.scene-banner img:nth-child(1){transform:rotate(8deg) translateX(-18px);z-index:1}.scene-banner img:nth-child(2){transform:translateY(-25px);z-index:2}.scene-banner img:nth-child(3){transform:rotate(-8deg) translateX(18px);z-index:1}.scene-banner:after{display:none}.scene-banner>span{font-size:22px;bottom:37px;right:0;left:0;text-align:center;font-family:var(--sans);font-weight:400;color:#c3cdb9}.about-paper{padding-top:95px}.about-paper h2{max-width:1100px;margin-inline:auto;font-size:clamp(47px,5.5vw,82px);line-height:1.4}.about-copy{font-size:19px;line-height:2.05;max-width:760px}.clients-section h2{font-size:clamp(45px,5.4vw,80px)}
@media(min-width:1550px){.hero-copy{right:8%;top:27%;width:49%}.hero h1{font-size:6.1vw}}
@media(max-width:1100px) and (min-width:761px){.hero-copy{right:5%;width:49%;top:30%}.hero h1{font-size:6.2vw}.header-contact{min-width:125px}.site-header{gap:15px}.main-nav{gap:20px}.replay-intro{margin-inline-start:-10px}}
@media(max-width:760px){.site-header{gap:12px}.replay-intro{position:absolute;top:88px;left:23px;margin:0;padding:8px;opacity:.6}.replay-intro svg{width:15px;height:15px}.hero-copy{top:138px;right:7%;width:86%;text-align:center}.hero-copy .eyebrow{font-size:11px;margin-bottom:20px}.hero h1{font-size:clamp(40px,11.1vw,71px);line-height:1.32}.hero h1 br:nth-child(2){display:inline}.hero-line{font-size:14px;margin-top:18px}.hero-enter{font-size:12px;margin-top:17px}.hero{min-height:750px}.opening{height:170svh;min-height:1180px}.hero-copy h1 em{margin-right:0}.hero-canvas{inset:0}.work-section{padding:45px 0 60px;min-height:680px}.work-top{padding-inline:7%;min-height:135px}.work-top h2{font-size:30px;line-height:1.45;margin-top:15px}.work-top .eyebrow{font-size:11px}.work-top>p:last-child{font-size:11px}.film-stage{height:370px}.film-controls{margin-top:-10px;gap:18px}.film-open{margin-top:22px;font-size:12px}.film-hint{font-size:10px;margin-top:16px}.scene-banner{height:310px;padding:55px 3% 80px;overflow:hidden}.scene-banner img{width:39%;min-width:155px;border-width:5px}.scene-banner img:nth-child(1){transform:rotate(8deg) translateX(-15px)}.scene-banner img:nth-child(2){transform:translateY(-13px)}.scene-banner img:nth-child(3){transform:rotate(-8deg) translateX(15px)}.scene-banner>span{font-size:16px;bottom:28px}.about-paper{padding-top:60px}.about-paper h2{font-size:40px;line-height:1.48}.about-copy{font-size:16px;line-height:2.05}.clients-section h2{font-size:39px}.social-copy h2 br{display:block}.social-copy h2{line-height:1.4}.social-copy h2 em{white-space:nowrap}}
@media(max-height:760px) and (min-width:761px){.hero-copy{top:25%}.hero h1{font-size:5.8vw}.hero-copy .eyebrow{margin-bottom:18px}.hero-line{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.opening{height:auto;min-height:0}.webgl-hero-ready .replay-intro{display:none}.scene-intro .hero-copy{opacity:1;transform:none}.hero-canvas{opacity:1}}
button{-webkit-appearance:none;appearance:none}.hero-copy h1 em{white-space:nowrap}
@media(max-width:760px){.hero{min-height:680px}.hero-copy{top:125px}.hero h1{font-size:clamp(38px,8.2vw,49px);line-height:1.34}.hero-copy .eyebrow{margin-bottom:18px}.hero-line{margin-top:16px}.hero-enter{margin-top:14px}}
.intro-skip{display:none;position:fixed;bottom:30px;left:30px;z-index:90;min-height:39px;font-size:12px;padding:8px 20px}.scene-intro .intro-skip{display:inline-flex}
/* Arabic display glyphs need room for their marks and descenders */
.hero h1{line-height:1.42}.about-paper h2,.clients-section h2,.social-copy h2{line-height:1.5}.about-copy{line-height:1.95;word-spacing:normal}.about-copy p+p{margin-top:22px}.contact-section h2{font-size:clamp(66px,8vw,120px);line-height:1.55;margin:25px auto 32px;max-width:1100px}.contact-section h2 em{white-space:nowrap}
.glass,.menu-toggle,.replay-intro,.film-controls button.glass,.main-nav{background:linear-gradient(155deg,#ffffff22,#eef7df08 48%,#ffffff12);border:1px solid #eef4dc48;border-top-color:#fff9;box-shadow:inset 0 1px 1px #fffc,inset 0 -1px 2px #fff2,inset 1px 0 2px #fff3,0 5px 18px #0002;backdrop-filter:blur(24px) saturate(1.65);-webkit-backdrop-filter:blur(24px) saturate(1.65)}.glass:hover,.replay-intro:hover{background:linear-gradient(155deg,#ffffff34,#eef7df13 48%,#ffffff24)}.main-nav{border-radius:999px;padding:7px 24px;gap:31px}.main-nav a{font-size:15px;padding:5px 8px}.main-nav a:after{display:none}.main-nav a.active{background:#fff2;border-radius:999px;box-shadow:inset 0 1px 1px #fff4}.replay-intro{border-radius:50%;opacity:.85;align-items:center;justify-content:center;width:37px;height:37px;margin-inline-start:0;flex:none}.site-header.scrolled{background:#0c291d40;backdrop-filter:blur(26px) saturate(1.4);-webkit-backdrop-filter:blur(26px) saturate(1.4)}.film-dots{background:#f2ecd90c;border:1px solid #e8efd827;border-top-color:#eef4dc55;border-radius:99px;padding:10px 13px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.dark-glass{color:#123727;border-color:#31543a40;background:linear-gradient(150deg,#fff9,#b4c8ab22);box-shadow:inset 0 1px 1px #fff,0 7px 20px #23493612}.dark-glass:hover{background:linear-gradient(150deg,#fff,#b4c8ab44)}
@media(max-width:760px){.main-nav{border-radius:25px;padding:16px;background:linear-gradient(145deg,#74917b44,#113c2cd9);gap:4px}.main-nav a{font-size:16px;padding:13px 18px}.main-nav a.active{border-radius:17px}.hero h1{line-height:1.42}.contact-section h2{font-size:58px;line-height:1.6}.about-paper h2,.clients-section h2,.social-copy h2{line-height:1.5}.replay-intro{width:30px;height:30px;top:91px;left:23px}.site-header{gap:13px}.film-controls{gap:14px}}
.social-showcase{display:block;padding:80px 0 85px;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#6d987524,transparent 65%)}.social-intro{text-align:center;padding:0 7%}.social-intro h2{font-size:clamp(55px,6.3vw,90px);line-height:1.5;margin:10px 0 2px}.social-intro>p:not(.eyebrow){font-size:19px}.social-intro>small{display:block;color:#b7c8ae;font-size:12px;margin-top:9px}.social-handle{margin:25px auto 0;font-size:14px;min-height:41px;padding:9px 20px;gap:10px}.social-handle svg{width:18px;height:18px}.social-reel-stage{position:relative;height:640px;margin-top:10px;touch-action:pan-y;cursor:grab}.social-reel-stage:active{cursor:grabbing}.social-film-canvas{position:absolute;inset:0;pointer-events:none}.social-film-canvas canvas{display:block;width:100%;height:100%}.social-fallback{height:100%;display:flex;gap:20px;padding:30px max(6%,25px);overflow-x:auto;align-items:center;scroll-snap-type:x mandatory}.social-frame{flex:0 0 300px;scroll-snap-align:center;overflow:hidden;border:1px solid #dce5bf38;background:#0b291d;border-radius:16px}.social-frame img{width:100%;height:375px;object-fit:contain}.social-frame>span{display:block;padding:16px;font-size:15px}.webgl-social-ready .social-fallback{visibility:hidden}.social-current{text-align:center;padding:0 7%}.social-current h3{font-size:clamp(27px,3vw,42px);line-height:1.6;margin:0 auto 24px}.social-stats{display:flex;justify-content:center;gap:12px;max-width:760px;margin:auto}.social-stat{display:flex;align-items:center;flex-direction:column;min-width:90px;padding:13px 17px;border:1px solid #d9e6bd2b;border-top-color:#eff6df66;border-radius:22px;background:linear-gradient(150deg,#ffffff13,#d9e6bd04);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);box-shadow:inset 0 1px 1px #fff3}.glass-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px}.glass-icon svg{width:24px;height:24px;stroke-width:1.5}.social-stat b{font-size:17px;font-weight:500;line-height:1.7;margin-top:5px}.social-stat small{font-size:10px;color:#bbcbb0}.social-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:29px auto 25px}.social-controls>.glass{min-height:40px;font-size:13px;padding:8px 23px}.social-dots{display:flex;gap:7px;padding:12px 15px;border:1px solid #e1edce38;border-top-color:#fff7;border-radius:999px;background:linear-gradient(160deg,#ffffff13,#ffffff05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.social-dots button{width:5px;height:5px;padding:0;border:0;border-radius:50%;background:#c4d5ad40}.social-dots button[aria-pressed=true]{background:#e2d5a3;transform:scale(1.4)}.social-updated{margin-top:20px;font-size:10px;color:#a9bda0}
@media(max-width:760px){.social-showcase{padding:55px 0 60px}.social-intro h2{font-size:53px}.social-intro>p:not(.eyebrow){font-size:16px}.social-intro>small{font-size:10px}.social-handle{font-size:12px;margin-top:23px}.social-reel-stage{height:520px;margin-top:0}.social-stats{gap:6px}.social-stat{min-width:0;flex:1;padding:10px 4px;border-radius:17px}.social-stat b{font-size:12px}.social-stat small{font-size:9px}.glass-icon svg{width:21px;height:21px}.social-current h3{font-size:27px;line-height:1.7;margin-bottom:22px}.social-controls{gap:12px;margin-top:24px}.social-controls>.glass{padding:7px 16px;font-size:11px}.social-dots{gap:5px;padding:11px 10px}.social-dots button{width:5px;height:5px}.social-updated{font-size:9px}.social-current>.text-link{font-size:12px}}
.site-header.scrolled{background:#09251bb8;backdrop-filter:blur(26px) saturate(1.5);-webkit-backdrop-filter:blur(26px) saturate(1.5)}
.social-intro h2{font-size:clamp(40px,5vw,72px);line-height:1.6;max-width:1050px;margin:12px auto 0}
@media(max-width:760px){.social-intro h2{font-size:40px;line-height:1.6;max-width:550px}}
.social-stats{max-width:200px}.social-stat{min-width:180px;padding:15px 28px}.social-stat b{font-size:23px}.social-stat small{font-size:12px}footer{font-family:var(--display);font-weight:700;font-size:17px;line-height:1.9}footer span,footer>a:last-child{font-family:var(--display);font-size:17px;line-height:1.9}footer>a:last-child{border-bottom:0}footer .footer-brand{font-size:45px}
@media(max-width:760px){.social-stats{max-width:180px}.social-stat{min-width:160px;flex:initial;padding:13px 25px}.social-stat b{font-size:21px}.social-stat small{font-size:11px}footer{font-size:14px;gap:24px;padding-block:32px}footer span,footer>a:last-child{font-size:14px;line-height:2}footer .footer-brand{font-size:37px}}
@media(max-height:560px){.opening{height:900px;min-height:0}.hero{position:relative;height:900px;min-height:0}.scroll-note{display:none}}
/* Typography and model share the same light and atmosphere */
.hero-copy{left:6.8%;right:auto;top:23%;width:45%;max-width:730px;text-align:right}.hero h1{font-size:clamp(58px,5.5vw,94px);line-height:1.39;text-shadow:0 0 22px #ebdfac20,0 1px 2px #eee1b72a}.hero-copy .eyebrow{color:#d0d7c4;text-shadow:0 0 15px #ddd3aa25}.hero-line{margin-top:23px}.hero:after{height:65%;background:radial-gradient(ellipse at 74% 76%,#d4cfac28,transparent 62%);filter:blur(35px)}.theatre:after{background:radial-gradient(ellipse at 76% 62%,#d4c99b24,transparent 47%),linear-gradient(0deg,#05150f33,#020b0790)}.scroll-note{right:auto;left:6.8%}.hero-canvas{filter:drop-shadow(0 0 19px #d1d2a410)}.contact-details .email-options{min-width:0}.contact-details .email-address{display:table;margin:12px auto 0;font:400 15px/1.9 var(--sans);word-break:break-word;max-width:100%;border-bottom-color:#c2d2af55}.contact-details{max-width:1100px;grid-template-columns:.75fr 1.65fr .75fr}
@media(min-width:1550px){.hero-copy{left:7.5%;right:auto;top:22%;width:45%}.hero h1{font-size:5.8vw}}
@media(max-width:1100px) and (min-width:761px){.hero-copy{left:5%;right:auto;top:26%;width:45%}.hero h1{font-size:5.7vw}.main-nav{gap:13px;padding-inline:15px}.main-nav a{font-size:13px;padding-inline:5px}}
@media(max-width:760px){.hero-copy{top:125px;left:7%;right:7%;width:86%;max-width:none;text-align:center}.hero h1{font-size:clamp(38px,8.2vw,49px);line-height:1.42}.hero h1 br:nth-child(2){display:none}.hero-line{margin-top:16px}.scroll-note{left:auto;right:7%}.contact-details{grid-template-columns:1fr 1fr;gap:30px 20px}.email-options{grid-column:1/-1;grid-row:2}.contact-details .email-address{font-size:14px;line-height:2}.contact-details .email-options>span{font-size:12px}}
@media(min-width:761px){.hero-copy{left:6%;right:auto;width:42%}}
/* The reference composition uses one low camera and one continuous studio floor */
.hero{background:#07150ff0}.hero:after{display:none}.hero-canvas{filter:none}.hero-copy{left:8.2%;right:auto;top:20.5%;width:44%;max-width:790px;text-align:right}.hero h1{font-size:clamp(53px,5.4vw,94px);line-height:1.37;text-shadow:0 0 18px #ece4c833,1px 0 1px #eac69a55,-1px 0 1px #9ec9c544}.hero-copy .eyebrow{font-size:13px;margin-bottom:20px;color:#cbd5c3}.hero-enter{border:0;font-family:var(--display);font-size:20px;margin-top:26px;gap:14px;text-shadow:0 0 12px #f2e8cf25}.scroll-note{display:none}
@media(min-width:1550px){.hero-copy{left:9%;top:20%;width:43%}.hero h1{font-size:5.1vw}}
@media(min-width:761px) and (max-width:1100px){.hero-copy{left:5%;top:24%;width:45%}.hero h1{font-size:5.6vw}.hero-enter{font-size:17px}}
@media(max-width:760px){.hero-copy{left:7%;right:7%;top:129px;width:86%;text-align:center}.hero h1{font-size:clamp(32px,7.9vw,48px);line-height:1.43}.hero h1 br:nth-child(2){display:block}.hero-copy .eyebrow{font-size:10px;margin-bottom:15px}.hero-enter{font-size:14px;margin-top:16px}.hero{min-height:720px}}
@media(max-height:560px) and (min-width:761px){.hero-copy{top:180px}.hero h1{font-size:60px}}
@media(min-width:761px){.hero-copy{left:6.5%;width:43%}.hero h1{font-size:clamp(53px,5.15vw,90px)}}
/* Keep the reference's left title and right computer on compact desktop windows */
@media(min-width:561px){.hero{min-height:620px}.hero-copy{left:8%;right:auto;top:20%;width:43%;max-width:790px;text-align:left}.hero h1{font-size:clamp(31px,5.6vw,96px);line-height:1.35;text-shadow:0 0 16px #ede1d238,1px 0 1px #d9b8ab44,-1px 0 1px #a2bdd844}.hero h1 br:nth-child(2){display:block}.hero-copy .eyebrow{font-size:clamp(10px,1vw,15px);margin-bottom:17px}.hero-enter{font-size:clamp(13px,1.55vw,23px);margin-top:24px;white-space:nowrap}}
@media(min-width:561px) and (max-aspect-ratio:6/5){.hero-copy{top:29%}.hero h1{font-size:5.6vw}.hero-enter{margin-top:20px}}
@media(max-width:560px){.hero{height:max(100svh,780px);min-height:780px}.hero-copy{top:126px;left:7%;right:7%;width:86%;text-align:center}.hero h1{font-size:clamp(30px,7.7vw,39px);line-height:1.4}.hero-copy .eyebrow{font-size:10px;margin-bottom:15px}.hero-enter{font-size:13px;margin-top:16px}.hero-canvas{inset:0}}
/* A complete sequence of scenes based on the reference */
.hero-copy,.hero h1{direction:rtl;text-align:right;letter-spacing:0;word-spacing:normal;unicode-bidi:plaintext}.hero-copy{max-width:43%;overflow:visible}.hero h1{font-size:clamp(31px,5.3vw,90px);line-height:1.42;max-width:100%;overflow-wrap:normal;word-break:normal}.hero-enter{direction:rtl;flex-direction:row;white-space:normal;max-width:100%}.hero-enter .mini-play{transform:rotate(180deg)}
.office-chapter{height:185svh;min-height:1100px;position:relative;background:#595d57;scroll-margin-top:0;--office-progress:0}.office-view{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate}.office-canvas{position:absolute;inset:0;background:linear-gradient(150deg,#9a9e92,#4a514a)}.office-canvas canvas,.phones-canvas canvas{display:block;width:100%;height:100%}.office-title{position:absolute;top:13%;inset-inline:7%;text-align:center;pointer-events:none;opacity:clamp(0,calc(1 - var(--office-progress)*1.6),1);transform:translateY(calc(var(--office-progress)*-70px))}.office-title h2{font-size:clamp(70px,12vw,170px);color:#fff7e6;line-height:1.5;text-shadow:0 1px 1px #24472d,0 0 20px #fff8e38c,2px 0 1px #bcaaa577}.office-page-turn{position:absolute;width:145%;height:100%;bottom:-70%;left:-25%;background:linear-gradient(165deg,#e6dfc6 0%,#fbf5df 72%,#d4d0bd 84%,#fff9e6 91%);box-shadow:0 -10px 50px #0005;transform-origin:100% 100%;transform:translateY(calc(180% - var(--office-progress)*225%)) rotate(-14deg);pointer-events:none;z-index:4}.office-chapter:not(.office-ready) .office-page-turn{display:none}
.paper{background:#f2ecd9;color:#292e25}.about-paper{padding:80px 5% 95px}.about-paper h2{font-size:clamp(48px,7.5vw,110px);line-height:1.4;max-width:1000px;margin:5px auto 55px}.about-paper em,.clients-section em{color:inherit}.about-copy{max-width:1160px;display:grid;grid-template-columns:1fr 1fr;gap:8%;font-size:19px;line-height:2;text-align:right;margin:auto}.about-copy p+p{margin-top:25px}.service-lines{max-width:1160px;margin:65px auto 45px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.service-lines button{display:block;text-align:right;padding:20px 0;border:0;border-top:1px solid #777c6255;min-height:0}.service-lines button>span{font-size:28px}.service-lines button>small{display:block;margin-top:12px;font-size:15px;line-height:1.8}.service-lines button>i{display:none}
.numbers-section{padding:70px 7%;background:#e9e3cf;color:#30392a}.numbers-section .eyebrow{color:#65765c}.numbers-section .numbers strong{color:#293c28}.numbers-section .numbers span{color:#53664c}.numbers-section .text-link{color:#344c2d;border-color:#53664c66}
.clients-section{position:relative;padding:90px 5% 100px;overflow:hidden;min-height:1100px}.clients-section h2{font-size:clamp(46px,7vw,95px);line-height:1.4;max-width:900px;margin:10px auto 25px}.clients-section .eyebrow{color:#65705e}.clients-intro{max-width:680px;margin:0 auto 55px;font-size:19px;line-height:1.9;text-align:center}.client-logos{position:relative;z-index:2;grid-template-columns:repeat(3,1fr);max-width:570px;gap:45px 35px;margin:auto}.client-logos img{width:145px;height:72px;object-fit:contain;filter:grayscale(1) brightness(.48);mix-blend-mode:multiply}.client-presenters{position:absolute;inset:370px 0 0;pointer-events:none;z-index:1}.presenter{position:absolute;top:30px;width:28%;height:620px;max-width:370px;background-size:contain;background-position:top center;background-repeat:no-repeat}.presenter-right{right:-1%}.presenter-left{left:-1%}
.contact-arrival{position:relative;height:110svh;min-height:800px;background:#171716;overflow:hidden;isolation:isolate;scroll-margin-top:0}.contact-arrival>h2{position:absolute;z-index:2;inset-inline:0;top:80px;text-align:center;font-size:clamp(100px,17vw,240px);line-height:1.5;color:#fff4df;text-shadow:0 0 20px #eedcc65c}.phones-canvas{position:absolute;inset:30% 0 -12%;pointer-events:auto}.contact-section{background:#171716;padding-bottom:80px}.contact-section h2{color:#eee7d3}.contact-section em{color:inherit}.contact-details{padding-top:30px;border-top:1px solid #eee8cf33}.contact-details a.email-address{border:0}footer{background:#11120f}
@media(min-width:761px){.main-nav{background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;border-radius:0;padding:0;gap:32px}.main-nav a{font-family:var(--display);font-size:19px;text-decoration:underline;text-underline-offset:5px;padding:8px 0}.main-nav a.active{background:none;box-shadow:none;border-radius:0}.header-contact{background:none;box-shadow:none;border:0;text-decoration:underline;text-underline-offset:5px;font-family:var(--display);font-size:18px}.site-header.scrolled{background:#171b1680}.site-header.on-paper{color:#273427;background:#f2ecd9bb;border-bottom-color:#24332522}.site-header.on-paper .brand img{filter:brightness(.2)}.site-header.on-paper .header-contact{color:#273427}.replay-intro{width:30px;height:30px;opacity:.7}}
@media(min-width:561px) and (max-width:900px){.hero-copy{left:5%;width:43%;max-width:43%}.hero h1{font-size:5.1vw}.hero-enter{font-size:13px}.about-copy{font-size:17px;gap:6%}.service-lines{gap:20px}.service-lines button>span{font-size:24px}.clients-section{min-height:1000px}.client-logos{max-width:44%;gap:28px 16px}.client-logos img{width:100%;height:55px}.presenter{width:28%;height:500px}.clients-intro{font-size:17px}}
@media(max-width:560px){.hero-copy{max-width:86%;text-align:center}.hero h1{text-align:center;font-size:clamp(30px,7.7vw,39px)}.hero-enter{font-size:13px}.office-chapter{height:155svh;min-height:1050px}.office-view{min-height:700px}.office-title{top:22%}.office-title h2{font-size:68px}.about-paper{padding:60px 7%}.about-paper h2{font-size:43px;margin-bottom:40px}.about-copy{grid-template-columns:1fr;font-size:16px;gap:25px}.service-lines{grid-template-columns:1fr;margin:45px auto 30px;gap:0}.service-lines button{padding:18px 0}.service-lines button>span{font-size:27px}.service-lines button>small{font-size:13px;margin-top:6px}.numbers-section{padding:55px 7%}.clients-section{padding:60px 7% 310px;min-height:0}.clients-section h2{font-size:42px;line-height:1.5}.clients-intro{font-size:16px;margin-bottom:35px}.client-logos{max-width:100%;gap:25px 18px;grid-template-columns:repeat(3,1fr)}.client-logos img{width:100%;height:47px}.client-presenters{inset:auto 0 0;height:280px}.presenter{top:0;width:42%;height:290px}.presenter-right{right:-3%}.presenter-left{left:-3%}.contact-arrival{height:780px;min-height:780px}.contact-arrival>h2{top:110px;font-size:120px}.phones-canvas{inset:33% -10% 0}.contact-section{padding-top:40px}.contact-section h2{font-size:54px}}
@media(prefers-reduced-motion:reduce){.office-chapter{height:100svh;min-height:650px}.office-page-turn{display:none}}
html{scroll-padding-top:0}.office-title{top:3%}.office-title h2{font-size:clamp(70px,11vw,155px)}.site-header.on-paper .brand img{filter:none}.site-header.on-paper .replay-intro{color:#29412c}
@media(max-width:560px){.office-title{top:14%}.office-title h2{font-size:67px}}
.brand{position:relative}.brand:after{content:'';position:absolute;inset:0;background:#1c3022;mask:url('sadir-light.png') center/contain no-repeat;-webkit-mask:url('sadir-light.png') center/contain no-repeat;clip-path:inset(0 39% 0 0);opacity:0;pointer-events:none}.on-paper .brand:after{opacity:1}
.reference-grain{position:fixed;inset:-10%;z-index:100;pointer-events:none;opacity:.035;background-image:url('grain.svg');background-size:160px 160px;mix-blend-mode:multiply}.scene-intro .reference-grain{display:none}
.contact-arrival>h2{top:95px}.phones-canvas{inset:0}.contact-arrival{height:100svh;min-height:720px}
@media(max-width:560px){.contact-arrival>h2{top:105px}.phones-canvas{inset:0}.contact-arrival{height:780px;min-height:780px}}
.office-title{top:5%}.site-header.on-paper{color:#273427;background:#f2ecd9dc;border-bottom-color:#24332522}.on-paper .header-contact,.on-paper .menu-toggle{color:#273427;background:transparent}.on-paper .replay-intro{color:#273427}
@media(min-width:561px) and (max-width:900px){.contact-arrival>h2{top:100px}.office-title{top:14%}}
.work-section{padding:0;min-height:0;background:radial-gradient(ellipse at 50% 110%,#576c89,#242a48 58%,#080b17);height:100svh;min-height:720px}.work-room{height:100%;padding:0;max-width:none;background:none}.work-top{position:absolute;top:110px;inset-inline:7%;min-height:0;padding:0}.work-top h2{font-size:clamp(30px,3.9vw,54px);line-height:1.4;margin:10px 0 3px}.work-top .eyebrow{font-size:12px;color:#b4bdd0}.work-top #work-credit{display:inline;font-size:16px;color:#e7e2d0}.film-open{display:inline-table;font-size:16px;margin:0 14px 0 0}.film-stage{position:absolute;inset:235px 0 95px;height:auto;min-height:320px;width:100%}.film-controls{position:absolute;bottom:45px;left:5%;right:5%;margin:0;justify-content:space-between}.film-controls>.glass{border-radius:3px;min-height:40px;min-width:58px;padding:8px 15px;background:#070c17bd;box-shadow:inset 0 1px 1px #fff2;backdrop-filter:none}.film-dots{opacity:0;pointer-events:none}.film-hint{display:table;position:absolute;bottom:52px;left:50%;transform:translateX(-50%);margin:0;font-family:var(--display);font-size:17px;color:#ece5ce;white-space:nowrap}
@media(max-width:760px){.work-section{height:100svh;min-height:700px}.work-top{top:120px;inset-inline:6%}.work-top h2{font-size:30px}.work-top #work-credit,.film-open{font-size:13px}.film-stage{top:235px;bottom:110px;min-height:300px}.film-controls{bottom:55px}.film-hint{font-size:14px;bottom:62px}}
@media(min-width:561px){.hero-copy{width:41%;max-width:41%}.hero h1{font-size:clamp(30px,5.1vw,88px)}}
.presenter-left{background-image:url('presenter-left.png')}.presenter-right{background-image:url('presenter-right.png')}

.menu-toggle span{background:currentColor}
@media(max-width:760px){.on-paper .menu-toggle{border-color:#33432c66;box-shadow:inset 0 1px 1px #fff9,0 3px 10px #23493612}.on-paper .main-nav{color:#273427;background:linear-gradient(145deg,#f9f5e4ed,#dcdccaec);border-color:#33432c44}.on-paper .main-nav a{color:inherit}}

/* Keep the opening camera on screen until the screen dolly completes */
.opening{height:185svh;min-height:1200px}.hero{position:sticky;top:0}.hero-copy{transform:translateY(calc(var(--progress)*-65px));opacity:clamp(0,calc(1 - var(--progress)*3.5),1)}.scene-intro .hero-copy{opacity:var(--intro-reveal,0)}
@media(max-width:560px){.opening{height:190svh;min-height:1360px}}
@media(prefers-reduced-motion:reduce),(max-height:559px){.opening{height:auto;min-height:0}.hero{position:relative}.hero-copy{transform:none;opacity:1}}
.scene-loader{display:none;position:fixed;bottom:35px;left:35px;z-index:70;font-size:12px;color:#e7e5cf;align-items:center;gap:14px}.scene-pending .scene-loader{display:flex}.scene-loader i{width:18px;height:18px;border:1px solid #eee6cf44;border-top-color:#eee6cf;border-radius:50%;animation:scene-load 1s linear infinite}@keyframes scene-load{to{transform:rotate(360deg)}}
/* Views stay quiet and easy to scan */
.social-stats{max-width:none;display:flex;justify-content:center;margin:0 auto}.social-stat{display:inline-flex;flex-direction:row;gap:8px;align-items:baseline;min-width:0;padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.social-stat b{font-family:ui-sans-serif,system-ui,sans-serif;font-size:20px;line-height:1.5;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0;margin:0}.social-stat small{font-family:var(--sans);font-size:13px;color:#c0cbb8}.social-current h3{margin-bottom:10px}.social-controls{margin-top:26px}
/* Two clear email choices with a primary business address */
.contact-details{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.8fr);gap:60px;max-width:1000px;padding-top:40px;margin-inline:auto;text-align:right}.contact-label{font-size:14px;color:#bec9b3;margin-bottom:18px}.email-options{grid-column:auto;grid-row:auto}.contact-details .email-card{display:block;width:100%;max-width:100%;margin:0;border-radius:22px;padding:22px 25px;text-decoration:none;text-align:right;min-width:0}.email-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:1.7;color:#c5cfbb}.email-card-top>span{display:flex;align-items:center;gap:9px}.email-card-top svg{width:18px;height:18px;flex:none}.email-card b{display:block;font-family:var(--sans);font-weight:400;line-height:1.8;font-size:clamp(18px,2.2vw,26px);margin-top:10px;text-align:left;overflow-wrap:anywhere}.contact-details .email-primary{background:linear-gradient(145deg,#adc8b128,#6b927b0b);border-color:#c5d1bb66}.contact-details .email-secondary{margin-top:12px;padding:17px 25px;background:linear-gradient(145deg,#ffffff0c,#ffffff03);border-color:#e8e9cb26}.email-secondary b{font-size:clamp(14px,1.55vw,18px);color:#c3c9ba;margin-top:7px}.contact-channels .channel-card{display:flex;justify-content:space-between;width:100%;border-radius:20px;padding:18px 22px;min-height:72px;font-family:var(--display);font-size:25px}.channel-card+.channel-card{margin-top:12px}.channel-card svg{width:20px;height:20px}
@media(max-width:760px){.contact-details{grid-template-columns:1fr;gap:30px;padding-top:30px;margin-top:35px}.contact-details .email-card{padding:20px;border-radius:20px}.email-card b{font-size:23px}.email-secondary b{font-size:clamp(14px,3.8vw,17px)}.contact-channels{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-channels .contact-label{grid-column:1/-1;margin-bottom:0}.contact-channels .channel-card{font-size:23px;min-height:68px;padding:16px}.channel-card+.channel-card{margin:0}.social-stat b{font-size:19px}.social-stat small{font-size:12px}}
.presenter-left{background-image:url('mascot-left-formal.png')}.presenter-right{background-image:url('mascot-right-formal.png')}.presenter{max-width:325px;width:25%;height:570px;filter:drop-shadow(0 20px 12px #192a1b0c)}.presenter-left{left:1%}.presenter-right{right:1%}
@media(max-width:560px){.presenter{width:43%;height:280px}.presenter-left{left:1%}.presenter-right{right:1%}}

.contact-details .email-card-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#c5cfbb}.contact-details .email-card-top>span{display:flex;align-items:center;gap:9px;font-size:12px;color:inherit}.contact-details .channel-card>span{font-size:inherit;color:inherit;display:block}.contact-channels .channel-card{margin-top:0}.contact-channels .channel-card+.channel-card{margin-top:12px}
@media(max-width:760px){.contact-channels .channel-card+.channel-card{margin-top:0}}

.scene-pending .computer-scene{visibility:hidden}

.presenter-right{transform:scaleX(-1)}

/* A shared physical direction for RTL reel controls. */
.film-controls{justify-content:center;gap:18px}.film-dots,.social-dots{display:none}.film-hint{bottom:14px}.reel-counter{display:flex;align-items:center;justify-content:center;min-width:78px;min-height:40px;color:#ece6cf;font:400 14px/1.5 var(--sans);font-variant-numeric:tabular-nums;direction:rtl;unicode-bidi:isolate}.film-controls button.reel-arrow,.social-controls button.reel-arrow{width:48px;min-width:48px;height:48px;min-height:48px;flex:none;display:grid;place-items:center;padding:0;border-radius:50%;background:linear-gradient(150deg,#ffffff22,#ffffff09);border:1px solid #eff2dc70;border-top-color:#ffffe5cc;box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 3px #fff2,0 5px 18px #0002;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.reel-arrow svg{width:21px;height:21px;stroke-width:1.5}.reel-arrow:active{transform:scale(.95)}

.replay-mobile{display:none}.scene-pending .intro-skip{display:inline-flex}.scene-pending .scene-loader{bottom:90px}
@media(prefers-reduced-motion:reduce){.scene-intro .hero-copy{opacity:0}}

.client-gallery{display:contents}

/* Keep the brand above the intro scene from the first paint. */
.scene-pending .site-header,.scene-intro .site-header{z-index:85;opacity:1;pointer-events:none;background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.scene-pending .site-header>:not(.brand),.scene-intro .site-header>:not(.brand){visibility:hidden}
.site-header .brand{display:block;flex:0 0 auto;opacity:1;visibility:visible}

/* Keep the CSS fallback ring spaced correctly as the portfolio grows */
.film-stage{--radius:calc(var(--card) * 1.374)}