.reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:100;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left}.hero{min-height:760px;gap:22px}.hero-visual{height:600px;perspective:1100px;--pointer-x:0;--pointer-y:0;--scroll-depth:0}.scene-canvas{position:absolute;inset:-50px -40px -15px;pointer-events:none;z-index:0;opacity:0;transition:opacity .8s}.scene-canvas canvas{width:100%;height:100%;display:block}.scene-ready .scene-canvas{opacity:1}.hero-visual .orbit{inset:90px 2% 45px;background:radial-gradient(ellipse at 45% 48%,#ebe6d9aa,#eee9df50 60%,transparent 71%);transform:rotateX(55deg) translateY(190px) scale(1.1);border:1px solid #d6cec080}.stage-lines{position:absolute;inset:100px 0 30px;pointer-events:none;opacity:.4;z-index:-1}.stage-lines i{position:absolute;inset:30px;border:1px solid #d2ccbe;border-radius:50%;transform:rotateX(58deg) rotateZ(-15deg)}.stage-lines i:nth-child(2){inset:65px;transform:rotateX(58deg) rotateZ(15deg)}.stage-lines i:nth-child(3){inset:100px}.hero-reel{width:35%;height:335px;border:5px solid #fffaf2;box-shadow:1px 1px 0 #d5cfc1,2px 2px 0 #d5cfc1,3px 3px 0 #d5cfc1,4px 4px 0 #d5cfc1,5px 5px 0 #d5cfc1,12px 22px 23px #54462f19,20px 45px 60px #54462f14;z-index:2;transform-style:preserve-3d;will-change:transform;transition:box-shadow .3s}.reel-back{left:1%;top:177px;transform:translate3d(calc(var(--pointer-x)*-10px),calc(var(--pointer-y)*-7px + var(--scroll-depth)*-22px),25px) rotateX(calc(8deg + var(--pointer-y)*-5deg)) rotateY(calc(18deg + var(--pointer-x)*7deg)) rotateZ(-12deg)}.reel-front{right:0;top:112px;transform:translate3d(calc(var(--pointer-x)*14px),calc(var(--pointer-y)*10px + var(--scroll-depth)*-40px),65px) rotateX(calc(6deg + var(--pointer-y)*-6deg)) rotateY(calc(-20deg + var(--pointer-x)*8deg)) rotateZ(12deg)}.reel-back:hover{transform:translate3d(calc(var(--pointer-x)*-10px),calc(var(--pointer-y)*-7px - 9px + var(--scroll-depth)*-22px),40px) rotateX(5deg) rotateY(12deg) rotateZ(-9deg)}.reel-front:hover{transform:translate3d(calc(var(--pointer-x)*14px),calc(var(--pointer-y)*10px - 9px + var(--scroll-depth)*-40px),80px) rotateX(3deg) rotateY(-12deg) rotateZ(9deg)}.hero-reel:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#fff5,transparent 38%,transparent 60%,#fff1);z-index:3;pointer-events:none;mix-blend-mode:screen}.hero-label{backdrop-filter:blur(10px);background:#fffdf5d9;z-index:4;box-shadow:0 10px 20px #5548310b}.label-top{top:30px;right:1%;transform:translate3d(calc(var(--pointer-x)*-5px),calc(var(--pointer-y)*-3px),85px) rotate(6deg);font-size:10px}.label-bottom{bottom:63px;left:14%;transform:translate3d(calc(var(--pointer-x)*8px),calc(var(--pointer-y)*5px),95px) rotate(-5deg);font-size:10px}.hero-visual .visual-star{top:30px;left:18%;right:auto;bottom:auto;z-index:1;font-size:150px;line-height:1;text-shadow:2px 2px 0 #c33f2d,4px 4px 0 #b23a29,6px 6px 0 #a53c2b,12px 18px 24px #b5493429;transform:perspective(600px) rotateX(15deg) rotateY(-24deg) rotate(-15deg);transition:opacity .4s}.scene-ready .visual-star{opacity:0}.scene-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:16px;border-top:1px solid #ded9cd;color:#81796c;font-size:7px;letter-spacing:.08em;z-index:5}.scene-caption>span{display:flex;align-items:center;gap:7px}.scene-caption i{width:5px;height:5px;background:#849c7b;border-radius:50%}#motion-toggle{padding:8px 10px;border:1px solid #dad5c9;background:#f8f6f0;border-radius:20px;font-size:9px;color:#625f55;white-space:nowrap}#motion-toggle:hover{border-color:#9f9788}#motion-toggle>span{margin-right:4px}.work-card{perspective:900px;--tilt-x:0deg;--tilt-y:0deg;--shine-x:50%;--shine-y:30%}.work-media{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .25s;box-shadow:0 4px 0 #ded8cb,0 5px 0 #cfc7b9,0 15px 22px #4d42220b;backface-visibility:hidden}.work-media:hover{box-shadow:0 5px 0 #ded8cb,0 7px 0 #cfc7b9,0 25px 35px #4d42221a}.work-media:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(ellipse at var(--shine-x) var(--shine-y),#fff4,transparent 65%);transition:opacity .25s}.work-media:hover:before{opacity:1}.work-caption{padding-top:23px}.services-grid{overflow:visible;background:#f3f1e9;border-radius:12px}.service-card{perspective:600px;transition:background .25s,transform .3s,box-shadow .3s;z-index:1}.service-card:first-child{border-radius:12px 0 0 12px}.service-card:last-child{border-radius:0 12px 12px 0}.service-symbol{font-size:39px;transform:rotateX(14deg) rotateY(-20deg) rotateZ(-8deg);text-shadow:1px 1px 0 #c54431,2px 2px 0 #bf432f,3px 3px 0 #a93c2c,5px 8px 6px #8b513323;transition:transform .4s}.service-card:hover .service-symbol{transform:rotateX(-10deg) rotateY(20deg) rotateZ(5deg) translateY(-4px)}.manifesto{box-shadow:3px 3px 0 #d14a36,6px 6px 0 #bd422f,12px 22px 35px #6b362415;transform:perspective(1000px) rotateY(-8deg) rotateX(3deg) rotateZ(2deg);transition:transform .5s,box-shadow .5s}.manifesto:hover{transform:perspective(1000px) rotateY(-3deg) rotateX(0deg) rotateZ(0deg);box-shadow:3px 3px 0 #d14a36,6px 6px 0 #bd422f,18px 28px 45px #6b362419}.manifesto-star{text-shadow:2px 3px 0 #e1c8b7,4px 5px 0 #c75f49,8px 9px 12px #81302333}.portal-demo{transform:perspective(1000px) rotateY(-5deg) rotateX(3deg);box-shadow:3px 4px 0 #dce3d6,6px 8px 0 #ccd6c4,18px 23px 35px #25331a10;transition:transform .4s}.portal-demo:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.reveal-in{animation:depth-arrive .9s cubic-bezier(.2,.65,.3,1) both}@keyframes depth-arrive{from{opacity:.3;transform:perspective(1000px) translateY(25px) rotateX(4deg)}to{opacity:1;transform:perspective(1000px) translateY(0) rotateX(0)}}.motion-paused .reveal-in{animation:none}.motion-paused .hero-visual{--pointer-x:0!important;--pointer-y:0!important;--scroll-depth:0!important}.motion-paused .work-media{transform:none!important}.motion-paused .service-symbol,.motion-paused .manifesto,.motion-paused .portal-demo{transition:none}.motion-paused .manifesto:hover{transform:perspective(1000px) rotateY(-8deg) rotateX(3deg) rotateZ(2deg)}
@media(min-width:1550px){.hero-visual{height:640px}.hero-reel{height:365px}.reel-back{top:195px}.reel-front{top:123px}.label-bottom{bottom:61px}}
@media(max-width:1100px){.hero{min-height:690px}.hero-visual{height:530px}.hero-reel{height:290px;width:37%}.reel-back{left:1%;top:160px}.reel-front{right:0;top:103px}.label-top{top:30px;font-size:8px}.label-bottom{left:16%;bottom:58px;font-size:8px}.hero-visual .visual-star{font-size:125px;top:40px}.scene-caption{font-size:6px;letter-spacing:.03em}#motion-toggle{font-size:8px;padding:7px}.scene-canvas{inset:-20px -25px 0}}
@media(max-width:800px){.hero{min-height:590px}.hero-visual{height:430px}.hero-reel{width:38%;height:228px;border-width:3px}.reel-back{top:139px;left:0}.reel-front{top:83px;right:1%}.label-top{top:12px;font-size:7px;padding:9px}.label-bottom{bottom:52px;left:20%;font-size:7px;padding:8px}.hero-visual .visual-star{font-size:90px;top:37px}.scene-caption{flex-wrap:wrap;justify-content:center;gap:3px;padding-top:9px;font-size:6px}.scene-caption>span{margin-right:auto}#motion-toggle{font-size:7px}.service-card:first-child{border-radius:12px 0 0 0}.service-card:last-child{border-radius:0 0 12px 0}}
@media(max-width:600px){.hero{gap:21px;padding-bottom:26px}.hero-visual{height:445px;width:min(390px,100%)}.scene-canvas{inset:-20px -17px 10px}.hero-reel{width:36%;height:239px;border-width:4px}.reel-back{top:141px;left:2%;transform:translate3d(0,calc(var(--scroll-depth)*-10px),12px) rotateX(8deg) rotateY(15deg) rotateZ(-12deg)}.reel-front{top:85px;right:2%;transform:translate3d(0,calc(var(--scroll-depth)*-18px),25px) rotateX(5deg) rotateY(-18deg) rotateZ(10deg)}.hero-reel .reel-top{font-size:5.5px;left:8px;top:12px;letter-spacing:.6px}.hero-reel .reel-bottom{font-size:6px;left:7px;right:7px;bottom:12px;gap:3px}.hero-reel .play-circle{width:24px;height:24px;font-size:8px;flex-shrink:0}.label-top{right:0;top:18px;font-size:7px}.label-bottom{left:22%;bottom:52px;font-size:7px}.hero-visual .visual-star{font-size:105px;top:42px;left:14%}.scene-caption{font-size:6px;justify-content:space-between;gap:8px;padding-top:10px}.scene-caption>span{margin:0}#motion-toggle{font-size:8px;padding:8px}.stage-lines{inset:80px -5px 40px}.work-caption{padding-top:20px}.work-media{box-shadow:0 3px 0 #d8d0c1,0 10px 16px #4d422210}.service-card:first-child{border-radius:12px 12px 0 0}.service-card:last-child{border-radius:0 0 12px 12px}.manifesto{transform:perspective(1000px) rotateY(-4deg) rotateZ(1deg)}.portal-demo{transform:perspective(1000px) rotateY(-3deg);box-shadow:2px 3px 0 #dce3d6,4px 5px 0 #ccd6c4,12px 16px 25px #25331a0c}.reveal-in{animation-duration:.65s}}
@media(max-width:359px){.hero-visual{height:402px}.hero-reel{height:213px}.reel-back{top:126px}.reel-front{top:81px}.label-top{font-size:6px}.label-bottom{font-size:6px;bottom:48px}.scene-caption{font-size:5px}#motion-toggle{font-size:7px}.scene-canvas{inset:-20px -12px 0}}
.hero-visual .orbit{transform:none;border:0;inset:60px 0 45px}.stage-lines{overflow:hidden}.header .brand{flex-shrink:0}.header .brand small{white-space:nowrap}
@media(min-width:601px) and (max-width:800px){.scene-canvas{inset:-20px -12px 0}.reel-front{right:6%}.reel-back{left:5%}.hero-reel{width:35%}}
@media(max-width:600px){.hero-reel{width:34%}.reel-back{left:7%}.reel-front{right:7%}.scene-canvas{inset:-20px -12px 10px}.nav-cta{white-space:nowrap;flex-shrink:0;font-size:9px;gap:10px;padding:9px 10px}.nav-wrap{gap:11px}.header .brand img{width:34px;height:34px}.header .brand>span{font-size:23px}.header .brand small{font-size:5px;letter-spacing:1px}.header .brand{gap:8px}.menu-toggle{width:35px;height:35px}}
@media(max-width:359px){.header .brand img{width:29px;height:29px}.header .brand>span{font-size:21px}.header .brand small{font-size:4px}.nav-cta{font-size:8px;gap:5px;padding:8px}.nav-wrap{gap:7px}}
@media(prefers-reduced-motion:reduce){.reveal-in{animation:none!important}.hero-visual{--pointer-x:0!important;--pointer-y:0!important;--scroll-depth:0!important}.work-media{transform:none!important}}