*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#294d68;color:#f8f7f4}body{font-family:Arial,sans-serif}main{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:32px;text-align:center}.map-scene{position:absolute;inset:0;z-index:-2;pointer-events:none;perspective:1100px}.map-plane{position:absolute;inset:-10%;transform:translate3d(var(--map-x,0px),var(--map-y,0px),0) rotateX(var(--map-rx,0deg)) rotateY(var(--map-ry,0deg)) scale(1.06);will-change:transform}.holding-topography{display:block;width:100%;height:100%;overflow:visible}.holding-topography>path{opacity:.12}.map-trail{stroke:#e8c887;stroke-width:1.6;opacity:0;stroke-dasharray:180 820;stroke-dashoffset:1000;animation:travel var(--duration,24s) linear infinite;animation-delay:var(--delay,0s)}main::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#294d68f5 0%,#294d68d9 23%,#294d6810 72%)}.holding{animation:arrive 1.4s ease both}.holding img{display:block;width:clamp(180px,18vw,260px);height:auto;margin:auto}h1{font-size:14px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;margin:32px 0 0;color:#e8c887}p{font-size:15px;line-height:1.6;margin:14px 0 0;max-width:30em}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes travel{0%{stroke-dashoffset:1000;opacity:0}12%,76%{opacity:.32}94%,100%{stroke-dashoffset:-1000;opacity:0}}@media(max-width:1024px),(hover:none),(pointer:coarse){.map-plane{transform:scale(1.12);will-change:auto}.map-trail{animation:none;opacity:0}}@media(prefers-reduced-motion:reduce){.holding,.map-trail{animation:none}.map-trail{opacity:0}.map-plane{transform:scale(1.06);will-change:auto}}