/* Full artwork visibility and a reversible, scroll-linked visual story. */
.hero-art{object-fit:contain;object-position:center;width:70%;height:96%;right:0;top:1%;transform:translate3d(0,var(--hero-y,0px),0) rotate(var(--hero-rotate,0deg));transform-origin:70% 55%;will-change:transform}.hero-content{max-width:none}.hero-fragments{position:absolute;inset:0;z-index:-1;pointer-events:none}.fragment{position:absolute;display:block;left:78%;top:41%;width:28px;height:65px;background:linear-gradient(130deg,#f4ffb488,#a4cf1499 36%,#c8b5ef66 50%,#fff9 53%,#7f95dc66);border:1px solid #e6f6cc55;clip-path:polygon(35% 0,100% 21%,69% 100%,0 77%);transform:translate(calc(var(--fx)*var(--burst,0)),calc(var(--fy)*var(--burst,0))) rotate(calc(var(--fr)*var(--burst,0)));opacity:calc(.2 + var(--burst,0)*.65)}.f1{--fx:-170px;--fy:-140px;--fr:75deg}.f2{--fx:100px;--fy:-200px;--fr:-60deg;width:40px;height:45px}.f3{--fx:160px;--fy:120px;--fr:150deg}.f4{--fx:-240px;--fy:160px;--fr:-90deg;width:55px;height:38px}.f5{--fx:30px;--fy:220px;--fr:100deg;width:18px;height:35px}.f6{--fx:-230px;--fy:-45px;--fr:70deg;width:20px;height:50px}.motion-toggle{border:1px solid #747c66;background:#11120faa;color:#d7ddc9;border-radius:20px;padding:5px 12px;font-size:10px;min-height:32px;cursor:pointer}.motion-toggle:hover{border-color:var(--lime);color:var(--lime)}.hero-foot{align-items:center}
.campaign-blue{display:flex;justify-content:center;align-items:center;padding:30px}.campaign-blue>img{height:100%;width:100%;max-width:100%;object-fit:contain;margin:0;transform:none;box-shadow:none}.campaign-blue:hover>img{transform:scale(1.015)}.project-sticker{left:20px;bottom:20px;font-size:17px;padding:10px 13px}.campaign-red{padding:30px}.campaign-red>img{height:100%;width:100%;object-fit:contain;transform:none;box-shadow:none}.campaign-red:hover>img{transform:scale(1.015)}.clearing-project>img{max-width:100%;height:100%;max-height:420px;object-fit:contain;transform:none;box-shadow:none}.clearing-project:hover>img{transform:scale(1.015)}.presentation-project>img{transform:none;box-shadow:8px 8px 0 #e4b557;width:100%;max-height:75%;object-fit:contain}.presentation-project:hover>img{transform:scale(1.015)}.project-visual .round-arrow{width:42px;height:42px;font-size:24px;right:12px;bottom:12px}.project-visual{overflow:hidden}.browser-frame{transform:none}.project-visual:hover .browser-frame{transform:none}.project-visual:hover .round-arrow{transform:rotate(45deg)}
.journey-track{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:start;margin-top:64px}.journey-visual{position:sticky;top:125px}.journey-scene{height:560px;position:relative;background:#141827;border:1px solid #373951;border-radius:4px;overflow:hidden;color:#f4f0ff;--spread:0;isolation:isolate}.scene-label{position:absolute;top:22px;left:24px;font-family:monospace;font-size:9px;letter-spacing:.08em;z-index:5}.scene-orbit{position:absolute;width:80%;aspect-ratio:1;left:10%;top:19%;border:1px solid #9e87ff55;border-radius:50%;transform:scale(calc(.65 + var(--spread)*.35));box-shadow:0 0 65px #6950ad19,inset 0 0 70px #6950ad19}.scene-core{position:absolute;left:34%;top:36%;width:36%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:var(--lime);color:#151724;z-index:3;box-shadow:0 15px 40px #030a2255;transform:scale(calc(1 - var(--spread)*.12))}.scene-core>span{font-size:15px;letter-spacing:.1em;font-weight:600}.scene-core strong{font-size:65px;line-height:.95;letter-spacing:-.07em}.scene-core small{font-size:7px;margin-top:10px}.scene-card{margin:0;position:absolute;background:#eeeaf9;border:1px solid #fff9;padding:6px 6px 0;box-shadow:0 12px 30px #0004;z-index:4;display:flex;flex-direction:column;justify-content:space-between;transform-origin:center}.scene-card img{width:100%;height:calc(100% - 20px);object-fit:contain}.scene-card figcaption{font-size:7px;letter-spacing:.06em;padding:4px;color:#252238;white-space:nowrap}.scene-design{width:29%;height:32%;top:17%;left:11%;transform:translate(calc(-17px*var(--spread)),calc(-24px*var(--spread))) rotate(calc(-8deg - 8deg*var(--spread)))}.scene-web{width:37%;height:20%;top:28%;right:6%;transform:translate(calc(10px*var(--spread)),calc(-35px*var(--spread))) rotate(calc(7deg + 7deg*var(--spread)))}.scene-deck{width:41%;height:25%;bottom:14%;left:24%;transform:translate(calc(-23px*var(--spread)),calc(14px*var(--spread))) rotate(calc(-4deg + 6deg*var(--spread)));z-index:4}.scene-spark{position:absolute;font-size:55px;color:#b4a0ff;transform:translateY(calc(-15px*var(--spread))) rotate(calc(80deg*var(--spread)))}.spark-a{top:12%;right:17%;font-size:65px}.spark-b{bottom:18%;left:10%;color:var(--lime)}.spark-c{bottom:22%;right:10%;color:#a8ecf5;font-size:70px}.scene-footer{position:absolute;left:24px;right:24px;bottom:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.035em;border-top:1px solid #5c5878;padding-top:14px;color:#e1daf4}.replay-motion{display:flex;gap:25px;align-items:center;justify-content:space-between;width:100%;border:0;border-bottom:1px solid #a4aa95;background:none;color:var(--ink);padding:14px 0;font-size:12px}.replay-motion:hover{color:#514181}.replay-motion span{font-size:20px}.journey-steps{list-style:none;padding:0;margin:0}.journey-steps>li{position:relative;padding:0 0 65px 32px;border-left:1px solid #b8bea9;margin-left:10px}.journey-steps>li:before{content:"";position:absolute;left:-6px;top:4px;width:11px;height:11px;border-radius:50%;background:#a2aa91;border:2px solid var(--paper)}.journey-steps>li.active:before{background:#714fd1;box-shadow:0 0 0 5px #714fd122}.journey-steps>li:last-child{padding-bottom:0;border-left-color:transparent}.journey-number{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#5d6850;letter-spacing:.1em}.journey-number i{font-size:24px;font-style:normal;color:#714fd1}.journey-steps h3{font-size:32px;letter-spacing:-.045em;line-height:1.08;margin:18px 0}.journey-steps p{font-size:15px;color:#515d46}.journey-steps ul{padding:0;list-style:none;margin:20px 0}.journey-steps ul li{font-size:12px;line-height:1.55;margin:9px 0;padding-left:19px;position:relative;color:#515d46}.journey-steps ul li:before{content:"↗";position:absolute;left:0;color:#7152ba}.step-result{font-size:11px;padding:14px 0;border-top:1px solid #c6ccb8;color:#515d46}.step-result strong{color:#242d1c}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off .hero-art{transform:none}.motion-off .fragment{display:none}.motion-off .journey-scene{--spread:.75!important}
@media(max-width:1100px){.journey-track{gap:5%;grid-template-columns:1fr 1fr}.journey-scene{height:470px}.scene-core strong{font-size:48px}.scene-core small{font-size:6px}.scene-footer{font-size:7px;gap:10px}.scene-footer>span:last-child{max-width:75px}.journey-steps h3{font-size:28px}.scene-card figcaption{font-size:6px}.hero-art{width:76%;right:0;height:88%;top:8%}}
@media(max-width:760px){.hero-art{width:100%;height:365px;right:0;top:255px;object-fit:contain;opacity:1}.hero-shade{background:linear-gradient(180deg,#11120f 0%,#11120f33 32%,transparent 52%,#11120fa0 73%,#11120f 96%)}.hero-fragments{display:none}.hero-bottom{margin-top:300px}.hero{min-height:900px}.hero-foot{flex-wrap:wrap;gap:10px}.hero-foot>span:first-child{max-width:100%;flex:1}.hero-foot>span:last-child{display:none}.motion-toggle{font-size:9px;padding:4px 8px}.art-note{top:608px;font-size:7px}.campaign-blue{padding:25px 20px 30px}.project-sticker{font-size:14px;left:10px;bottom:10px;padding:8px 10px}.campaign-red{padding:24px}.clearing-project{grid-template-rows:130px minmax(0,1fr);height:530px;padding:25px 20px 35px}.clearing-project>img{height:100%;width:100%;max-height:325px}.presentation-project{padding:30px 26px}.presentation-project>img{max-height:70%;box-shadow:6px 6px 0 #e4b557}.journey-track{grid-template-columns:1fr;gap:42px;margin-top:38px}.journey-visual{position:relative;top:auto}.journey-scene{height:430px}.scene-core strong{font-size:52px}.scene-core>span{font-size:12px}.scene-core small{font-size:6px}.scene-label{font-size:8px;left:18px;top:18px}.scene-footer{left:18px;right:18px;font-size:7px}.scene-footer>span:last-child{max-width:none}.scene-card figcaption{font-size:6px}.spark-a{font-size:50px}.spark-c{font-size:48px}.spark-b{font-size:38px}.journey-steps>li{padding-left:25px;padding-bottom:40px}.journey-steps h3{font-size:28px}.journey-steps p{font-size:14px}.journey-steps ul li{font-size:12px}.journey-steps>li.active:before{box-shadow:none}}
@media(max-width:370px){.hero-art{top:220px;height:325px}.hero{min-height:850px}.hero-bottom{margin-top:280px}.art-note{top:535px}.journey-scene{height:350px}.scene-core strong{font-size:43px}.scene-core>span{font-size:10px}.scene-core small{display:none}.scene-card figcaption{font-size:5px}.scene-footer{font-size:6px}.scene-label{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none!important}.fragment{display:none}.journey-scene{--spread:.75!important}}