.tour{--tour-ink:#ece8f4;--tour-dim:#ece8f4c7;--tour-mono:var(--font-jetbrains), ui-monospace, SFMono-Regular, Menlo, monospace;--tour-pad:clamp(1.25rem, 5.5vw, 5.5rem);isolation:isolate;min-height:100svh;color:var(--tour-ink);background:#030206;position:relative}.tour a:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.tour-stage{z-index:0;pointer-events:none;position:fixed;inset:0}.tour-backdrop{background:radial-gradient(48% 55% at 68% 46%, rgb(var(--accent-rgb) / .2), transparent 70%), radial-gradient(36% 40% at 18% 92%, rgb(var(--rose-rgb) / .09), transparent 70%), radial-gradient(120% 90% at 50% 50%, #0a0614, #030206 70%);position:absolute;inset:0}.tour-canvas{opacity:0;transition:opacity 1.4s;position:absolute;inset:0}.tour-canvas canvas{width:100%;height:100%;display:block}.tour[data-scene=ready] .tour-canvas{opacity:1}.tour-scrim{background:linear-gradient(90deg,#030206d1 0%,#03020680 32%,#0000 58%);position:absolute;inset:0}.tour-bar{z-index:20;padding:1rem var(--tour-pad);background:linear-gradient(#030206d9,#03020600);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;inset:0 0 auto}.tour-brand{border-radius:.5rem}.tour-bar-end{align-items:center;gap:1.25rem;display:flex}.tour-count{font-family:var(--tour-mono);letter-spacing:.12em;color:var(--tour-dim);font-variant-numeric:tabular-nums;font-size:.75rem}.tour-progress{transform-origin:0;height:2px;transform:scaleX(var(--progress,0));background:linear-gradient(90deg, var(--primary-hi), var(--amethyst), var(--rose));opacity:.85;position:absolute;inset:auto 0 0}.tour-rail{right:var(--tour-pad);z-index:15;position:fixed;top:50%;translate:0 -50%}.tour-rail ol{gap:.25rem;display:grid}.tour-rail a{min-height:2rem;font-family:var(--tour-mono);letter-spacing:.14em;text-transform:uppercase;color:#ece8f49e;border-radius:.375rem;justify-content:flex-end;align-items:center;gap:.75rem;padding:0 .25rem;font-size:.6875rem;transition:color .3s;display:flex}.tour-rail a:hover,.tour-rail a[aria-current]{color:var(--tour-ink)}.tour-rail-index:after{content:"";vertical-align:middle;opacity:.5;background:currentColor;width:1.5rem;height:1px;margin-left:.75rem;transition:width .3s,opacity .3s;display:inline-block}.tour-rail a[aria-current] .tour-rail-index:after{opacity:1;background:var(--amethyst);width:2.75rem}.tour main{z-index:1;position:relative}.tour-chapter{pointer-events:none;position:absolute;left:0;right:0}.tour-chapter[data-live] .tour-copy{pointer-events:auto}.tour-pin{height:100svh;padding:6rem var(--tour-pad) 4rem;align-items:center;display:flex;position:sticky;top:0}.tour-copy{text-shadow:0 2px 24px #030206e6;max-width:36rem;position:relative}.tour-copy>*,.tour-still{--in:clamp(0, calc((var(--enter,1) - var(--d,0) * .1) / .6), 1);--out:clamp(0, calc((var(--leave,0) - (4 - var(--d,0)) * .08) / .68), 1);opacity:calc(var(--in) * (1 - var(--out)))}.tour-copy>*{translate:0 calc((1 - var(--in)) * var(--rise,1.6rem) - var(--out) * var(--rise,1.6rem) * .75)}.tour-title{--d:1;clip-path:inset(-.5em calc((1 - var(--in)) * 100%) -.5em -.5em)}.tour-body{--d:2}.tour-tags{--d:3}.tour-actions{--d:4}.tour[data-motion=subtle] .tour-copy>*{--rise:.8rem}.tour-eyebrow{font-family:var(--tour-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--primary-hi);align-items:center;gap:.6rem;font-size:.75rem;display:flex}.tour-eyebrow svg{width:1rem;height:1rem}.tour-title{letter-spacing:-.035em;text-wrap:balance;margin-top:1rem;font-size:clamp(2.5rem,5.6vw,5.25rem);font-weight:600;line-height:1.02}h2.tour-title{font-size:clamp(2.2rem,4.6vw,4.25rem)}.tour-accent{background:linear-gradient(90deg, var(--primary-hi), var(--amethyst) 45%, var(--rose));color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text}.tour-body{max-width:30rem;color:var(--tour-dim);text-wrap:pretty;margin-top:1.25rem;font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.6}.tour-tags{font-family:var(--tour-mono);letter-spacing:.14em;text-transform:uppercase;color:#ece8f4b3;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1.5rem;font-size:.6875rem;display:flex}.tour-tags li{align-items:center;gap:.5rem;display:flex}.tour-tags li:before{content:"";background:var(--amethyst);width:5px;height:5px;rotate:45deg}.tour-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2rem;display:flex}.tour-link{border:1px solid rgb(var(--accent-rgb) / .55);background:rgb(var(--accent-rgb) / .16);min-height:2.75rem;color:var(--tour-ink);text-shadow:none;border-radius:999px;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:.9375rem;font-weight:600;transition:background-color .2s,border-color .2s;display:inline-flex}.tour-link:hover{border-color:var(--amethyst);background:rgb(var(--accent-rgb) / .28)}.tour-link svg{width:1rem;height:1rem}.tour-link[data-quiet]{background:#03020666;min-height:2.5rem;padding:0 1rem;font-size:.875rem}.tour-cue{min-height:2.75rem;font-family:var(--tour-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--tour-dim);border-radius:.375rem;align-items:center;gap:.6rem;font-size:.75rem;display:inline-flex}.tour-cue svg{width:1rem;height:1rem;animation:2.2s ease-in-out infinite tour-cue}@keyframes tour-cue{0%,to{translate:0 -2px}50%{translate:0 4px}}.tour-still{width:min(30vw,22rem);transition:opacity 1s,visibility 1s;position:absolute;top:50%;right:16%;translate:0 -50%}.tour[data-scene=ready] .tour-still{opacity:0;visibility:hidden}.tour:not([data-scene=fallback]) .tour-still[data-fallback-only]{display:none}.tour-emblem{aspect-ratio:1;border:1px solid rgb(var(--accent-rgb) / .4);background:radial-gradient(circle, rgb(var(--accent-rgb) / .32), rgb(var(--rose-rgb) / .08) 60%, transparent 72%);width:min(24vw,16rem);color:var(--primary-hi);border-radius:50%;place-items:center;display:grid}.tour-emblem svg{stroke-width:1.4px;width:38%;height:38%;filter:drop-shadow(0 0 24px rgb(var(--accent-rgb) / .7))}.tour-gem-art{width:100%;filter:drop-shadow(0 0 60px rgb(var(--accent-rgb) / .45))}.tour-fan-art{aspect-ratio:1.6;position:relative}.tour-fan-art span{aspect-ratio:1/1.45;background:var(--cover);transform-origin:50% 120%;width:34%;translate:calc(-50% + var(--i) * 34%) calc(max(var(--i), -1 * var(--i)) * 6%);rotate:calc(var(--i) * 7deg);z-index:calc(10 - max(var(--i), -1 * var(--i)));border-radius:.6rem;position:absolute;bottom:0;left:50%;box-shadow:0 24px 60px -20px #000000e6,inset 0 0 0 1px #ffffff1a}.tour[data-motion=off] .tour-copy>*{clip-path:none;translate:none}.tour[data-motion=off] .tour-canvas,.tour[data-motion=off] .tour-still{transition:none}.tour:is([data-motion=off],[data-motion=subtle]) .tour-cue svg{animation:none}@media (max-aspect-ratio:17/20){.tour-scrim{background:linear-gradient(#0000 40%,#030206b3 64%,#030206f0 100%)}.tour-rail{display:none}.tour-pin{padding:5rem var(--tour-pad) max(2rem, env(safe-area-inset-bottom));align-items:flex-end}.tour-title{font-size:clamp(2.1rem,9vw,3.5rem)}h2.tour-title{font-size:clamp(1.9rem,8vw,3rem)}.tour-body{margin-top:.875rem}.tour-tags{margin-top:1rem}.tour-actions{margin-top:1.25rem}.tour-still{width:min(56vw,18rem);top:14svh;right:50%;translate:50%}.tour-still[data-fallback-only]{width:min(80vw,24rem)}.tour-still.tour-emblem{width:min(52vw,14rem)}}@media (max-height:34rem){.tour-rail-label{display:none}.tour-rail a{min-height:1.5rem}}@media (max-width:30rem){.tour-count{display:none}}
