.service-journey{height:380svh;position:relative}.service-stage,.brand-stage{position:sticky;top:86px;height:calc(100svh - 86px);overflow:hidden;background:#080e12}.spatial-heading{position:absolute;top:7%;left:8vw;right:8vw;z-index:3}.spatial-heading h2{font-size:clamp(30px,3.6vw,54px)}.spatial-heading .eyebrow{font-size:11px;margin-bottom:14px}.spatial-heading>p:last-child{font-size:14px;margin-top:12px}.spatial-field{position:absolute;inset:0;width:100%;height:100%;opacity:.7}.service-slides{position:absolute;inset:30% 8vw 14%;perspective:1000px}.service-slides article{position:absolute;inset:0;display:grid;grid-template-columns:160px 1fr 140px;gap:35px;align-content:center;transform-style:preserve-3d}.service-slides article>span{font-size:12px;color:var(--mint);padding-top:15px;letter-spacing:.13em}.service-slides article h3{font-size:clamp(28px,3.8vw,57px);line-height:1.45;margin-bottom:24px;max-width:850px}.service-slides article p{max-width:730px;color:#c1cfca;font-size:18px;line-height:1.95}.service-slides article b{font-size:110px;font-weight:300;color:#7cc39a;text-align:center;text-shadow:0 0 45px #2f8f6250}.service-track{position:absolute;left:8vw;right:8vw;bottom:9%;height:1px;background:#ffffff20}.service-track i{display:block;height:2px;background:var(--mint);transform-origin:left;transform:scaleX(0)}
.brand-journey{height:600svh;position:relative}.brand-stage{background:radial-gradient(ellipse at center,#17322d 0%,#080e12 70%)}.brand-space{position:absolute;inset:27% 0 0;perspective:900px;perspective-origin:50% 45%;overflow:hidden}.brand-plane{position:absolute;width:290px;height:360px;left:calc(50% - 145px);top:calc(50% - 180px);transform-style:preserve-3d;border:1px solid #b2e0c660;background:#12231c;box-shadow:0 0 35px #0008;will-change:transform,opacity}.brand-plane img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.brand-plane::after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#d0ffdf22,transparent 60%);pointer-events:none}.brand-caption{position:absolute;bottom:5%;left:8vw;color:var(--mint);font-size:14px;z-index:3;background:#080e12c9;padding:10px 15px}.gallery-jump{position:absolute;bottom:5%;right:8vw;z-index:4;color:var(--mint);font-size:13px;padding:10px 0;border-bottom:1px solid #a8dabc60}.all-work{padding:30px 8vw 65px;border-top:1px solid var(--line);background:#080e12}.all-work>summary{cursor:pointer;font-size:16px;color:var(--mint);padding:12px 0}.all-work .project-grid{padding-top:35px}.about{position:relative;background:#0b171b}.about figure{transform:translateY(var(--portrait-shift,0px));transition:transform .1s linear}.about h2{font-size:clamp(30px,4vw,57px)}
.choice-section{position:relative;padding:100px 5vw 20px;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#123b5d70,transparent 70%),#080e12;border-top:1px solid var(--line)}.choice-section .heading{text-align:center;margin-bottom:0}.choice-section .heading>p:last-child{margin-top:20px}.hand-choices{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1450px;margin:0 auto}.hand-choice{height:610px;position:relative;perspective:1000px}.hologram-hand{position:absolute;bottom:-20px;left:-10%;width:120%;height:auto;pointer-events:none;filter:drop-shadow(0 0 18px #2f8f6230);transform:translateY(var(--hand-shift,0px))}.hand-choice:nth-child(2) .hologram-hand{transform:translateY(var(--hand-shift,0px)) scaleX(-1)}.holo-card{position:absolute;top:65px;left:13%;width:74%;min-height:220px;display:flex;flex-direction:column;justify-content:center;padding:30px;border:1px solid #b2ebd4a0;border-radius:10px;background:linear-gradient(140deg,#183c35ee,#0c192bee);box-shadow:0 0 22px #6ec79530,inset 0 0 30px #6ec7950b;transform:rotateY(9deg) rotateX(8deg) translateY(var(--card-shift,0px));transition:box-shadow .3s,border-color .3s;z-index:2;backdrop-filter:blur(12px)}.hand-choice:nth-child(2) .holo-card{transform:rotateY(-9deg) rotateX(8deg) translateY(var(--card-shift,0px))}.holo-card:hover{border-color:#ddffef;box-shadow:0 0 45px #6ec79555}.holo-card>span{font-size:10px;letter-spacing:.14em;color:#a8dabc;margin-bottom:20px}.holo-card strong{font-size:clamp(24px,2.6vw,38px);line-height:1.5;font-weight:500}.holo-card small{font-size:13px;color:#c2ead4;margin-top:22px}.holo-card:focus-visible{outline-offset:8px}
body.reduced .service-journey,body.reduced .brand-journey{height:auto}body.reduced .service-stage,body.reduced .brand-stage{position:relative;top:0;height:auto;min-height:0;padding:75px 8vw}body.reduced .spatial-heading{position:relative;inset:auto;margin-bottom:50px}body.reduced .service-slides{position:relative;inset:auto;perspective:none}body.reduced .service-slides article{position:relative;inset:auto;opacity:1!important;visibility:visible!important;transform:none!important;margin:40px 0;padding:25px 0;border-top:1px solid var(--line)}body.reduced .spatial-field,body.reduced .service-track,body.reduced .brand-space,body.reduced .brand-caption,body.reduced .gallery-jump{display:none}body.reduced .brand-stage{padding-bottom:0}body.reduced .about figure,body.reduced .holo-card{transform:none!important}
@media(max-width:1000px){.service-slides article{grid-template-columns:1fr 80px;gap:15px}.service-slides article>span{grid-column:1/-1}.service-slides article b{font-size:65px}.hand-choice{height:500px}.holo-card{padding:22px;left:6%;width:88%;top:45px;min-height:210px}}
@media(max-width:700px){.service-stage,.brand-stage{top:72px;height:calc(100svh - 72px)}.service-journey{height:340svh}.spatial-heading{left:6vw;right:6vw;top:6%}.spatial-heading h2{font-size:30px}.spatial-heading>p:last-child{font-size:12px}.service-slides{inset:29% 6vw 12%}.service-slides article{grid-template-columns:1fr;gap:10px}.service-slides article b{position:absolute;right:0;top:0;font-size:45px;opacity:.7}.service-slides article h3{font-size:29px;margin:18px 0}.service-slides article p{font-size:15px;line-height:1.9}.brand-journey{height:550svh}.brand-space{inset:30% 0 0;perspective:700px}.brand-plane{width:170px;height:255px;left:calc(50% - 85px);top:calc(50% - 127px)}.brand-caption{left:5vw;bottom:9%;font-size:11px;max-width:90vw}.gallery-jump{bottom:3%;right:6vw}.all-work{padding:22px 6vw 45px}.choice-section{padding:70px 4vw 0}.hand-choices{grid-template-columns:1fr;max-width:460px}.hand-choice{height:460px}.hologram-hand{bottom:-15px;left:-3%;width:106%}.holo-card{left:12%;width:76%;top:35px;padding:24px;min-height:210px}.holo-card strong{font-size:26px}.holo-card>span{margin-bottom:14px}.choice-section .heading h2{font-size:36px}.choice-section .heading>p:last-child{font-size:14px}.hand-choice:nth-child(2){margin-top:-5px}body.reduced .service-stage,body.reduced .brand-stage{padding:60px 6vw}body.reduced .service-slides article b{display:none}}
@media(max-height:600px) and (min-width:701px){.service-slides article h3{font-size:28px}.service-slides article p{font-size:14px}.spatial-heading h2{font-size:28px}.service-slides{inset:33% 8vw 8%}}
@media(prefers-reduced-motion:reduce){.service-journey,.brand-journey{height:auto}.hologram-hand{transform:none!important}}