@font-face{font-family:InterLocal;src:local(Arial)}:root{--ink:#080808;--paper:#f4f1e8;--acid:#caff48;--coral:#ff6245;--lilac:#9a83ff;--pink:#ef74d5;--green:#27d878;--p:0;--mx:0;--my:0}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:InterLocal,Arial,sans-serif;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.grain{position:fixed;z-index:80;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#ambient{position:fixed;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7}.loader{position:fixed;z-index:500;inset:0;display:grid;place-items:center;background:#ebe8df;color:#080808;transition:clip-path 1.1s cubic-bezier(.76,0,.24,1);clip-path:inset(0 0 0 0)}.loader.done{clip-path:inset(0 0 100% 0);pointer-events:none}.loader-mark{position:relative;width:120px;height:120px;display:grid;place-items:center;border:1px solid #111;border-radius:50%}.loader-mark span{font-size:44px;font-weight:900}.loader-mark i{position:absolute;inset:-8px;border:2px dashed var(--coral);border-radius:50%;animation:rotateOnly 4s linear infinite}.loader-copy{position:absolute;left:4vw;bottom:4vw;display:grid;gap:6px}.loader-copy b{letter-spacing:.2em}.loader-copy small{font:9px monospace}.loader-count{position:absolute;right:4vw;bottom:4vw;font-size:50px;font-weight:800}.loader-line{position:absolute;left:4vw;right:4vw;bottom:2.6vw;height:1px;background:#0002}.loader-line i{display:block;width:0;height:100%;background:#000;transition:width .2s}.cursor{position:fixed;z-index:450;left:-28px;top:-28px;width:56px;height:56px;border:1px solid var(--acid);border-radius:50%;display:grid;place-items:center;pointer-events:none;mix-blend-mode:difference;transition:width .3s,height .3s,margin .3s,background .3s}.cursor span{font:0 monospace;color:#080808}.cursor.big{width:92px;height:92px;margin:-18px;background:var(--acid);mix-blend-mode:normal}.cursor.big span{font-size:9px}.sound-toggle{position:fixed;z-index:90;right:26px;bottom:24px;display:flex;align-items:end;gap:3px;padding:10px 13px;border:1px solid #ffffff35;border-radius:99px;background:#090909b8;color:#fff;backdrop-filter:blur(15px);cursor:pointer}.sound-toggle i{width:2px;height:5px;background:var(--acid);animation:bars .8s ease-in-out infinite alternate}.sound-toggle i:nth-child(2){height:11px;animation-delay:.2s}.sound-toggle i:nth-child(3){height:8px;animation-delay:.4s}.sound-toggle span{margin-left:7px;font:8px monospace}.sound-toggle.muted i{animation:none;height:3px;background:#777}.site-header{position:fixed;z-index:100;left:50%;top:18px;width:min(1500px,95vw);transform:translateX(-50%);display:flex;align-items:center;padding:7px 0;transition:.55s cubic-bezier(.16,1,.3,1)}.site-header.compact{width:min(1050px,calc(100% - 26px));padding:8px 10px;border:1px solid #fff9;border-radius:18px;background:#d9d9dce8;color:#090909;box-shadow:0 22px 70px #0005;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.16em}.brand i{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:var(--coral);color:#fff;font-style:normal;font-size:20px;font-weight:900}.site-header nav{margin:auto;display:flex;gap:4px}.site-header nav a{padding:13px 16px;border-radius:99px;color:#ffffff9f;font-size:12px;transition:.3s}.site-header nav a:hover{color:#fff;background:#ffffff10}.site-header.compact nav a{color:#111;background:#fff}.pill{display:inline-flex;align-items:center;gap:18px;padding:7px 7px 7px 20px;border-radius:99px;background:var(--coral);color:#fff;font-size:12px;font-weight:800;will-change:transform}.pill i{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#ffffff35;font-style:normal;transition:.4s}.pill:hover i{transform:rotate(45deg)}.menu-button{display:none;width:43px;height:43px;border:0;border-radius:50%;background:#111;position:relative}.menu-button span{position:absolute;left:12px;right:12px;height:1px;background:#fff}.menu-button span:first-child{top:17px}.menu-button span:last-child{top:24px}.menu-panel{position:fixed;z-index:300;inset:0;padding:5vw;background:var(--acid);color:#090909;clip-path:circle(0 at calc(100% - 45px) 45px);pointer-events:none;transition:clip-path 1s cubic-bezier(.76,0,.24,1)}.menu-panel.open{clip-path:circle(150% at calc(100% - 45px) 45px);pointer-events:auto}.menu-close{position:absolute;right:4vw;top:4vw;width:54px;height:54px;border:1px solid #111;border-radius:50%;background:transparent;font-size:28px;cursor:pointer}.menu-meta{display:flex;justify-content:space-between;font:9px monospace}.menu-panel nav{width:min(900px,80vw);margin:9vh auto 0;display:grid}.menu-panel nav a{display:grid;grid-template-columns:55px 1fr;align-items:center;border-bottom:1px solid #1113;overflow:hidden}.menu-panel nav i{font:9px monospace}.menu-panel nav span{font-size:clamp(48px,7vw,105px);line-height:1.05;letter-spacing:-.07em;transition:.35s}.menu-panel nav a:hover span{transform:translateX(22px);font-family:Georgia,serif;font-style:italic}.menu-mail{position:absolute;left:5vw;bottom:4vw;border-bottom:1px solid}.cinema{height:570vh;position:relative}.stage{position:sticky;z-index:2;top:0;height:100vh;overflow:hidden;background:radial-gradient(circle at calc(70% + var(--mx)*40px) calc(35% + var(--my)*35px),#7668ff24,transparent 30%),radial-gradient(circle at 10% 95%,#ff62451a,transparent 28%),var(--ink)}.stage-grid{position:absolute;inset:0;opacity:.07;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle,#000,transparent 78%)}.stage-progress{position:absolute;z-index:25;left:25px;top:50%;transform:translateY(-50%);display:grid;justify-items:center;gap:12px;font:8px monospace;color:#ffffff6e}.stage-progress div{display:grid;gap:12px}.stage-progress i{width:5px;height:5px;border:1px solid #fff8;border-radius:10px;transition:.45s}.stage-progress i.on{height:55px;background:var(--acid);border-color:var(--acid)}.scene{position:absolute;inset:0;opacity:0;pointer-events:none;will-change:opacity,transform,filter}.hero-scene{opacity:1}.eyebrow{font:9px monospace;letter-spacing:.17em;text-transform:uppercase}.hero-copy{position:absolute;z-index:6;left:6vw;top:49%;width:47%;transform:translateY(-50%)}.hero-copy .eyebrow{color:var(--acid)}.hero-copy h1{margin:24px 0;font-size:clamp(78px,8vw,138px);line-height:.8;letter-spacing:-.09em}.hero-copy h1 span{display:block;overflow:hidden}.hero-copy h1 em,.scene-heading h2 em,.network-copy h2 em,.resolve-scene h2 em,.channel-head h2 em{font-family:Georgia,serif;font-weight:400;color:var(--coral)}.hero-copy>p:not(.eyebrow){max-width:620px;color:#ffffff9a;line-height:1.6;font-size:15px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:28px}.hold-hint{font:8px/1.5 monospace;color:#ffffff65}.hero-object{position:absolute;z-index:5;right:4vw;top:50%;width:45vw;height:76vh;transform:translateY(-50%);perspective:1400px}.signal{position:absolute;left:50%;top:50%;width:53%;height:78%;transform:translate(-50%,-50%) rotateY(calc(var(--mx)*8deg)) rotateX(calc(var(--my)*-6deg));border-radius:140px 25px 140px 25px;cursor:pointer;outline:0;transition:filter .3s}.signal-image{position:absolute;inset:0;overflow:hidden;border-radius:inherit;box-shadow:0 50px 100px #000a,0 0 0 1px #fff4}.signal-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#07100ec9)}.signal-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.signal>span{position:absolute;z-index:8;left:21px;bottom:20px;font:8px monospace;color:var(--acid)}.signal-tiles{position:absolute;inset:0;z-index:7;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);border-radius:inherit;overflow:hidden}.signal-tiles i{border:.5px solid #ffffff16;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .6s}.signal.holding{animation:vibrate .08s linear infinite}.signal.blasted .signal-image img{transform:scale(1.16)}.signal.blasted .signal-tiles i:nth-child(1){transform:translate(-70px,-80px) rotate(-18deg)}.signal.blasted .signal-tiles i:nth-child(2){transform:translate(5px,-95px) rotate(8deg)}.signal.blasted .signal-tiles i:nth-child(3){transform:translate(75px,-55px) rotate(22deg)}.signal.blasted .signal-tiles i:nth-child(4){transform:translate(-90px,5px) rotate(-15deg)}.signal.blasted .signal-tiles i:nth-child(6){transform:translate(95px,8px) rotate(14deg)}.signal.blasted .signal-tiles i:nth-child(7){transform:translate(-60px,80px) rotate(20deg)}.signal.blasted .signal-tiles i:nth-child(8){transform:translate(0,95px) rotate(-8deg)}.signal.blasted .signal-tiles i:nth-child(9){transform:translate(70px,75px) rotate(-20deg)}.charge{position:absolute;z-index:9;inset:-18px;border:1px solid #fff2;border-radius:inherit;overflow:hidden}.charge i{display:block;width:0;height:4px;background:var(--acid);transition:width .65s linear}.signal.holding .charge i{width:100%}.orbit{position:absolute;left:50%;top:50%;border:1px solid #ffffff20;border-radius:50%;pointer-events:none}.orbit-a{width:74%;height:74%;transform:translate(-50%,-50%);animation:spin 22s linear infinite}.orbit-b{width:90%;height:90%;transform:translate(-50%,-50%);animation:spin 33s linear infinite reverse}.metric{position:absolute;z-index:8;padding:15px 17px;border-radius:17px;background:var(--paper);color:#111;box-shadow:0 25px 70px #0008;transition:transform .5s}.metric small{display:block;font:7px monospace}.metric b{display:block;margin-top:6px;font-size:30px}.metric-a{right:0;top:5%;background:var(--acid)}.metric-b{left:0;top:32%}.metric-c{right:-2%;bottom:8%;border-radius:99px;background:var(--coral)}.hero-object:hover .metric-a{transform:translate(8px,-8px)}.hero-object:hover .metric-b{transform:translate(-8px,4px)}.scroll-note{position:absolute;left:6vw;bottom:27px;display:flex;gap:10px;align-items:center;color:#ffffff69;font:8px/1.5 monospace}.scroll-note i{width:42px;height:42px;display:grid;place-items:center;border:1px solid #fff3;border-radius:50%;font-style:normal;animation:bounce 1.8s infinite}.scene-heading{position:absolute;z-index:6;left:6vw;top:13vh;width:38vw}.scene-heading .eyebrow{color:var(--coral)}.scene-heading h2,.network-copy h2,.resolve-scene h2,.channel-head h2{margin:15px 0;font-size:clamp(58px,6.4vw,108px);line-height:.84;letter-spacing:-.08em}.scene-heading>p:last-child{max-width:470px;color:#ffffff82;line-height:1.55}.card-deck{position:absolute;right:4.5vw;top:13vh;width:57vw;height:73vh;perspective:1600px}.engine-card{position:absolute;inset:0;padding:30px;border-radius:30px;display:grid;grid-template-columns:55px 1.05fr .9fr;gap:22px;color:#0a0a0a;box-shadow:0 45px 100px #0009;transform-origin:50% 110%;overflow:hidden}.engine-card>span,.engine-card small{font:9px monospace}.engine-card h3{margin:30px 0 16px;font-size:clamp(42px,4.3vw,75px);line-height:.86;letter-spacing:-.065em}.engine-card p{max-width:380px;line-height:1.5;font-size:13px}.engine-card figure{margin:0;border-radius:22px;overflow:hidden}.engine-card figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.08)}.green{background:var(--green)}.coral{background:var(--coral)}.lilac{background:var(--lilac)}.acid{background:var(--acid)}.pink{background:var(--pink)}.network-copy{position:absolute;z-index:7;left:50%;top:50%;width:76%;transform:translate(-50%,-50%);text-align:center}.network-copy .eyebrow{color:var(--acid)}.network-copy h2{font-size:clamp(65px,7.5vw,125px)}.network-copy>p:last-child{max-width:670px;margin:auto;color:#ffffff80;line-height:1.55}.network-rings i{position:absolute;left:50%;top:50%;width:45vw;height:45vw;border:1px solid #fff2;border-radius:50%;transform:translate(-50%,-50%) scale(var(--rs,1)) rotate(var(--rr,0deg))}.network-rings i:nth-child(2){width:62vw;height:62vw}.network-rings i:nth-child(3){width:80vw;height:80vw}.people-orbit{position:absolute;inset:0;animation:rotateOnly 42s linear infinite}.people-orbit img{--r:min(39vw,390px);position:absolute;left:50%;top:50%;width:58px;height:58px;border:3px solid var(--paper);border-radius:50%;object-fit:cover;transform:translate(-50%,-50%) rotate(var(--a)) translateX(var(--r)) rotate(calc(var(--a)*-1));box-shadow:0 18px 45px #0009}.network-stats{position:absolute;z-index:8;left:50%;bottom:5vh;width:min(1050px,80vw);transform:translateX(-50%);display:flex;justify-content:space-between;border-top:1px solid #fff2;padding-top:15px}.network-stats span{display:flex;align-items:end;gap:10px}.network-stats b{font-size:30px;color:var(--acid)}.network-stats small{max-width:120px;font:7px/1.4 monospace;color:#fff8}.work-scene .scene-heading{width:60vw}.cinema-cases{position:absolute;left:6vw;top:47vh;height:44vh;display:flex;gap:16px;will-change:transform}.cinema-case{width:660px;flex:none;padding:25px;border-radius:28px;display:grid;grid-template-columns:1fr .78fr;gap:20px;color:#101010;overflow:hidden;box-shadow:0 35px 80px #0006}.cinema-case small,.cinema-case span{font:8px monospace}.cinema-case h3{margin:18px 0;font-size:52px;line-height:.9;letter-spacing:-.06em}.cinema-case p{font-size:13px;line-height:1.45}.cinema-case img{width:100%;height:100%;object-fit:cover;border-radius:100px 18px 100px 18px}.cream{background:var(--paper)}.orange{background:var(--coral)}.resolve-scene{background:var(--acid);color:#0a342b;clip-path:circle(0 at 50% 50%)}.resolve-scene>div:not(.resolve-ring){position:absolute;left:50%;top:50%;width:88%;transform:translate(-50%,-50%);text-align:center}.resolve-scene h2{font-size:clamp(75px,8.5vw,145px)}.resolve-scene h2 em{color:var(--lilac)}.resolve-scene p{margin:20px auto;max-width:600px}.resolve-scene .pill{background:#0a342b;color:var(--acid)}.resolve-ring{position:absolute;width:700px;height:700px;right:-190px;top:-220px;border:1px solid #0a342b2a;border-radius:50%}.resolve-ring:before,.resolve-ring:after{content:"";position:absolute;inset:20%;border:inherit;border-radius:inherit}.resolve-ring:after{inset:44%;border:0;background:var(--coral);border-radius:50%}.trust-strip{position:relative;z-index:3;padding:55px 0;background:var(--paper);color:#111;overflow:hidden}.trust-strip>p{margin:0 5vw 30px;font:9px monospace}.marquee{border-top:1px solid #111;border-bottom:1px solid #111;padding:16px 0;overflow:hidden}.marquee div{width:max-content;display:flex;align-items:center;gap:30px;animation:marquee 28s linear infinite}.marquee span{font-size:37px;letter-spacing:-.04em}.marquee i{color:var(--coral);font-style:normal}.why{position:relative;z-index:3;display:grid;grid-template-columns:40% 60%;padding:120px 6vw;background:#111;color:var(--paper)}.why-sticky{position:sticky;top:120px;height:max-content;padding-right:7vw}.why-sticky .eyebrow{color:var(--acid)}.why-sticky h2{margin:22px 0;font-size:clamp(58px,6vw,98px);line-height:.85;letter-spacing:-.08em}.why-sticky>p:not(.eyebrow){color:#fff7;line-height:1.65}.why-sticky>a{display:inline-block;margin-top:25px;padding-bottom:6px;border-bottom:1px solid var(--acid);color:var(--acid);font-size:12px}.why-cards{display:grid;gap:55px}.why-cards article{position:relative;min-height:590px;padding:28px;border-radius:30px;background:var(--paper);color:#101010;transform-style:preserve-3d;box-shadow:0 40px 90px #0005}.why-cards article:nth-child(2){background:var(--lilac)}.why-cards article:nth-child(3){background:var(--acid)}.why-cards article>span{font:9px monospace}.why-cards img{width:100%;height:330px;margin:24px 0;object-fit:cover;border-radius:22px;filter:saturate(.8)}.why-cards h3{margin:0;font-size:53px;line-height:.9;letter-spacing:-.06em}.why-cards p{max-width:480px;line-height:1.5}.channel-lab{position:relative;z-index:3;padding:120px 0;background:var(--coral);color:#101010;overflow:hidden}.channel-head{padding:0 6vw 55px;display:flex;justify-content:space-between;align-items:end}.channel-head>div{width:60%}.channel-head .eyebrow{color:#5c1a10}.channel-head h2 em{color:var(--paper)}.channel-head>p{max-width:360px;line-height:1.5}.drag-rail{display:flex;gap:13px;width:max-content;padding:0 6vw;cursor:grab;user-select:none;will-change:transform}.drag-rail.grabbing{cursor:grabbing}.drag-rail article{width:330px;height:430px;padding:24px;border:1px solid #1114;border-radius:180px 180px 25px 25px;display:flex;flex-direction:column;justify-content:flex-end;background:#ffffff12;transition:.4s}.drag-rail article:nth-child(even){background:var(--paper)}.drag-rail article:hover{transform:translateY(-14px) rotate(1deg);background:var(--acid)}.drag-rail b{font:9px monospace;margin-bottom:auto}.drag-rail h3{margin:0 0 10px;font-size:50px;letter-spacing:-.06em}.drag-rail span{font-size:12px}footer{position:relative;z-index:4;min-height:790px;padding:90px 6vw 28px;background:#070707;overflow:hidden}#footer-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.footer-top,.footer-grid,.footer-bottom{position:relative;z-index:2}.footer-top .eyebrow{color:var(--acid)}.footer-cta{display:grid;grid-template-columns:1fr auto;align-items:end;padding:25px 0 40px;border-bottom:1px solid #ffffff30}.footer-cta span,.footer-cta em{grid-column:1;font-size:clamp(62px,7vw,120px);line-height:.8;letter-spacing:-.075em}.footer-cta em{font-family:Georgia,serif;color:var(--pink)}.footer-cta i{grid-column:2;grid-row:1/3;width:90px;height:90px;display:grid;place-items:center;border:1px solid #fff5;border-radius:50%;font-style:normal;font-size:28px;transition:.5s}.footer-cta:hover i{transform:rotate(45deg);background:var(--acid);color:#111}.footer-grid{display:grid;grid-template-columns:1.7fr .7fr .7fr 1fr;gap:50px;padding:70px 0}.footer-grid>div:first-child p{max-width:380px;color:#fff7;line-height:1.6}.footer-grid nav{display:flex;flex-direction:column;gap:13px}.footer-grid nav b,.footer-contact small{margin-bottom:12px;color:var(--lilac);font:9px monospace}.footer-grid nav a{width:max-content;color:#fff8;font-size:13px;transition:.3s}.footer-grid nav a:hover{color:var(--acid);transform:translateX(5px)}.footer-contact{display:flex;flex-direction:column;gap:15px}.footer-contact a{font-size:20px;color:var(--acid)}.footer-contact span{color:#fff7;font-size:12px}.footer-bottom{padding-top:23px;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;align-items:center;color:#fff5;font:8px monospace}.to-top{border:0;background:transparent;color:var(--acid);cursor:pointer}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotateOnly{to{transform:rotate(360deg)}}@keyframes bounce{50%{transform:translateY(7px)}}@keyframes vibrate{25%{transform:translate(-49.6%,-50.3%) rotateY(calc(var(--mx)*8deg))}75%{transform:translate(-50.4%,-49.7%) rotateY(calc(var(--mx)*8deg))}}@keyframes bars{to{height:13px}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.cursor{display:none}.site-header{width:calc(100% - 20px);padding:8px 10px;border:1px solid #fff4;border-radius:17px;background:#090909d9}.site-header nav{display:none}.site-header>.pill{display:none}.menu-button{display:block;margin-left:auto}.stage-progress{display:none}.hero-copy{top:29%;width:90%}.hero-copy h1{font-size:17vw}.hero-copy>p:not(.eyebrow){font-size:13px}.hero-actions .hold-hint{display:none}.hero-object{top:74%;right:0;width:100vw;height:48vh}.signal{width:52%;height:78%}.metric{padding:10px}.metric b{font-size:22px}.scene-heading{left:5vw;top:12vh;width:90vw}.scene-heading h2,.network-copy h2,.resolve-scene h2,.channel-head h2{font-size:13vw}.scene-heading>p:last-child{display:none}.card-deck{left:5vw;right:auto;top:44vh;width:90vw;height:50vh}.engine-card{padding:20px;grid-template-columns:34px 1fr}.engine-card figure,.engine-card p{display:none}.engine-card h3{font-size:11vw}.network-copy{width:90%}.network-copy>p:last-child{font-size:13px}.people-orbit img{--r:42vw;width:43px;height:43px}.network-stats{width:90vw}.network-stats span:nth-child(2){display:none}.work-scene .scene-heading{width:90vw}.cinema-cases{left:5vw;top:42vh;height:50vh}.cinema-case{width:88vw;grid-template-columns:1fr}.cinema-case img{display:none}.why{grid-template-columns:1fr;padding:85px 5vw}.why-sticky{position:relative;top:auto;padding:0 0 60px}.why-cards article{min-height:510px}.channel-head{align-items:flex-start;flex-direction:column}.channel-head>div{width:100%}.drag-rail article{width:280px;height:390px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-contact{grid-column:1/-1}.footer-cta i{width:65px;height:65px}.sound-toggle{right:12px;bottom:12px}}
@media(max-width:560px){.brand b{display:none}.site-header.compact .brand b{display:block}.hero-copy h1{font-size:18vw}.hero-copy>p:not(.eyebrow){max-width:93%}.signal{width:62%}.metric-a{right:4%}.metric-b{left:2%}.metric-c{right:2%}.network-stats b{font-size:24px}.why-sticky h2{font-size:15vw}.why-cards article{min-height:440px}.why-cards img{height:230px}.why-cards h3{font-size:12vw}.channel-head h2{font-size:14vw}.footer-cta span,.footer-cta em{font-size:14vw}.footer-cta i{display:none}.footer-grid{grid-template-columns:1fr}.footer-grid nav,.footer-contact{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;gap:15px}.menu-meta{flex-direction:column;gap:7px}.menu-panel nav{width:90vw;margin-top:13vh}.menu-panel nav span{font-size:15vw}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cinema{height:auto}.stage{position:relative;height:auto;overflow:visible}.scene{position:relative;min-height:100vh;opacity:1!important;transform:none!important;clip-path:none!important}.card-deck{position:relative;left:auto;right:auto;top:auto;width:90%;height:auto;margin:45vh auto 0}.engine-card{position:relative;min-height:420px;margin:15px}.people-orbit{display:none}.cinema-cases{position:relative;left:auto;top:auto;overflow:auto;padding:45vh 5vw 5vw}.resolve-scene{clip-path:none}.cursor{display:none}}


/* === Imported exact Unik Ads Why section === */
/* Section Four — Why Madrivo only. Uses the supplied imagery. */
.s4-why{--ink:#371640;--pink:#f2d7f1;--accent:#e96be4;--violet:#4f66ff;position:relative;padding:105px 0;background:var(--pink);color:var(--ink);overflow:hidden}.s4-wrap{width:min(1180px,84vw);margin:auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:6vw;align-items:center}.s4-visual{position:relative;height:570px;perspective:1100px}.s4-frame{position:absolute;left:50%;top:50%;width:390px;height:510px;transform:translate(-50%,-50%);border-radius:26px 110px 26px 110px;overflow:hidden;box-shadow:0 30px 65px #37164026}.s4-frame img{width:100%;height:100%;object-fit:cover}.s4-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 65%,#37164024)}.s4-card{position:absolute;z-index:3;border-radius:16px;box-shadow:0 18px 42px #3716402b;will-change:translate,rotate;animation:s4Float 6s ease-in-out infinite}.s4-message{left:0;top:22px;width:195px}.s4-new{right:-8px;top:112px;width:205px;animation-delay:-1.3s}.s4-roas{right:20px;bottom:20px;width:135px;animation-delay:-2.7s}.s4-waiting{left:-4px;bottom:70px;width:225px;animation-delay:-4s}.s4-orbit{position:absolute;left:50%;top:50%;width:520px;height:520px;transform:translate(-50%,-50%);border:1px solid #4f66ff22;border-radius:50%;animation:s4Spin 24s linear infinite}.s4-orbit:after{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:#d9ff62;box-shadow:0 0 16px #d9ff62}.s4-kicker{margin:0;font:10px monospace;letter-spacing:.16em;text-transform:uppercase;color:#7a5b7c}.s4-copy h2{margin:20px 0 30px;font-size:clamp(48px,4.5vw,68px);line-height:.92;letter-spacing:-.065em}.s4-copy h2 em{font-family:Georgia,serif;font-weight:400;color:var(--violet)}.s4-reason{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:16px 0;border-top:1px solid #37164022}.s4-reason>span{width:24px;height:24px;display:grid;place-items:center;border:2px solid var(--accent);border-radius:6px;color:var(--accent);font-size:13px}.s4-reason h3{margin:0 0 6px;font-size:18px}.s4-reason p{margin:0;color:#735c74;font-size:13px;line-height:1.5}.s4-reveal{opacity:0;transform:translateY(36px);transition:opacity .9s,transform 1s cubic-bezier(.16,1,.3,1)}.s4-reveal.is-visible{opacity:1;transform:none}
@keyframes s4Float{50%{transform:translateY(-9px)}}@keyframes s4Spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:950px){.s4-wrap{grid-template-columns:1fr;gap:55px}.s4-visual{height:560px}.s4-copy{max-width:720px}}
@media(max-width:650px){.s4-why{padding:80px 0}.s4-wrap{width:88vw}.s4-visual{height:500px}.s4-frame{width:300px;height:430px}.s4-orbit{width:430px;height:430px}.s4-message{width:150px}.s4-new{width:150px;right:-4px}.s4-roas{width:100px}.s4-waiting{width:170px}.s4-copy h2{font-size:13vw}.s4-reason{padding:15px 0}.s4-reason h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.s4-card,.s4-orbit{animation:none!important}.s4-reveal{opacity:1;transform:none}}


/* FINAL: #A290B7 theme and timed dropdown reasons. */
.s4-why{--ink:#25172f;--pink:#a290b7;--accent:#6d0808;--violet:#fff3ea;background:#a290b7;color:#25172f}
.s4-kicker{color:#4f365d}
.s4-copy h2{color:#25172f;font-size:clamp(38px,3.1vw,48px);line-height:.96}
.s4-copy h2 em{color:#fff3ea;text-shadow:0 1px 0 #ffffff33}
.s4-reason{position:relative;cursor:pointer;align-items:start;transition:background .3s,padding .35s,border-color .3s}
.s4-reason:hover,.s4-reason.is-open{background:#ffffff18;border-color:#ffffff40;padding-left:12px;padding-right:12px}
.s4-reason>span{border-color:#6d0808;color:#6d0808;transition:transform .35s,background .35s,color .35s}
.s4-reason.is-open>span{transform:rotate(45deg);background:#6d0808;color:#fff3ea}
.s4-reason h3{color:#25172f;margin:1px 0 0}
.s4-reason p{max-height:0;margin:0;overflow:hidden;opacity:0;transform:translateY(-6px);color:#493755;transition:max-height .48s cubic-bezier(.16,1,.3,1),opacity .3s,transform .4s,margin .4s}
.s4-reason.is-open p{max-height:110px;margin-top:8px;opacity:1;transform:none}
@media(max-width:650px){.s4-copy h2{font-size:10.6vw}.s4-reason.is-open p{max-height:150px}}


/* FINAL UNIFIED THEME: warm neutral section with orange interaction accents. */
.s4-why{--ink:#111318;--pink:#f3eee4;--accent:#ff4b12;--violet:#ff4b12;background:#f3eee4;color:#111318}
.s4-kicker{color:#8f4b35}
.s4-copy h2{color:#111318}
.s4-copy h2 em{color:#ff4b12;text-shadow:none}
.s4-reason{border-color:#1113181c}
.s4-reason:hover,.s4-reason.is-open{background:#ff4b120d;border-color:#ff4b1230}
.s4-reason>span{border-color:#ff4b12;color:#ff4b12}
.s4-reason.is-open>span{background:#ff4b12;color:#fff}
.s4-reason h3{color:#111318}
.s4-reason p{color:#625d59}
.s4-orbit{border-color:#ff4b1220}
.s4-orbit:after{background:#ff4b12;box-shadow:0 0 16px #ff4b1270}


/* FINAL: restore the original orange theme for the imported Why section. */
.s4-why{background:var(--coral);}
.s4-kicker{color:#fff;}
.s4-copy h2 em{color:#fff;text-shadow:none;}
.s4-reason:hover,.s4-reason.is-open{background:#ffffff18;border-color:#ffffff66;}
.s4-reason>span{border-color:#fff;color:#fff;}
.s4-reason.is-open>span{background:#fff;color:var(--coral);}
.s4-orbit{border-color:#ffffff45;}
.s4-orbit:after{background:#fff;box-shadow:0 0 16px #ffffff90;}


/* FINAL: match the larger heading and reason typography from the reference. */
.s4-kicker{font-size:11px;}
.s4-copy h2{font-size:clamp(54px,4.2vw,68px);line-height:.92;}
.s4-reason h3{font-size:26px;line-height:1.15;}
.s4-reason p{font-size:18px;line-height:1.55;}
.s4-reason.is-open p{max-height:140px;}
@media(max-width:650px){
  .s4-copy h2{font-size:13vw;}
  .s4-reason h3{font-size:20px;}
  .s4-reason p{font-size:15px;}
  .s4-reason.is-open p{max-height:170px;}
}


/* FINAL: populate the existing Why card layout with five service cards. */
.why-sticky h2 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:700;color:var(--coral);}
.why-cards article:nth-child(4){background:var(--coral);}
.why-cards article:nth-child(5){background:var(--pink);}
.why-cards article h3{width:100%;max-width:none;white-space:nowrap;font-size:clamp(18px,2.35vw,45px);letter-spacing:-.055em;}
@media(max-width:650px){
  .why-cards article h3{font-size:clamp(14px,4vw,18px);letter-spacing:-.04em;}
}


/* FINAL: show each service image completely and keep descriptions within two lines. */
.why-cards article img{object-fit:contain;object-position:center top;background:#fff;}
.why-cards article p{width:100%;max-width:none;font-size:clamp(16px,1.15vw,20px);line-height:1.45;}
@media(max-width:650px){
  .why-cards article p{font-size:15px;line-height:1.4;}
}


/* FINAL: stronger service-card headings and readable two-line descriptions. */
.why-cards article h3{font-weight:800;}
.why-cards article p{width:100%;max-width:none;font-size:clamp(18px,1.35vw,23px);line-height:1.45;}
@media(max-width:650px){
  .why-cards article p{font-size:16px;line-height:1.4;}
}


/* FINAL: reference hero copy with the existing Unik Ads theme. */
.hero-copy h1{font-size:clamp(82px,8.4vw,150px);}
.hero-copy>p:not(.eyebrow){max-width:760px;color:#ffffffe0;font-size:clamp(18px,1.15vw,21px);line-height:1.5;}
.hero-actions .hero-secondary{background:transparent;color:var(--coral);border:1px solid var(--coral);}
.hero-actions .hero-secondary i{background:var(--coral);color:#111;}
@media(max-width:650px){
  .hero-copy h1{font-size:18vw;}
  .hero-copy>p:not(.eyebrow){max-width:93%;font-size:15px;line-height:1.5;}
  .hero-actions{flex-wrap:wrap;gap:12px;}
}


/* FINAL: hero spacing, contained copy, first-step-only header, and light-orange Why accents. */
.hero-copy h1{letter-spacing:-.055em;}
.hero-copy>p:not(.eyebrow){max-width:690px;}
.site-header,
.site-header.compact{
  position:absolute;
  width:min(1500px,95vw);
  padding:7px 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  box-shadow:none;
  backdrop-filter:none;
}
.site-header.compact nav a{color:#ffffff9f;background:transparent;}
.site-header.compact nav a:hover{color:#fff;background:#ffffff10;}
.s4-kicker{color:#ffbf9b;}
.s4-copy h2 em{color:#ffbf9b;text-shadow:none;}
.s4-reason>span{border-color:#ffbf9b;color:#ffbf9b;}
.s4-reason.is-open>span{background:#ffbf9b;color:var(--coral);}
.s4-reason p,
.s4-reason.is-open p{color:#fff;}
@media(max-width:650px){
  .hero-copy h1{letter-spacing:-.045em;}
  .hero-copy>p:not(.eyebrow){max-width:93%;}
  .site-header,
  .site-header.compact{width:calc(100% - 20px);padding:8px 10px;background:transparent;}
}


/* FINAL MOBILE RESPONSIVE PASS: preserve the desktop design while fitting every section cleanly. */
@media (max-width:900px){
  html,body{max-width:100%;overflow-x:hidden;}
  .cinema{height:570svh;}
  .stage{height:100svh;min-height:620px;}
  .site-header,.site-header.compact{top:10px;left:50%;width:calc(100% - 20px);padding:7px 8px;transform:translateX(-50%);}
  .scene-heading{top:11svh;}
  .card-deck{top:43svh;height:50svh;}
  .why{padding:90px 5vw;}
  .why-cards{gap:34px;}
  .why-cards article{min-height:0;}
  .s4-wrap{width:90vw;}
}
@media (max-width:650px){
  .brand b,.site-header.compact .brand b{display:block;font-size:10px;letter-spacing:.13em;}
  .brand{gap:8px;}
  .brand i{width:40px;height:40px;border-radius:11px;font-size:18px;}
  .menu-button{width:40px;height:40px;flex:0 0 40px;}
  .menu-button span{left:11px;right:11px;}
  .site-header,.site-header.compact{min-height:54px;}

  .hero-copy{left:5vw;top:30%;width:90vw;}
  .hero-copy .eyebrow{font-size:8px;}
  .hero-copy h1{margin:14px 0;font-size:clamp(56px,17vw,72px);line-height:.84;}
  .hero-copy>p:not(.eyebrow){max-width:100%;font-size:14px;line-height:1.45;}
  .hero-actions{margin-top:16px;gap:8px;flex-wrap:nowrap;}
  .hero-actions .pill{gap:8px;padding:6px 6px 6px 13px;font-size:10px;white-space:nowrap;}
  .hero-actions .pill i{width:31px;height:31px;}
  .hero-object{top:75%;right:0;width:100vw;height:42svh;}
  .signal{width:min(58vw,220px);height:82%;}
  .metric{padding:8px 10px;border-radius:13px;}
  .metric small{font-size:6px;}
  .metric b{margin-top:4px;font-size:18px;}
  .metric-a{right:3%;top:3%;}.metric-b{left:2%;top:34%;}.metric-c{right:2%;bottom:4%;}
  .scroll-note{left:5vw;bottom:16px;}

  .scene-heading{left:5vw;top:10svh;width:90vw;}
  .scene-heading h2,.network-copy h2,.resolve-scene h2{font-size:clamp(43px,12.8vw,56px);line-height:.88;}
  .card-deck{left:4.5vw;top:43svh;width:91vw;height:50svh;}
  .engine-card{padding:18px;border-radius:22px;grid-template-columns:28px 1fr;gap:10px;}
  .engine-card h3{margin:17px 0 10px;font-size:clamp(36px,10.5vw,45px);line-height:.88;}
  .engine-card>span,.engine-card small{font-size:8px;}

  .network-copy{top:47%;width:88%;}
  .network-copy>p:last-child{max-width:320px;font-size:13px;line-height:1.5;}
  .people-orbit img{--r:38vw;width:40px;height:40px;border-width:2px;}
  .network-stats{bottom:3svh;width:90vw;gap:12px;}
  .network-stats span{align-items:flex-start;flex-direction:column;gap:3px;}
  .network-stats b{font-size:21px;}
  .network-stats small{font-size:6px;}

  .work-scene .scene-heading{width:90vw;}
  .cinema-cases{left:5vw;top:41svh;height:52svh;gap:12px;}
  .cinema-case{width:88vw;padding:20px;border-radius:22px;}
  .cinema-case h3{margin:14px 0;font-size:clamp(35px,10.5vw,45px);line-height:.9;}
  .cinema-case p{font-size:12px;line-height:1.45;}
  .resolve-scene>div:not(.resolve-ring){width:90%;}
  .resolve-scene h2{font-size:clamp(48px,14vw,62px);line-height:.86;}
  .resolve-scene p{max-width:310px;font-size:14px;line-height:1.5;}
  .resolve-ring{width:520px;height:520px;right:-240px;top:-170px;}

  .trust-strip{padding:38px 0;}
  .trust-strip>p{margin:0 5vw 22px;font-size:8px;}
  .marquee{padding:13px 0;}
  .marquee div{gap:22px;}
  .marquee span{font-size:28px;}

  .why{padding:72px 5vw;}
  .why-sticky{padding:0 0 34px;}
  .why-sticky h2{margin:17px 0;font-size:clamp(43px,13vw,55px);line-height:.89;}
  .why-cards{gap:26px;}
  .why-cards article{min-height:0;padding:18px;border-radius:22px;}
  .why-cards img{height:auto;aspect-ratio:16/10;margin:18px 0;border-radius:16px;}
  .why-cards article h3{font-size:clamp(13px,3.65vw,16px);line-height:1.05;white-space:nowrap;letter-spacing:-.035em;}
  .why-cards article p{margin:12px 0 2px;font-size:15px;line-height:1.45;}

  .s4-why{padding:70px 0;}
  .s4-wrap{width:90vw;gap:38px;}
  .s4-visual{height:440px;}
  .s4-frame{width:min(78vw,300px);height:400px;border-radius:22px 82px 22px 82px;}
  .s4-orbit{width:390px;height:390px;}
  .s4-message{left:0;top:18px;width:38vw;max-width:150px;}
  .s4-new{right:0;top:100px;width:38vw;max-width:150px;}
  .s4-roas{right:4px;bottom:18px;width:25vw;max-width:100px;}
  .s4-waiting{left:0;bottom:55px;width:43vw;max-width:170px;}
  .s4-copy h2{margin:16px 0 25px;font-size:clamp(43px,12.5vw,54px);line-height:.92;}
  .s4-reason{grid-template-columns:30px 1fr;gap:10px;padding:14px 0;}
  .s4-reason:hover,.s4-reason.is-open{padding-left:8px;padding-right:8px;}
  .s4-reason h3{font-size:19px;line-height:1.18;}
  .s4-reason p{font-size:14px;line-height:1.5;}
  .s4-reason.is-open p{max-height:190px;}

  footer{min-height:0;padding:70px 5vw 22px;}
  .footer-cta{padding:22px 0 32px;}
  .footer-cta span,.footer-cta em{font-size:clamp(48px,13.5vw,58px);line-height:.84;}
  .footer-grid{grid-template-columns:1fr;gap:32px;padding:45px 0;}
  .footer-grid>div:first-child,.footer-grid nav,.footer-contact{grid-column:auto;}
  .footer-grid>div:first-child p{font-size:14px;}
  .footer-contact a{font-size:17px;overflow-wrap:anywhere;}
  .footer-bottom{gap:12px;font-size:7px;}
  .sound-toggle{right:10px;bottom:10px;padding:9px 11px;}

  .menu-panel{padding:22px;}
  .menu-close{right:20px;top:20px;width:48px;height:48px;}
  .menu-meta{padding-right:62px;}
  .menu-panel nav{width:100%;margin-top:14svh;}
  .menu-panel nav a{grid-template-columns:34px 1fr;}
  .menu-panel nav span{font-size:clamp(42px,13vw,58px);line-height:1.12;}
  .menu-mail{left:22px;bottom:24px;}
}
@media (max-width:360px){
  .hero-copy{top:31%;}
  .hero-copy h1{font-size:16vw;}
  .hero-copy>p:not(.eyebrow){font-size:13px;}
  .hero-actions .pill{padding-left:10px;font-size:9px;}
  .hero-actions .pill i{width:28px;height:28px;}
  .hero-object{top:77%;height:39svh;}
  .scene-heading h2,.network-copy h2{font-size:12vw;}
  .why-cards article h3{font-size:12px;}
}
@media (hover:none){
  .why-cards article,.drag-rail article,.magnetic{transform:none;}
}


/* FINAL: slightly smaller hero heading with more breathing room between lines. */
.hero-copy h1{font-size:clamp(76px,7.6vw,136px);line-height:.88;}
@media(max-width:650px){
  .hero-copy h1{font-size:clamp(52px,15.5vw,66px);line-height:.9;}
}
@media(max-width:360px){
  .hero-copy h1{font-size:15vw;line-height:.91;}
}


/* FINAL: keep service artwork intact while removing contain-mode side gaps. */
.why-cards article img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  background:#fff;
}


/* FINAL: equal service-card media frames with no oversized images or empty side gaps. */
.why-cards article{
  height:590px;
  min-height:590px;
  overflow:hidden;
}
.why-cards article img{
  display:block;
  width:100%;
  height:330px;
  max-height:330px;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center;
  background:#fff;
}
@media(max-width:900px){
  .why-cards article{height:520px;min-height:520px;}
  .why-cards article img{height:280px;max-height:280px;}
}
@media(max-width:650px){
  .why-cards article{height:470px;min-height:470px;}
  .why-cards article img{height:220px;max-height:220px;}
}


/* FINAL: slightly taller service image frames so more of each image stays visible. */
.why-cards article{height:640px;min-height:640px;}
.why-cards article img{height:380px;max-height:380px;}
@media(max-width:900px){
  .why-cards article{height:560px;min-height:560px;}
  .why-cards article img{height:320px;max-height:320px;}
}
@media(max-width:650px){
  .why-cards article{height:500px;min-height:500px;}
  .why-cards article img{height:250px;max-height:250px;}
}


/* FINAL: make the service image boxes a little larger. */
.why-cards article{height:670px;min-height:670px;}
.why-cards article img{height:410px;max-height:410px;}
@media(max-width:900px){
  .why-cards article{height:590px;min-height:590px;}
  .why-cards article img{height:350px;max-height:350px;}
}
@media(max-width:650px){
  .why-cards article{height:525px;min-height:525px;}
  .why-cards article img{height:275px;max-height:275px;}
}

/* FINAL MOBILE-ONLY FIX: headings, footer, and guaranteed visible scenes. */
@media (max-width:650px){
  .why-sticky h2{max-width:100%;font-size:clamp(27px,8.2vw,34px);line-height:.94;letter-spacing:-.05em;white-space:nowrap}
  .s4-copy h2{max-width:100%;font-size:clamp(30px,9.2vw,38px);line-height:.94;letter-spacing:-.05em;white-space:nowrap}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:30px}
  .footer-grid>div:first-child,.footer-contact{grid-column:1/-1}
  .footer-grid nav{grid-column:auto;min-width:0}
  .footer-cta{display:block}
  .footer-cta span,.footer-cta em{display:block;width:100%;max-width:100%;font-size:clamp(25px,8.1vw,34px);line-height:.96;letter-spacing:-.045em;white-space:nowrap}

}
@media (max-width:360px){
  .scene-heading h2,.network-copy h2,.resolve-scene h2{font-size:8.6vw}
  .why-sticky h2{font-size:8vw}.s4-copy h2{font-size:9vw}
  .footer-cta span,.footer-cta em{font-size:7.9vw}
}