/* A scroll-directed brand film. Native scrolling and direct navigation remain available. */
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 75% 35%,#294772 0,#14233b 65%)!important}.cinema-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.cinema-atmosphere>span{position:absolute;width:42vw;height:42vw;border-radius:50%;filter:blur(80px);opacity:.18;background:#ff9478;top:-20%;left:65%;animation:cloud-drift 18s ease-in-out infinite alternate}.cinema-atmosphere>span:nth-child(2){background:#61b7e0;top:40%;left:35%;animation-delay:-7s}.cinema-atmosphere>span:nth-child(3){background:#dfb6ff;top:5%;left:-20%;animation-delay:-12s}.cinema-grid{position:absolute;inset:-50%;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:72px 72px;transform:perspective(800px) rotateX(60deg) rotate(-15deg);animation:grid-travel 25s linear infinite;mask-image:linear-gradient(transparent,#0006,transparent)}.hero-art{transform:perspective(1200px) rotateY(var(--hero-ry,0deg)) rotateX(var(--hero-rx,0deg));transition:transform .5s ease-out}.hero-copy h1{animation:opening-title 1.25s cubic-bezier(.16,1,.3,1) both}.hero-description{animation:opening-title 1.1s .15s both}.hero-actions{animation:opening-title 1.1s .25s both}.brand-film{height:350vh;position:relative;background:#0e1c31;color:#fff;--story-progress:0;--screen-alpha:0;--phone-alpha:0;--launch-alpha:0;--core-alpha:1;--screen-x:100px;--screen-y:60px;--screen-scale:.65;--screen-angle:-15deg;--phone-y:140px;--core-scale:1;--scene-turn:0deg}.film-sticky{position:sticky;top:75px;height:calc(100svh - 75px);min-height:570px;max-height:1100px;overflow:hidden;padding:30px max(5vw,20px);display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.scene-header,.scene-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;position:relative;z-index:4}.scene-eyebrow,.scene-chapter,.scene-footer{font-size:10px;letter-spacing:2px}.scene-chapter{color:#ffb49b}.scene-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center;flex:1;min-height:0;max-width:1400px;width:100%;margin:auto}.scene-story{position:relative;min-height:350px;z-index:3}.story-frame{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;opacity:0;transform:translateY(35px);pointer-events:none;will-change:opacity,transform}.story-frame[data-frame="0"]{opacity:1;transform:none}.story-frame.is-active{pointer-events:auto}.scene-kicker{font-size:10px;letter-spacing:3px;color:#ffb49b}.story-frame h2{font-size:clamp(32px,4.4vw,69px);letter-spacing:-2.5px;line-height:1.07;margin:25px 0}.story-frame h2 span,.story-frame h2 em{display:block}.story-frame h2 em{color:#ffb49b;font-style:normal}.story-frame>p:not(.scene-kicker){color:#c0cede;line-height:1.8;font-size:15px;max-width:420px}.story-frame .btn{margin-top:22px}.scene-visual{position:relative;height:420px;perspective:1100px;min-width:0}.idea-core{position:absolute;inset:15% 0 auto;text-align:center;font-size:250px;line-height:1;color:#ffb49b;opacity:var(--core-alpha);transform:rotate(var(--scene-turn)) scale(var(--core-scale));text-shadow:0 0 90px #ff947844}.orbit-ring{position:absolute;border:1px solid #ffb49b44;border-radius:50%;width:330px;height:330px;top:10%;left:15%;transform:rotateX(55deg) rotateY(-20deg) rotate(var(--scene-turn));opacity:var(--core-alpha)}.ring-b{transform:rotateY(55deg) rotateX(20deg) rotate(var(--scene-turn));border-color:#9ed8f65c}.cinema-browser{position:absolute;width:90%;max-width:490px;inset:18px auto auto 0;border:1px solid #fff4;border-radius:14px;background:#f7f0e6;box-shadow:0 40px 100px #0007;overflow:hidden;opacity:var(--screen-alpha);transform:translate(var(--screen-x),var(--screen-y)) rotateY(var(--screen-angle)) rotateZ(-4deg) scale(var(--screen-scale));will-change:transform,opacity}.cinema-browser-bar{display:flex;justify-content:space-between;padding:12px 16px;font-size:9px;color:#4b5965;background:#e7e6e1;border-bottom:1px solid #d1d5d9}.cinema-browser-bar b{color:#e49b86;letter-spacing:2px}.cinema-browser-content{padding:25px;color:#20374c}.cinema-label{font-size:8px;letter-spacing:2px}.cinema-title{font-size:clamp(22px,2.4vw,35px);font-weight:800;letter-spacing:-1px;line-height:1.1;margin:15px 0}.cinema-photo{height:125px;border-radius:5px;background:linear-gradient(110deg,#fdc8ab,#b8ced0);position:relative;overflow:hidden}.cinema-photo:before{content:'';position:absolute;inset:35% 15% -20%;border-radius:140px 140px 0 0;background:#ef9b7d;box-shadow:60px -30px 0 #355e76,-45px 35px 0 #f5e9d9;transform:rotate(-12deg)}.cinema-mock-footer{display:flex;justify-content:space-between;margin-top:18px;font-size:8px}.cinema-phone{position:absolute;right:0;bottom:10px;width:140px;height:260px;border:5px solid #405069;background:#f0ac91;border-radius:24px;padding:20px 14px;color:#172a46;box-shadow:0 25px 55px #0006;opacity:var(--phone-alpha);transform:translateY(var(--phone-y)) rotate(8deg);will-change:transform,opacity}.cinema-phone>div{width:38px;height:7px;margin:-10px auto 38px;background:#172a46;border-radius:9px}.cinema-phone span{display:block;font-size:24px;font-weight:900;line-height:1.15;letter-spacing:-1px}.cinema-phone em{font-style:normal;color:#fff}.cinema-phone b{display:block;font-size:8px;border:1px solid #172a46;padding:10px;margin-top:22px}.cinema-chip{position:absolute;font-size:10px;padding:15px 18px;border:1px solid #ffffff33;background:#233c57dd;backdrop-filter:blur(12px);border-radius:40px;box-shadow:0 20px 50px #0003;opacity:var(--phone-alpha)}.chip-design{top:-5px;right:10px;transform:translateY(calc(var(--phone-y) * -.25))}.chip-live{bottom:15px;left:-20px;opacity:var(--launch-alpha);background:#fff;color:#183951}.chip-live>span{display:inline-block;width:7px;height:7px;background:#468267;border-radius:100%;box-shadow:0 0 0 4px #75ad8e2b}.scene-ambient{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 70% 55%,#32537988,transparent 65%)}.scene-ambient i{position:absolute;width:500px;height:500px;left:60%;top:15%;border-radius:50%;background:#db775f22;filter:blur(80px);transform:rotate(var(--scene-turn)) translateY(70px)}.scene-ambient i:nth-child(2){left:10%;background:#6f94ca22}.scene-track{flex:1;max-width:300px;height:2px;background:#ffffff25;overflow:hidden}.scene-track i{display:block;height:100%;background:#ffb49b;width:calc(var(--story-progress) * 100%)}.scene-footer a{color:#ffb49b;white-space:nowrap}.cinema-particles i{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffd0bd;left:15%;top:20%;animation:particle-orbit 9s ease-in-out infinite}.cinema-particles i:nth-child(2){left:90%;top:70%;animation-delay:-3s}.cinema-particles i:nth-child(3){left:60%;top:0;animation-delay:-5s}.cinema-particles i:nth-child(4){left:5%;top:80%;animation-delay:-7s}.cinema-particles i:nth-child(5){left:40%;top:90%;animation-delay:-2s}.motion-control{position:fixed;bottom:18px;left:18px;z-index:110;background:#14233be8;color:#fff;border:1px solid #ffffff55;border-radius:40px;padding:10px 14px;font-size:10px;backdrop-filter:blur(10px);box-shadow:0 5px 25px #0002}.projects-grid .project-card:nth-child(3n+2){--reveal-delay:100ms}.projects-grid .project-card:nth-child(3n+3){--reveal-delay:180ms}@keyframes opening-title{from{opacity:0;transform:translateY(35px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes cloud-drift{to{translate:-10vw 8vh;scale:1.2}}@keyframes grid-travel{to{background-position:0 144px,0 144px}}@keyframes particle-orbit{50%{translate:20px -35px;opacity:.25}}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important;transition:none!important}body.motion-paused .reveal-ready{opacity:1!important;transform:none!important}
body.cinema-static .brand-film{height:auto}body.cinema-static .film-sticky{position:relative;top:auto;height:auto;min-height:0;padding-block:55px}body.cinema-static .scene-layout{display:block}body.cinema-static .scene-story{display:grid;grid-template-columns:1fr 1fr;gap:35px;min-height:0;margin:30px 0}body.cinema-static .story-frame{position:static;opacity:1!important;transform:none!important;pointer-events:auto}body.cinema-static .story-frame h2{font-size:32px}body.cinema-static .scene-visual,body.cinema-static .scene-track,body.cinema-static .scene-chapter{display:none}body.cinema-static .scene-footer>span{display:none}body.cinema-static .cinema-atmosphere{display:none}
@media(max-width:760px){.brand-film{height:300vh}.film-sticky{top:65px;height:calc(100svh - 65px);min-height:600px;padding:22px}.scene-layout{grid-template-columns:1fr;gap:0;align-content:center}.scene-story{min-height:255px}.story-frame h2{font-size:36px;letter-spacing:-1.5px;margin:14px 0}.story-frame>p:not(.scene-kicker){font-size:13px;line-height:1.6;max-width:360px}.story-frame .btn{margin-top:12px;padding:11px 14px;font-size:10px}.scene-visual{height:270px;width:min(380px,100%);margin:auto}.idea-core{font-size:175px;top:12%}.orbit-ring{width:220px;height:220px;top:0}.cinema-browser{width:80%;top:0}.cinema-browser-content{padding:15px}.cinema-title{font-size:23px}.cinema-photo{height:75px}.cinema-phone{height:190px;width:100px;padding:17px 10px;bottom:5px;border-width:4px;border-radius:18px}.cinema-phone>div{margin-bottom:22px}.cinema-phone span{font-size:17px}.cinema-phone b{font-size:6px;padding:8px;margin-top:14px}.cinema-chip{font-size:8px;padding:9px 12px}.chip-design{top:-10px}.chip-live{left:0;bottom:0}.scene-header,.scene-footer{font-size:8px;letter-spacing:1px}.scene-footer>span{display:none}.scene-track{max-width:120px}body.cinema-static .scene-story{grid-template-columns:1fr}.motion-control{bottom:10px;left:10px;font-size:9px}}@media(max-height:720px) and (min-width:761px){.film-sticky{min-height:480px}.scene-visual{height:340px}.scene-story{min-height:300px}.story-frame h2{font-size:45px}.cinema-browser{scale:.85;transform-origin:top left}.cinema-phone{scale:.85;transform-origin:bottom right}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.hero-art{transform:none!important}}
body:not(.cinema-ready) .brand-film{height:auto}body:not(.cinema-ready) .film-sticky{position:relative;top:auto;height:auto;min-height:0;padding-block:50px}body:not(.cinema-ready) .scene-layout{display:block}body:not(.cinema-ready) .scene-story{display:grid;grid-template-columns:1fr 1fr;gap:30px}body:not(.cinema-ready) .story-frame{position:static;opacity:1;transform:none;pointer-events:auto}body:not(.cinema-ready) .scene-visual,body:not(.cinema-ready) .scene-track,body:not(.cinema-ready) .scene-footer>span,body:not(.cinema-ready) .scene-chapter{display:none}body:not(.cinema-ready) .motion-control{display:none}@media(max-width:760px){body:not(.cinema-ready) .scene-story{grid-template-columns:1fr}}
@media(max-height:650px) and (max-width:760px){.film-sticky{min-height:0;padding-block:15px}.scene-story{min-height:210px}.scene-visual{height:190px;max-width:300px}.story-frame h2{font-size:29px}.story-frame>p:not(.scene-kicker){font-size:11px}.cinema-browser{scale:.82;transform-origin:top left}.cinema-phone{scale:.72;transform-origin:bottom right}.idea-core{font-size:140px}.orbit-ring{width:170px;height:170px}.scene-header{font-size:8px}.scene-kicker{font-size:8px}.story-frame .btn{font-size:9px;padding:9px 12px}}