@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:oklch(15% .006 90);--text:oklch(94% .009 90);--muted:oklch(70% .014 90);--gold:oklch(86% .065 85);--step:70px;font-family:Manrope,'Avenir Next',sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0}main{max-width:2000px;margin:auto;padding:clamp(30px,5vw,80px) 4vw 24px}header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:38px}h1{font-size:clamp(38px,5vw,76px);font-weight:400;letter-spacing:-.065em;line-height:1.05;margin:0}header p{font-size:11px;color:var(--muted);margin:0 0 6px}button,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}button:focus-visible,select:focus-visible,.viewport:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.experience{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:40px;align-items:center}.map-frame{min-width:0;perspective:1600px}.viewport{overflow:hidden;position:relative;touch-action:pan-x pan-y;border-radius:2px}.terrain{position:relative;transform-origin:center;will-change:transform;transition:transform 800ms cubic-bezier(.16,1,.3,1)}.terrain>img{width:100%;height:auto;display:block}.terrain>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.map-controls{display:flex;justify-content:space-between;padding:15px 0 0}.map-controls button{font-size:10px;color:var(--muted);padding:7px 0;min-height:35px}.plot{cursor:pointer;outline:none}.hit{fill:transparent;stroke:oklch(94% .025 85 / .3);stroke-width:.65;vector-effect:non-scaling-stroke}.raised{opacity:0;pointer-events:none;transform:translateY(0);transition:transform 600ms cubic-bezier(.16,1,.3,1),opacity 250ms;filter:drop-shadow(0 12px 5px oklch(8% .005 90 / .85))}.raised use{filter:brightness(1.35) saturate(.8)}.edge{fill:oklch(85% .07 85 / .12);stroke:var(--gold);stroke-width:1.5;vector-effect:non-scaling-stroke}.plot.active .raised,.plot:focus-visible .raised{opacity:1;transform:translateY(-11px)}.plot text{font-size:19px;fill:var(--text);text-anchor:middle;paint-order:stroke;stroke:oklch(15% .01 90);stroke-width:4px;stroke-linejoin:round;pointer-events:none;opacity:0;transition:opacity 200ms,transform 600ms cubic-bezier(.16,1,.3,1)}.plot.active text,.plot:focus-visible text{opacity:1;transform:translateY(-19px)}.plot.active .hit{fill:oklch(85% .07 85 / .1);stroke:var(--gold)}aside{min-width:0}.wheel{height:350px;position:relative;overflow:hidden;mask-image:linear-gradient(transparent,black 22%,black 78%,transparent)}#lot-track{position:absolute;top:140px;width:100%;transform:translateY(0);transition:transform 850ms cubic-bezier(.16,1,.3,1);will-change:transform}.lot-row{height:var(--step);display:flex;align-items:center;text-align:left;width:100%;padding:0;font-size:36px;letter-spacing:-.055em;font-weight:400;color:var(--muted);opacity:.3;transform-origin:left center;transform:scale(.78);transition:opacity 500ms,transform 650ms cubic-bezier(.16,1,.3,1),color 350ms}.lot-row.active{opacity:1;transform:scale(1);color:var(--text)}.lot-row.near{opacity:.55}.selection-mark{position:absolute;right:3px;top:160px;color:var(--gold);font-size:20px;pointer-events:none}.lot-controls{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:5px 0 24px}.lot-controls button{font-size:20px;min-width:44px;min-height:44px;color:var(--muted)}select{background:var(--bg);border:0;padding:10px 5px;font-size:10px;max-width:140px;color:var(--muted)}figure{margin:0}figure img{display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:cover}figcaption{font-size:8px;line-height:1.7;color:var(--muted);margin-top:10px}.note{font-size:9px;line-height:1.8;color:var(--muted);max-width:690px;margin:27px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.no-depth .raised,.no-depth .plot text{transform:none!important}.no-depth .terrain{transform:none!important}
@media(min-width:1700px){.experience{grid-template-columns:minmax(0,1fr) 290px;gap:55px}.wheel{height:420px}#lot-track{top:175px}.selection-mark{top:195px}}
@media(max-width:1050px){.experience{grid-template-columns:minmax(0,1fr) 185px;gap:22px}.lot-row{font-size:30px}.wheel{height:280px}#lot-track{top:105px}.selection-mark{top:125px}}
@media(max-width:720px){main{padding:35px 20px 22px}header{display:block;margin-bottom:25px}header p{margin:15px 0 0;font-size:10px}.experience{display:block}.viewport{overflow-x:auto;scrollbar-width:none}.terrain{width:950px}.map-controls{padding-top:6px}aside{display:grid;grid-template-columns:1fr 1fr;column-gap:26px;align-items:center;margin-top:0}.wheel{height:210px;grid-column:1;grid-row:1;--step:54px}#lot-track{top:78px}.selection-mark{top:94px;font-size:17px}.lot-row{font-size:31px;height:54px}.lot-controls{grid-column:1;grid-row:2;margin:0}.lot-controls button{min-width:32px}select{width:90px;font-size:9px}figure{grid-column:2;grid-row:1/3}figcaption{font-size:8px}.note{font-size:8px;margin-top:25px}.plot text{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.terrain{transform:none!important}.raised,.plot text{transform:none!important}}