/* Selected Stardust hero and progressive Approach illustration. */
.hero{grid-template-columns:1.2fr 1fr;column-gap:5%}
.hero h1{font-size:clamp(3.5rem,6vw,6.3rem)}
.hero-description{max-width:500px}
.motion-stage{position:relative;overflow:hidden;min-width:0;background:#111;color:#fff;isolation:isolate}
.hero-stage{height:520px;align-self:stretch;background:radial-gradient(ellipse at center,#252525,#0b0b0b 70%)}
.scene{position:absolute;inset:0}
.scene canvas{display:block;width:100%;height:100%}
.scene-fallback{position:absolute;inset:0;margin:auto;width:75%;height:75%;object-fit:contain}
.scene.is-ready .scene-fallback{display:none}
.stage-label,.stage-caption{position:absolute;z-index:1;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.05em;line-height:1.6;pointer-events:none}
.stage-label{top:23px}.stage-caption{bottom:25px;align-items:flex-end}
.hero-artwork{min-width:0;align-self:stretch;position:relative;padding-bottom:52px}
.hero-brand-label{letter-spacing:.09em}
.hero-brand-mark{width:38px;height:38px;flex-shrink:0}
.motion-toggle{position:absolute;bottom:0;right:0;min-height:44px;padding:10px 12px;border:1px solid #aaa;background:#fff;color:#565656;font:inherit;font-size:11px;cursor:pointer}
.motion-toggle[hidden]{display:none}
.motion-toggle:hover{border-color:#111;color:#111}.motion-toggle:focus-visible{outline:2px solid #111;outline-offset:4px}
.build-sticky{display:none}
.motion-ready .build-story{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;position:relative;margin-top:65px;align-items:start}
.motion-ready .build-sticky{display:block;position:sticky;top:8vh}
.build-stage{height:490px;background:#191919;border:1px solid #444}
.build-meter{height:2px;background:#444;margin-top:20px}.build-meter span{display:block;width:100%;height:100%;background:#fff;transform:scaleX(.03);transform-origin:left}
.motion-ready .build-steps{display:block;margin:0}
.motion-ready .build-steps article{min-height:55vh;display:flex;flex-direction:column;justify-content:center;border-top:1px solid #555;padding:45px 0}
.motion-ready .build-steps article:first-child{border-top:0}.motion-ready .build-steps article:last-child{min-height:60vh}
.motion-ready .build-steps h3{margin-top:22px}.motion-ready .build-steps p{max-width:360px}
.build-steps article.is-active .step-number{color:#fff}.build-steps article.is-active .step-number:before{content:'■ '}
.build-label{font-size:14px}
.motion-ready.motion-paused .build-steps article{min-height:0;padding-block:40px}
.motion-ready.motion-paused .build-sticky{position:relative;top:auto}
.motion-paused .scroll-hint{display:none}
@media(max-width:1000px){.hero-stage{height:460px}.stage-label,.stage-caption{left:18px;right:18px;font-size:10px}.motion-ready .build-story{gap:6%}.build-stage{height:410px}}
@media(max-width:700px){.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(2.7rem,12.7vw,5.5rem)}.hero-artwork{margin-top:35px}.hero-stage{height:360px}.motion-ready .build-story{display:block;margin-top:35px}.motion-ready .build-sticky{position:relative;top:auto}.build-stage{height:340px}.motion-ready .build-steps{margin-top:30px}.motion-ready .build-steps article,.motion-ready .build-steps article:last-child{min-height:0;padding:30px 0}.motion-ready .build-steps article:first-child{border-top:1px solid #555}.motion-ready .build-steps h3{margin-top:15px}.scroll-hint{display:none}}
@media print{.hero-artwork,.build-sticky{display:none!important}.motion-ready .build-story,.motion-ready .build-steps{display:block}.motion-ready .build-steps article{min-height:0!important;padding-block:20px}}