*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#dfe2df;color:#243034}a{color:inherit;text-decoration:none}header{height:58px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#e9ece8;border-bottom:1px solid #263b3820}header a{font-size:20px;font-weight:800;letter-spacing:.1em}header small{font-size:10px;color:#6d7776}header>span{font-size:9px;letter-spacing:.12em}.journey{height:540svh}.viewport{height:100svh;position:sticky;top:0;overflow:hidden;background:#dfe3df;isolation:isolate}.world{position:absolute;inset:0;will-change:transform}.plating{position:absolute;left:-75vw;top:-35svh;width:250vw;height:440svh;background:url('motion-preview/hull.png') center/100% 100% no-repeat;z-index:-2}.plating:after{content:'';position:absolute;inset:0;background:#f0f3ec1a}.station{position:absolute;left:12vw;top:0;width:76vw;height:100svh;display:flex;align-items:center;isolation:isolate}.mount{width:100%;display:grid;grid-template-columns:.8fr 1.2fr;gap:4vw;align-items:center;position:relative;transform-origin:center;will-change:transform}.copy{padding:22px 0;background:none}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;color:#a94c29;margin:0 0 23px}h1{font-size:clamp(32px,3.6vw,60px);font-weight:500;line-height:1.06;letter-spacing:-.055em;margin:0 0 24px}.description{font-size:clamp(13px,1.1vw,16px);line-height:1.75;max-width:390px;color:#405251;margin:0}figure{margin:0;position:relative;padding:7px;background:#c8cecb;border:1px solid #f8faf7;border-radius:2px;box-shadow:1px 3px 3px #17262435,-1px -1px 2px #fff8}figure img{display:block;width:100%;max-height:60svh;object-fit:contain}figcaption{font-size:8px;text-transform:uppercase;letter-spacing:.13em;padding:12px 4px 5px;color:#435450}.surface-label{position:absolute;left:0;right:0;bottom:9svh;border-top:1px solid #60726b55;padding-top:10px;font:9px monospace;letter-spacing:.17em;color:#5f706a;display:flex;justify-content:space-between}.prop{position:absolute;z-index:-1;pointer-events:none}.ring{right:-6vw;top:19svh;width:70px;height:70px;border:6px solid #7d898c;border-radius:50%;background:linear-gradient(135deg,#ffffff60,#798f9230);box-shadow:inset 0 0 0 2px #f7faf8,inset 0 0 0 4px #273638,2px 4px 3px #152e3544;transform:translateX(var(--push,0px)) rotate(var(--turn,0deg))}.cloth{left:-9vw;bottom:13svh;width:125px;height:95px;border-radius:3px;background:repeating-linear-gradient(0deg,#79938b55 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#809a9355 0 1px,#94aaa3 1px 3px);box-shadow:2px 3px 2px #14251f40;transform:rotate(-14deg) translateX(calc(var(--push,0px) * -1))}.station:nth-of-type(2) .cloth{background-color:#b28d67}.station:nth-of-type(3) .ring{right:auto;left:-8vw}.earbuds{position:absolute;width:240px;height:200px;object-fit:contain;pointer-events:none;filter:drop-shadow(1px 3px 1px #1c2c2d40);transform:rotate(-12deg);z-index:2}.hud{position:absolute;left:5vw;right:5vw;bottom:25px;display:flex;justify-content:space-between;align-items:center;font:9px monospace;letter-spacing:.1em;pointer-events:none;color:#475851}.hud span{background:#eaf0e7cf;padding:9px 12px;border-radius:2px}.progress{height:3px;position:absolute;bottom:0;width:100%;background:#253e3220}.progress i{display:block;height:100%;background:#bf6533;transform-origin:left;transform:scaleX(0)}.end{padding:100px 7vw;text-align:center;background:#e8ebe4}.end p{font-size:10px;letter-spacing:.2em}.end h2{font-size:clamp(36px,5vw,70px);font-weight:400;letter-spacing:-.05em}.end a{display:block;margin:25px;font-size:13px;text-decoration:underline;text-underline-offset:5px}@media(max-width:700px){header{padding:0 6vw}header>span{font-size:7px;max-width:110px;text-align:right;line-height:1.6}.station{left:8vw;width:84vw}.mount{display:flex;flex-direction:column;gap:20px;align-items:stretch}.copy{padding:0;background:none;border-radius:4px}.eyebrow{font-size:8px;margin-bottom:12px}h1{font-size:clamp(29px,8vw,40px);margin-bottom:13px}.description{font-size:12px;line-height:1.6;max-width:none}figure{padding:4px}figure img{max-height:35svh;object-fit:contain}figcaption{font-size:7px;padding:9px 3px 4px}.surface-label{bottom:9svh;font-size:7px}.earbuds{width:150px;height:115px}.ring{width:45px;height:45px;border-width:4px;right:-6vw;top:9svh}.cloth{width:70px;height:55px;left:-10vw;bottom:14svh}.hud{bottom:14px;font-size:7px}.plating{width:250vw;background-size:100% 100%}.hud span{padding:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey{height:auto}.viewport{position:relative;height:auto;overflow:hidden}.world{position:relative;transform:none!important}.station{position:relative!important;left:auto!important;top:auto!important;margin:0 auto;min-height:100svh;height:auto;padding:70px 0}.mount{transform:none!important}.earbuds,.hud,.progress{display:none}.plating{height:100%;top:0}}

/* Text printed on hull; loose photographs without mats or frames. */
.copy{background:none!important;border:0;border-radius:0;box-shadow:none}
figure{padding:0!important;background:none;border:0;border-radius:0;box-shadow:none;justify-self:center;width:100%;text-align:center}
figure img{width:auto;height:auto;max-width:100%;max-height:58svh;margin:auto;object-fit:initial;box-shadow:3px 5px 5px #15232342,10px 20px 22px #15232328;border-radius:0;transform:rotate(-2deg)}
.station:nth-of-type(2) figure img{transform:rotate(1.6deg)}
.station:nth-of-type(3) figure img{transform:rotate(-1.2deg)}
figcaption{padding:19px 0 0;text-align:center;background:none}
.prop{display:none}.journey{height:670svh}.plating{height:530svh}
.equipment{position:absolute;width:min(60vw,760px);height:48svh;pointer-events:none;z-index:2;filter:drop-shadow(3px 6px 3px #14231f38)}
.equipment img{width:100%;height:100%;object-fit:contain;transform:translate(var(--depth-x,0px),var(--depth-y,0px));will-change:transform}
.equipment-two{width:min(43vw,520px);height:37svh;transform:rotate(155deg)}
.earbuds{width:min(26vw,300px);height:25svh}
@media(max-width:700px){figure img{max-height:35svh;max-width:94%}.equipment{width:100vw;height:41svh}.equipment-two{width:80vw;height:33svh}.earbuds{width:47vw;height:20svh}.mount{gap:23px}.surface-label{bottom:7svh}.hud span{background:none;padding:4px}.description{color:#283b39}}
@media(prefers-reduced-motion:reduce){.equipment{display:none}.journey{height:auto}}

.equipment img{transform:perspective(1100px) translate(var(--depth-x,0px),var(--depth-y,0px)) rotateX(var(--tilt,0deg));transform-origin:50% 72%}

/* Real perspective meshes share the surface camera, no billboard parallax. */
.accessories-3d{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.hud{z-index:4}.journey{height:480svh}.plating{height:390svh}.equipment,.earbuds,.prop{display:none}.surface-label{display:none}
@media(prefers-reduced-motion:reduce){.accessories-3d{display:none}.journey{height:auto}}

.scene-title{font-size:clamp(32px,3.6vw,60px);font-weight:500;line-height:1.06;letter-spacing:-.055em;margin:0 0 24px}.final-brand{display:flex;gap:12px;align-items:center}.final-brand svg{width:25px;height:28px;filter:brightness(.2)}header .back-store{font-size:11px;font-weight:400;letter-spacing:0}.result-pair{display:flex;gap:12px;align-items:center}.result-pair picture{width:50%}.result-pair img{max-width:100%;max-height:55svh}.approved-prop{position:absolute;width:clamp(150px,22vw,290px);height:23svh;pointer-events:none;z-index:2;transform-style:preserve-3d}.approved-prop img{width:100%;height:100%;object-fit:contain;transform:perspective(850px) translate3d(var(--depth-x,0px),var(--depth-y,0px),0) rotateZ(var(--yaw,0deg)) rotateY(var(--tilt-y,0deg)) rotateX(var(--tilt-x,0deg));filter:drop-shadow(var(--shadow-x,3px) var(--shadow-y,5px) 3px #25352b36);transform-origin:center;will-change:transform}.booking-button{border:0;background:#253932;color:#f4f7f1;padding:20px 25px;font:14px Arial;margin:20px 0 0;max-width:100%;border-radius:3px}.booking-button:disabled{opacity:1}.end>p{line-height:1.7}.plating{background-size:100% auto;background-repeat:repeat-y}.surface-label{display:none}
@media(max-width:700px){.scene-title{font-size:clamp(29px,8vw,40px);margin-bottom:13px}.approved-prop{width:38vw;height:17svh}.result-pair{gap:8px}.result-pair img{max-height:35svh}.final-brand svg{width:22px;height:24px}.end>p{letter-spacing:0}.end>p:first-child{letter-spacing:.13em}}
html:not(.surface-motion) .journey{height:auto!important}html:not(.surface-motion) .viewport{position:relative;height:auto;overflow:hidden}html:not(.surface-motion) .world{position:relative;transform:none!important}html:not(.surface-motion) .station{position:relative;left:auto!important;top:auto!important;margin:0 auto;min-height:100svh;height:auto;padding:65px 0}html:not(.surface-motion) .approved-prop,html:not(.surface-motion) .hud,html:not(.surface-motion) .progress{display:none}html:not(.surface-motion) .plating{height:100%!important;top:0}

/* Individually sized accessories; no repeated group images. */
.approved-prop{height:auto;width:var(--object-width,220px)}.approved-prop img{height:auto;display:block;aspect-ratio:auto}.plating{mask-mode:luminance;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-size:100% 100%}

/* New continuous metal; actual panel geometry routed around text. No faded masks. */
.plating{background:#b9c0bf url('assets/hull-metal-v2.png') center/1100px auto repeat;mask:none!important;-webkit-mask:none!important}.plating:after{display:none}.panel-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.viewport{background:#b9c0bf}.copy{background:none!important;filter:none!important;opacity:1!important}.description{color:#283b39}

/* Lettering is ink on metal: no backing, stroke, highlight or surrounding frame. */
.copy,.copy *{background:none!important;border:0!important;outline:0!important;box-shadow:none!important;text-shadow:none!important;-webkit-text-stroke:0!important;filter:none!important}
.copy::before,.copy::after{content:none!important;display:none!important}
.approved-prop img{transform:rotateZ(var(--yaw,0deg))!important;filter:drop-shadow(2px 4px 2px #18251d66) drop-shadow(5px 9px 6px #18251d3d)!important;will-change:auto}

/* Recessed sector numbering on the hull, driven directly by camera progress. */
.hull-counter{position:absolute;right:0;top:2.5svh;display:grid;grid-template-columns:auto auto;gap:0 12px;align-items:center;color:#465750;pointer-events:none}.counter-label{font:8px monospace;letter-spacing:.12em;grid-column:1}.digit-window{height:43px;width:66px;overflow:hidden;grid-column:2;grid-row:1/3;border-radius:5px;box-shadow:inset 1px 2px 4px #35413b55,inset -1px -1px 1px #d3dbd155;background:#82918a20}.digit-reel{height:430px;will-change:transform}.digit-reel>span{display:flex;height:43px;align-items:center;justify-content:center;font:600 35px/1 'Consolas','Courier New',monospace;letter-spacing:-.06em;font-variant-numeric:tabular-nums;transform:scaleX(1.1)}.counter-ticks{font:12px monospace;letter-spacing:3px;color:#7c8a81;grid-column:1}@media(max-width:700px){.hull-counter{top:1.7svh;gap:0 8px}.counter-label{font-size:6px}.digit-window{width:50px;height:32px}.digit-reel{height:320px}.digit-reel>span{height:32px;font-size:27px}.counter-ticks{font-size:9px}}@media(prefers-reduced-motion:reduce){.hull-counter{display:none}}html:not(.surface-motion) .hull-counter{display:none}

/* Restore the approved pale gray hull; brushed material belongs only to numerals. */
.plating{background:#d0d3d1!important}.viewport{background:#d0d3d1}.digit-window{background:transparent;box-shadow:none;border-radius:0}.digit-reel>span{color:#46534f;background:linear-gradient(#33443a66,#33443a66),url('assets/hull-metal-v2.png') center/200px auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.counter-label,.counter-ticks{color:#67756d}

/* Mechanical number window: material on housing, readable digits inside. */
.digit-window{position:relative;border-radius:4px;background:linear-gradient(180deg,#384a4680,transparent 28%,#d9e1d340 68%,#31403b66),url('assets/hull-metal-v2.png') center/180px auto;border:1px solid #83908a;box-shadow:inset 0 4px 5px #17261f80,inset 0 -1px 1px #e1e8da80,0 3px 3px #20372b40,0 1px 0 #e6ebdf;isolation:isolate}
.digit-window:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#142b214d,transparent 24%,transparent 77%,#233a2945);z-index:1}
.digit-reel>span{background:none;-webkit-text-fill-color:#263d34;color:#263d34;text-shadow:0 1px 0 #e1e8dc88}

/* Neutral warm white with blue-gray recesses and Martian-orange markings. */
body,.viewport{background:#d5d2ce}.plating{background:#d5d2ce!important}.copy,.description{color:#303842}.eyebrow{color:#b75939}.counter-label,.counter-ticks{color:#72737a}.digit-reel>span{-webkit-text-fill-color:#343d49;color:#343d49}.digit-window{background:linear-gradient(180deg,#38435170,transparent 28%,#e0dcd640 68%,#38404d60),url('assets/hull-metal-v2.png') center/180px auto;border-color:#8b8c93;box-shadow:inset 0 4px 5px #20283775,inset 0 -1px 1px #eee7df80,0 3px 3px #30343d40,0 1px 0 #eee7df}.digit-window:after{background:linear-gradient(180deg,#1c25314d,transparent 24%,transparent 77%,#2c344045)}