.showcase{scroll-snap-type:y proximity;position:relative}body[data-showcase-scene=beringia]{background:#052533}body[data-showcase-scene=vital-ice]{background:#000}body[data-showcase-scene=tale-of-two-rivers]{background:#f1ece2}body[data-showcase-scene=field-ledger]{background:#f5f3ee}body[data-showcase-scene]{transition:background-color .6s}body[data-showcase-scene] .site-footer{background:var(--color-parchment)}.scene{scroll-snap-align:start;min-height:100vh;padding:var(--space-6) var(--container-pad);background:var(--scene-bg);color:var(--scene-text);justify-content:center;align-items:center;transition:background-color .6s;display:flex}.scene__inner{grid-gap:var(--space-5);gap:var(--space-5);grid-template-rows:auto auto auto;width:100%;max-width:1080px;display:grid}.scene__top{justify-content:space-between;align-items:baseline;gap:var(--space-4);font-family:var(--font-mono);letter-spacing:.06em;color:var(--scene-text-muted);text-transform:uppercase;font-size:.78rem;display:flex}.scene__name{color:var(--scene-text)}.scene__frame{background:var(--scene-frame);border:1px solid #ffffff14;margin:0;overflow:hidden;box-shadow:0 24px 60px -24px #0000008c}.scene__chrome{background:#ffffff0d;border-bottom:1px solid #ffffff0f;align-items:center;gap:.4rem;padding:.55rem .75rem;display:flex}.scene__dot{background:var(--scene-text-muted);opacity:.45;border-radius:999px;width:.55rem;height:.55rem;display:inline-block}.scene__url{margin-left:var(--space-3);font-family:var(--font-mono);color:var(--scene-text-muted);letter-spacing:.02em;font-size:.78rem}.scene__shot{background:var(--scene-frame);display:block}.scene__shot img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:auto;max-height:64vh;transform:translate(0,0);transform:translate3d(0, calc(var(--scene-progress,0) * -30px), 0);will-change:transform;display:block}.scene__shot img[alt]:not([src]),.scene__shot img:not([src]):after{content:attr(alt)}.scene__meta{grid-gap:var(--space-3);gap:var(--space-3);max-width:64ch;transform:translate(0,0);transform:translate3d(0, calc(var(--scene-progress,0) * 12px), 0);display:grid}.scene__title{font-family:var(--font-serif);color:var(--scene-text);margin:0;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:500;line-height:1.1}.scene__one-line{font-family:var(--font-serif);font-size:var(--fs-lede);line-height:var(--lh-snug);color:var(--scene-text-muted)}.scene__stack{flex-wrap:wrap;gap:.4rem;display:flex}.scene__chip{font-family:var(--font-mono);letter-spacing:.02em;color:var(--scene-text);background:0 0;border:1px solid #ffffff2e;padding:.25rem .55rem;font-size:.74rem}.scene__quote{padding:var(--space-3) var(--space-4);border-left:2px solid var(--scene-accent);background:#ffffff0a;max-width:56ch;margin:0}.scene__quote p{font-family:var(--font-serif);font-style:italic;font-size:var(--fs-lede);line-height:var(--lh-snug);color:var(--scene-text);margin-bottom:var(--space-2)}.scene__quote cite{font-style:normal;font-family:var(--font-mono);color:var(--scene-text-muted);font-size:.74rem}.scene__visit-link{font-family:var(--font-sans);font-size:var(--fs-meta);letter-spacing:.04em;color:var(--scene-accent);background-image:linear-gradient(var(--scene-accent), var(--scene-accent));transition:opacity var(--transition);background-size:100% 1px;padding-bottom:2px}.scene__visit-link:hover{opacity:.75}#scene-tale-of-two-rivers .scene__chip,#scene-field-ledger .scene__chip{border-color:#0000002e}#scene-tale-of-two-rivers .scene__quote,#scene-field-ledger .scene__quote{background:#0000000a}#scene-tale-of-two-rivers .scene__frame,#scene-field-ledger .scene__frame{border-color:#00000014;box-shadow:0 24px 60px -28px #1e281e59}#scene-tale-of-two-rivers .scene__chrome,#scene-field-ledger .scene__chrome{background:#0000000a;border-bottom-color:#0000000f}#scene-tale-of-two-rivers .scene__dot,#scene-field-ledger .scene__dot{opacity:.35}.showcase-guide{z-index:80;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-parchment);border:1px solid var(--color-stone-light);min-width:220px;max-width:280px;color:var(--color-ink);display:grid;position:fixed;bottom:clamp(.75rem,2vw,1.5rem);right:clamp(.75rem,2vw,1.5rem);box-shadow:0 16px 32px -12px #00000059}.showcase-guide__head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.showcase-guide__count{font-family:var(--font-mono);color:var(--color-stone);letter-spacing:.04em;font-size:.78rem}.showcase-guide__name{font-family:var(--font-serif);color:var(--color-ink);margin:0;font-size:1rem;font-weight:500}.showcase-guide__controls{align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--color-rule);display:flex}.showcase-guide__btn{border:1px solid var(--color-stone-light);width:2rem;height:2rem;color:var(--color-ink);font-family:var(--font-mono);transition:background var(--transition), color var(--transition);background:0 0;justify-content:center;align-items:center;font-size:.95rem;display:inline-flex}.showcase-guide__btn:hover:not(:disabled){background:var(--color-forest);color:var(--color-parchment);border-color:var(--color-forest)}.showcase-guide__btn:disabled{opacity:.4;cursor:not-allowed}.showcase-guide__exit{font-family:var(--font-sans);font-size:var(--fs-meta);color:var(--color-forest);margin-left:auto}@media (prefers-reduced-motion:reduce){body[data-showcase-scene],.scene{transition:none}.scene__shot img,.scene__meta{transform:none!important}}@media (max-width:720px){.showcase-guide{min-width:180px;padding:var(--space-2) var(--space-3)}.showcase-guide__name{font-size:.9rem}.scene__shot img{max-height:50vh}.scene__inner{gap:var(--space-4)}}
.showcase-intro{padding-block:clamp(var(--space-7), 9vw, var(--space-9));border-bottom:var(--hairline);background:var(--color-parchment)}.showcase-intro__inner{max-width:760px}.showcase-intro__title{font-family:var(--font-serif);font-size:var(--fs-h1);font-weight:500;line-height:var(--lh-tight);margin:var(--space-3) 0 var(--space-4)}.showcase-intro__lede{font-family:var(--font-serif);font-size:var(--fs-lede);line-height:var(--lh-snug);color:var(--color-ink-soft);max-width:60ch}