.experience{height:100svh;min-height:680px;max-height:1050px}.hero-layout{padding-top:155px;padding-bottom:80px}.hero-title{font-size:clamp(43px,4.5vw,66px)}.hero-summary{margin-top:23px}.scene{inset:90px -1% 85px 23%}.scene img{transition:none}.construction-layer{position:absolute;inset:0;pointer-events:none}.construction-layer img{opacity:0;object-fit:cover}.construction-layer img:first-child{opacity:1}.scene.blueprint .construction-layer img{opacity:0}.scene.blueprint .construction-layer.blueprint-layer img{opacity:inherit}.blueprint-layer{opacity:0}.scene.blueprint .blueprint-layer{opacity:1}.scene.blueprint .realistic-layer{opacity:0}.scene-controls{bottom:68px;right:4%}.camera-controls{bottom:123px;right:4%}.stage-rail{position:absolute;right:2.5%;top:175px;z-index:5;width:111px;padding:13px 9px;background:#07111dbb;border:1px solid #ffffff20;backdrop-filter:blur(12px)}.stage-rail button{display:flex;align-items:center;gap:9px;background:transparent;border:0;color:#95a2b2;width:100%;padding:10px 1px;text-align:left;font-size:10px;position:relative}.stage-rail button .stage-dot{height:6px;width:6px;border-radius:50%;background:#536171;flex-shrink:0}.stage-rail button[aria-current=step]{color:#fff}.stage-rail button[aria-current=step] .stage-dot{background:#ff521b;box-shadow:0 0 0 4px #ff521b20}.stage-rail button small{display:block;font:8px monospace;margin-bottom:3px;color:#8290a1}.stage-rail button[aria-current=step] small{color:#ff6a38}.rail-progress{border-top:1px solid #ffffff20;padding:13px 2px 2px;font:10px monospace;color:#ff794e}.rail-progress span{font-size:18px;color:white;margin-right:5px}.build-caption{position:absolute;bottom:126px;left:46%;max-width:270px;color:#aab5c3;font-size:10px;line-height:1.7}.build-caption strong{display:block;color:white;font:500 17px Manrope,sans-serif;margin-bottom:6px}.build-caption small{color:#ff7248;font:9px monospace;letter-spacing:1px;display:block;margin-bottom:8px}.construction-progress{position:absolute;bottom:55px;left:4%;right:4%;height:2px;background:#ffffff16}.construction-progress div{height:100%;background:#ff521b;transform-origin:left;transform:scaleX(0)}.scene-caption{bottom:15px;border:0;padding:0;font-size:8px}.stage-strip{padding:22px 4% 26px;background:#0b1623;color:white}.stage-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.stage-card{padding:0;background:#101c2a;text-align:left;color:white;border:1px solid #ffffff1c;overflow:hidden;transition:border-color .25s}.stage-card img{width:100%;height:120px;object-fit:cover;display:block;transition:transform .6s}.stage-card:hover img{transform:scale(1.035)}.stage-card .stage-card-body{display:block;padding:14px}.stage-card em{font:400 21px Manrope,sans-serif;color:#ff6b3a;font-style:normal;display:block;margin-bottom:7px}.stage-card strong{font-size:11px;font-weight:500}.stage-card small{color:#8795a7;font:8px monospace;display:flex;justify-content:space-between;margin-top:13px;gap:5px}.stage-card .mini-progress{height:2px;background:#26313f;display:block;margin-top:9px}.stage-card .mini-progress i{height:100%;background:#ff521b;display:block}.stage-card[aria-current=step]{border-color:#ff521b}.complete-message{position:absolute;left:46%;bottom:215px;color:white;max-width:330px;opacity:0;pointer-events:none;transform:translateY(10px)}.complete-message h2{font-size:30px;letter-spacing:-1px}.complete-message a{display:inline-block;margin-top:12px;font-size:11px;color:#ff764c;border-bottom:1px solid #ff764c66;padding-bottom:5px;pointer-events:auto}.h0{left:64%;top:32%}.h1{left:77%;top:54%}.h2{left:52%;top:57%}.h3{left:80%;top:39%}.hotspot span{display:none}.hotspot-panel{right:15%;top:180px}.technical-label{position:absolute;left:45%;top:135px;color:#99c3e5;font:9px monospace;letter-spacing:1px;display:none;pointer-events:none}.experience.is-blueprint .technical-label{display:block}.pin-spacer{background:#07111d}.construction-hint{position:absolute;bottom:76px;left:4%;font:9px monospace;letter-spacing:1.2px;color:#b5bfcc;display:flex;align-items:center;gap:13px}.construction-hint b{font-size:20px;color:#ff521b;font-weight:400}.scroll-skip{font-size:9px;color:#aab5c3;text-decoration:underline;text-underline-offset:4px;margin-left:14px;background:none;border:0}.scene-status{top:148px;right:15%}
@media(max-width:1100px){.hero-title{font-size:49px}.stage-rail{right:2%;width:92px}.stage-rail button{font-size:9px}.hero-layout{padding-top:145px}.stage-card img{height:95px}.stage-card .stage-card-body{padding:10px}.build-caption{left:44%;max-width:200px}.hero-desc{max-width:300px}.scene-controls .control-group button{padding:10px 8px}.complete-message{left:44%;max-width:245px}.complete-message h2{font-size:25px}}
@media(max-width:720px){.experience{height:100svh;min-height:720px;max-height:none}.hero-layout{padding:102px 6% 0}.hero-title{font-size:36px;letter-spacing:-1.8px;margin:13px 0 12px}.hero-title br:nth-child(2){display:none}.hero-title span{display:block}.hero-desc{font-size:10px;line-height:1.65;max-width:300px}.hero-buttons{margin-top:15px}.experience .btn{padding:11px 12px;font-size:9px}.hero-summary{display:none}.scene{inset:315px -23% 115px -27%}.experience:after{background:linear-gradient(0deg,#07111d 7%,transparent 27%,transparent 47%,#07111d 63%)}.scene-label{top:334px;left:6%;font-size:7px}.stage-rail{right:4%;top:365px;width:85px;padding:6px}.stage-rail button{padding:5px 0;font-size:8px;gap:7px;min-height:30px}.stage-rail button small{font-size:7px;margin-bottom:1px}.rail-progress{padding-top:7px;font-size:7px}.rail-progress span{font-size:14px}.scene-controls{bottom:73px;left:6%;right:6%;flex-wrap:nowrap;gap:4px}.scene-controls .control-group button{font-size:7px;padding:10px 6px;letter-spacing:.2px}.camera-controls{bottom:115px;right:6%;gap:5px}.camera-controls span{display:none}.camera-controls button{padding:6px 10px;font-size:14px}.scene-caption{bottom:12px;font-size:7px;line-height:1.6}.construction-progress{bottom:52px;left:6%;right:6%}.construction-hint{bottom:157px;left:6%;font-size:7px;gap:7px}.construction-hint b{font-size:15px}.scroll-skip{font-size:8px;margin-left:5px}.build-caption{left:6%;bottom:107px;max-width:155px;font-size:9px;line-height:1.4}.build-caption small{font-size:8px;margin-bottom:4px}.build-caption strong{font-size:14px;margin-bottom:3px}.build-caption p{display:none}.h0{left:41%;top:51%}.h1{left:64%;top:65%}.h2{left:21%;top:69%}.h3{left:64%;top:55%}.hotspot{width:30px;height:30px}.hotspot-panel{right:7%;top:370px;width:250px;z-index:10}.stage-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:9px;padding-bottom:9px}.stage-card{min-width:145px;scroll-snap-align:start}.stage-card img{height:100px}.stage-strip{padding:22px 6%}.stage-card .stage-card-body{padding:12px}.complete-message{left:6%;bottom:205px;max-width:200px;background:#07111da8;padding:8px;z-index:2}.complete-message h2{font-size:19px;margin:0}.complete-message a{font-size:9px;margin-top:7px}.technical-label{left:6%;top:360px;font-size:7px}.scene-status{top:352px;right:6%;font-size:8px}}
@media(prefers-reduced-motion:reduce){.construction-layer img{transition:none!important}.complete-message{transform:none!important}.construction-hint{letter-spacing:0}}
.stage-rail{display:block;left:auto;box-shadow:none}
@media(max-width:720px){.stage-rail{display:block;left:auto;right:4%;top:365px;width:85px;background:#07111dcc;padding:6px}.scene-label{display:none}.camera-controls button{padding:6px 8px}.construction-hint{font-size:6px}.hotspot-panel{top:355px}}