.field-guide{--fg-ink:#e7e6e2;--fg-steel:#9a9fa3;--fg-sky:#87cefa;--fg-line:#ffffff1f;color:var(--fg-ink);background:#050506;position:relative}html:has(.field-guide:not(.fg-embedded)){scroll-snap-type:y proximity}body:has(.field-guide:not(.fg-embedded)){background:#050506}body:has(.field-guide:not(.fg-embedded)) .footer{z-index:2;color:#8f9da8;background:#050506;border-color:#9ab6ca29;margin:0;padding:25px max(40px,6vw);font-size:9px;position:relative}.field-guide ::selection{background:var(--fg-sky);color:#050506}.fg-scene{z-index:0;height:100lvh;position:fixed;top:0;left:0;right:0;overflow:hidden}.fg-canvas,.fg-poster{width:100%;height:100%;position:absolute;inset:0}.fg-canvas canvas{width:100%;height:100%;display:block}.fg-poster img{object-fit:cover;opacity:.85;width:100%;height:100%;transition:opacity .8s}.field-guide[data-ready] .fg-poster img{opacity:0}.fg-track{z-index:0;pointer-events:none;position:relative}.fg-step{scroll-snap-align:start;height:100svh}.fg-title{z-index:2;opacity:0;pointer-events:none;max-width:640px;transition:opacity .6s,transform .6s;position:fixed;bottom:12svh;left:max(40px,6vw);transform:translateY(16px)}.fg-title[data-show]{opacity:1;transform:none}.fg-title h1,.fg-title h2{letter-spacing:-.055em;text-shadow:0 0 28px #000000b3;margin:0;font-size:clamp(46px,6.4vw,112px);font-weight:500;line-height:.94}.fg-title p:not(.fg-kicker){max-width:46ch;color:var(--fg-ink);text-shadow:0 0 18px #000;margin:24px 0 0;font-size:clamp(15px,1.2vw,19px);line-height:1.5}.fg-note{color:var(--fg-steel)!important}.fg-kicker{letter-spacing:.04em;color:var(--fg-sky);margin:0 0 16px;font:400 10px/1.6 IBM Plex Mono,monospace}.fg-index{z-index:3;opacity:0;gap:22px;transition:opacity .5s,visibility .5s;display:grid;position:fixed;top:50%;left:max(40px,6vw);transform:translateY(-50%)}.field-guide:not([data-at="0"]) .fg-index{opacity:1}.field-guide[data-at="0"] .fg-index{visibility:hidden}.fg-group p{letter-spacing:.04em;color:var(--fg-steel);margin:0 0 8px;font:400 10px/1.6 IBM Plex Mono,monospace}.fg-group ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.fg-group a{color:#e7e6e287;gap:10px;padding:3px 0;font-size:13px;line-height:1.3;text-decoration:none;transition:color .25s;display:flex}.fg-group a span{color:#9a9fa3c4;font:400 9.5px/1.9 IBM Plex Mono,monospace}.fg-group a:hover,.fg-group a:focus-visible,.fg-group a[aria-current]{color:var(--fg-ink)}.fg-group a[aria-current] span{color:var(--fg-sky)}.fg-group a:focus-visible{outline:1px solid var(--fg-sky);outline-offset:3px}.fg-cards{z-index:3;pointer-events:none;width:min(400px,30vw);position:fixed;top:50%;right:max(40px,6vw);transform:translateY(-50%)}.fg-card{opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s;position:absolute;top:0;left:0;right:0;transform:translateY(-50%)}.fg-card[data-show]{opacity:1;visibility:visible;pointer-events:auto}.fg-card h2,.fg-card h3{letter-spacing:-.045em;text-shadow:0 0 24px #000;margin:0;font-size:clamp(34px,3.4vw,60px);font-weight:500;line-height:.98}.fg-where{color:var(--fg-steel)!important;margin:12px 0 0!important;font:400 11px/1.6 IBM Plex Mono,monospace!important}.fg-card p{text-shadow:0 0 16px #000;margin:18px 0 0;font-size:clamp(15px,1.1vw,18px);line-height:1.5}.fg-clock{color:var(--fg-sky);font-variant-numeric:tabular-nums;font:400 12px/1.6 IBM Plex Mono,monospace!important}.fg-render{border-top:1px solid var(--fg-line);color:var(--fg-steel);gap:4px;padding-top:14px;display:grid;font:400 11px/1.6 IBM Plex Mono,monospace!important}.fg-render span{color:var(--fg-sky)}.fg-map{z-index:2;pointer-events:none;opacity:0;visibility:hidden;margin:0;padding:0;list-style:none;transition:opacity .5s,visibility .5s;position:fixed;inset:0}.fg-map li{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.fg-map a{color:var(--fg-ink);pointer-events:auto;align-items:center;gap:8px;text-decoration:none;display:flex;position:absolute;top:-15px;left:-15px}.fg-map-dot{width:30px;height:30px;color:var(--fg-sky);background:#050506aa;border:1px solid #87cefa99;border-radius:50%;place-items:center;font:400 9px/1 IBM Plex Mono,monospace;transition:background .25s,color .25s,transform .25s;display:grid;box-shadow:0 0 12px #87cefa44}.fg-map-name{white-space:nowrap;opacity:0;background:#050506d9;border-radius:999px;padding:4px 9px;font:400 11px/1.2 IBM Plex Mono,monospace;transition:opacity .25s,transform .25s;transform:translate(-4px)}.fg-map li[data-left] a{flex-direction:row-reverse;left:auto;right:-15px}.fg-map a:hover .fg-map-dot,.fg-map a:focus-visible .fg-map-dot{background:var(--fg-sky);color:#050506;transform:scale(1.08)}.fg-map a:hover .fg-map-name,.fg-map a:focus-visible .fg-map-name{opacity:1;transform:none}.fg-map a:focus-visible{outline:none}.fg-marker{z-index:2;opacity:0;pointer-events:none;will-change:transform;width:0;height:0;transition:opacity .2s;position:fixed;top:0;left:0}.fg-marker[data-on]{opacity:1;transition:none}.fg-ring{box-sizing:border-box;border:1px solid var(--fg-sky);width:32px;height:32px;color:var(--fg-sky);box-shadow:0 0 14px color-mix(in srgb, var(--fg-sky) 45%, transparent);background:#050506b3;border-radius:50%;place-items:center;font:400 10px/1 IBM Plex Mono,monospace;display:grid;position:absolute;top:-16px;left:-16px}.fg-ring:after{content:"";border:1px solid color-mix(in srgb, var(--fg-sky) 35%, transparent);border-radius:50%;animation:2.8s ease-out infinite fg-pulse;position:absolute;inset:-8px}@keyframes fg-pulse{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.fg-ring:after{animation:none}}.field-guide.fg-embedded{background:0 0;padding-bottom:50svh}.fg-embedded .fg-step{scroll-snap-align:none}.fg-embedded .fg-title{z-index:auto;box-sizing:border-box;opacity:1;flex-direction:column;justify-content:flex-end;height:100%;padding-bottom:12svh;display:flex;position:relative;bottom:auto;left:auto;right:auto;transform:none}.fg-embedded:not([data-active]) .fg-index{opacity:0;visibility:hidden}.fg-end{z-index:2;background:linear-gradient(#05050600,#050506 30%);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding:16svh max(40px,6vw) 12svh;display:flex;position:relative}.fg-end p{letter-spacing:-.02em;max-width:34ch;margin:0;font-size:clamp(22px,2.4vw,38px);line-height:1.15}.fg-end div{gap:20px;display:flex}.fg-end button,.fg-end a{color:var(--fg-ink);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:999px;padding:10px 16px;font:400 11px/1 IBM Plex Mono,monospace;text-decoration:none}.fg-end button:hover,.fg-end a:hover{border-color:var(--fg-sky);color:var(--fg-sky)}@media (max-width:760px){.fg-title{bottom:10svh;left:22px;right:22px}.fg-title h1{font-size:13vw}.fg-index{display:none}.fg-cards{top:auto;left:22px;right:22px;bottom:calc(24px + env(safe-area-inset-bottom));width:auto;transform:none}.fg-card{top:auto;bottom:0;transform:none}.fg-card:before{content:"";z-index:-1;background:linear-gradient(#05050600,#050506e6 40%);position:absolute;inset:-90px -22px -30px}.fg-card h2,.fg-card h3{font-size:36px}.fg-card p{margin-top:12px;font-size:14.5px}}