/* The introduction: an uninterrupted fly-through with centered mission copy. */
.hero{height:115svh;min-height:760px}
.hero-stage{height:100svh;min-height:690px;background:#141612}
.hero-shade{background:linear-gradient(180deg,#080b0b30,transparent 20%,transparent 67%,#121411b5),radial-gradient(ellipse at 50% 48%,#080b0b45,transparent 58%)}
.hero-copy{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);width:80%;max-width:900px;padding:0;margin:0}
.hero-copy>.micro{font-size:9px;letter-spacing:2.1px;color:#d2c5aa;margin-bottom:25px}
.hero-copy h1{font-size:clamp(100px,min(14vw,19svh),190px);line-height:.82;font-weight:800;letter-spacing:-2px;margin:0 0 25px;text-shadow:0 2px 30px #080a0840}
.hero-copy h1,.hero-copy h1 em{color:#eeeade;background-image:repeating-linear-gradient(0deg,#c7c2b4 0,#c7c2b4 1px,#efecdf 1px,#efecdf 3px);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy h1 em{font-weight:800;background-image:repeating-linear-gradient(0deg,#c6a870 0,#c6a870 1px,#eed8ac 1px,#eed8ac 3px)}
.hero-description{font-size:16px;line-height:1.5;color:#ded8c9;max-width:520px;margin:0 auto;text-shadow:0 2px 15px #080a08}
.hero-copy .action{margin-top:28px;min-width:210px;font-size:19px;min-height:53px;background:#e6b46b;box-shadow:0 0 30px #caa15c12}
.hero-copy .action:hover{background:#f7d49b;box-shadow:0 0 35px #e9b56235}
.hero-copy .play-note{font-size:7px;letter-spacing:1.25px;color:#adab9d;margin-top:15px}
.hero-bottom{bottom:30px;align-items:end}
.hero-location{font-size:7px;letter-spacing:1.3px;color:#c3b99f}
.hero-location b{color:#8d927e;font-size:7px}
#survey-distance{font-variant-numeric:tabular-nums;color:#d3b987;margin-left:8px}
.hero-index{display:none}
.survey-label{gap:8px;color:#edc47f;transition:opacity .35s}
.survey-label i{width:5px;height:5px;background:#e3bd7d;border:0;box-shadow:0 0 10px #e3bd7d80}
.survey-label span{font-size:8px;letter-spacing:1.4px;border-top-color:#d2b47455;text-shadow:0 1px 12px #080a08}
.survey-label small{font-size:5px;color:#c4c6ae;letter-spacing:.8px}
.reel-card{top:auto;bottom:100px;right:4.5vw;width:135px;transform:none;display:flex;align-items:center;gap:12px}
.reel-card:hover{transform:translateY(-3px)}
.reel-image{width:42px;height:58px;aspect-ratio:auto;flex-shrink:0;clip-path:none;padding:1px;border-color:#d4b37588}
.reel-image img{filter:sepia(.25) brightness(.8)}
.reel-play{width:25px;height:25px;font-size:17px}
.reel-caption{font-size:17px;margin:0;line-height:1.05}
.reel-caption b{font-size:5px;line-height:1.6;letter-spacing:.7px}
.reel-side{display:none}
.terrain-controls input{appearance:none;-webkit-appearance:none;height:20px;cursor:ew-resize}
.terrain-controls input::-webkit-slider-runnable-track{height:2px;background:#d8b57a45}
.terrain-controls input::-moz-range-track{height:2px;background:#d8b57a45}
.terrain-controls input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:9px;height:9px;margin-top:-3.5px;border-radius:0;background:#e9bf7b;transform:rotate(45deg);box-shadow:0 0 15px #e9bf7b55}
.terrain-controls input::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:0;background:#e9bf7b;transform:rotate(45deg)}
.terrain-controls button{min-width:36px;min-height:36px;background:#10120f60;border-color:#e9bf7b40}
@media(min-width:1600px){.hero-copy h1{font-size:min(13vw,21svh,220px)}}
@media(max-width:1000px){.hero-copy{width:86%;padding:0}.hero-copy h1{font-size:clamp(100px,15vw,155px)}.hero-copy>.micro{font-size:8px;letter-spacing:1.5px}.hero-description{font-size:14px}.reel-card{right:4vw;width:115px;gap:8px}.reel-caption{font-size:14px}}
@media(max-width:700px){
 .hero{height:112svh;min-height:820px}.hero-stage{height:100svh;min-height:760px}
 .hero-copy{width:92%;top:46.5%;max-width:550px;padding:0}
 .hero-copy>.micro{font-size:6px;letter-spacing:1.2px;margin-bottom:24px}
 .hero-copy h1{font-size:clamp(76px,23vw,130px);line-height:.83;margin:0 0 25px;letter-spacing:-1px}
 .hero-description{font-size:12px;line-height:1.6;max-width:290px}
 .hero-copy .action{font-size:18px;min-height:52px;margin-top:27px;min-width:200px}
 .hero-copy .play-note{font-size:6px;letter-spacing:.8px;margin-top:14px}
 .hero-bottom{left:6vw;right:6vw;bottom:28px;align-items:center}
 .hero-location{position:absolute;bottom:65px;font-size:5px;line-height:1.9;letter-spacing:.8px}
 .hero-location b{font-size:6px}
 .reel-card{bottom:88px;right:6vw;width:106px;gap:8px}
 .reel-image{height:45px;width:34px}.reel-caption{font-size:13px}.reel-caption b{font-size:4px;letter-spacing:.5px}
 .survey-label span{font-size:7px}.survey-label small{display:none}
 .terrain-controls{grid-template-columns:98px 36px;gap:10px}
 .terrain-controls label{font-size:5px;letter-spacing:.9px}.terrain-controls button{min-height:44px;min-width:44px}
 .scroll-cue{font-size:6px;letter-spacing:1.2px}
}
@media(prefers-reduced-motion:reduce){.hero{height:100svh;min-height:760px}}