@font-face {
  font-family: "Ogg Medium";
  src: url("https://dcym8fthxf5uu.cloudfront.net/fonts/247a073c-29f5-4a89-aa3a-741020f346fc/OggText-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}

:root {
  --mx: 0; --my: 0;
  --back-opacity: 1; --back-x: 0px; --back-y: 0px; --back-scale: 0.76;
  --four-y: 10vh; --four-scale: 0.78;
  --bazaar-y: 20vh;
  --blur-px: 0px; --back-brightness: 1;
  --bazaar-blur-px: 0px; --bazaar-brightness: 1; --bazaar-saturation: 1;
  --shade-opacity: 1; --shade-z: 2;
  --shade-top-alpha: 0; --shade-mid-alpha: 0; --shade-bottom-alpha: 0;
  --blur-tint: 74, 181, 224;
  --title-y: 0px; --title-scale: 1; --title-opacity: 1;
  --bridge-x: -50%; --bridge-y: 0px; --bridge-bottom: 5vh;
  --bridge-width: 67.2vw; --bridge-scale: 1.02;
  --split-left-x: -50%;  --split-left-y: 0px;  --split-left-scale: 1;
  --split-right-x: -50%; --split-right-y: 0px; --split-right-scale: 1;
  --frame2-opacity: 0; --frame2-x: -50%; --frame2-y: -50%; --frame2-scale: 1.06;
  --intro-copy-y: 0px; --intro-copy-opacity: 1;
  --panel2-opacity: 0; --panel2-y: calc(-50% + 58px);
  --panel3-opacity: 0; --panel3-y: calc(-50% + 58px);
  --sights-opacity: 0; --sights-controls-opacity: 0; --sights-y: 0px;
  --sights-enter-x: 420vw; --sights-visibility: hidden;
  --sights-shift: 0px; --sights-scale: 1;
  --sights-top: clamp(112px, 19vh, 220px);
  --sights-screen-top: clamp(112px, 19vh, 220px);
  --ink: #111411; --paper: #fdf1e1; --shadow: rgba(0, 0, 0, 0.32);
  font-family: Inter, Satoshi, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--paper);
  background: #0b1110;
  letter-spacing: 0;
}

* { box-sizing: border-box }
html { min-height:100%; scroll-behavior:smooth; background:#0b1110 }
body { min-height:100%; margin:0; overflow-x:clip; background:#0b1110 }
button { border:0; font:inherit }
.site-shell { min-height:100vh }

/* Scroll rig */
.cinema-scroll { position: relative; height: calc(100vh + 3700px) }
.stage { position: sticky; top: 0; height: 100vh; min-height: 620px; overflow: hidden; isolation: isolate; background: #7fb4d4 }

.world, .back-stack, .sky-img, .shade, .scene-img, .site-header,
.sights-slider, .sights-controls, .hero-title, .intro-copy, .story-panel { position: absolute }

.world { inset: 0; overflow: hidden; background: #79b7dd }

/* Header (z 10) */
.site-header {
  top:0; left:0; right:0; z-index:10;
  display:grid; grid-template-columns: minmax(260px,1fr) auto minmax(260px,1fr);
  align-items:center; gap:32px; padding:32px; color:rgba(253,241,225,0.86); pointer-events:auto
}
.site-logo {
  justify-self:start;
  font-family:"Ogg Medium", serif; font-size:24px; line-height:1; font-weight:500;
  color:rgba(253,241,225,0.92); text-decoration:none; white-space:nowrap
}
.site-nav { display:flex; justify-content:center; gap: clamp(24px, 2.2vw, 44px) }
.site-nav a, .language-switcher {
  color:rgba(253,241,225,0.86); font-weight:700; line-height:1;
  text-shadow: 0 2px 16px rgba(0,0,0,0.2)
}
.site-nav a { font-size:20px; font-weight:400; text-decoration:none }
.language-switcher {
  justify-self:end; display:inline-flex; align-items:center; gap:5px;
  padding:0; background:transparent; font-size:16px; cursor:pointer
}
.language-switcher span { display:inline-flex; line-height:1 }

/* Scene images (shared) */
.scene-img {
  display:block; user-select:none; -webkit-user-drag:none;
  will-change: transform, opacity, filter; pointer-events:none
}

/* Sky (z 0) */
.sky-img {
  inset:0; width:100%; height:100%; object-fit:cover; transform:none;
  filter: blur(var(--blur-px)) brightness(var(--back-brightness))
}

/* Back stack (z 1) */
.back-stack {
  top:0; bottom:0; left:-3vw; right:-3vw; z-index:1;
  opacity: var(--back-opacity);
  transform: translate3d(var(--back-x), var(--back-y), 0) scale(var(--back-scale));
  transform-origin: 50% 100%;
  will-change: transform, filter, opacity
}
.back-img {
  inset:0; width:100%; height:100%; object-fit:cover;
  filter: blur(var(--blur-px)) brightness(var(--back-brightness))
}
.back-bazaar, .back-four { top:auto; bottom:0; left:48%; right:auto; width:112%; height:auto; object-fit:contain }
.back-bazaar {
  z-index:3; opacity:1;
  filter: blur(var(--bazaar-blur-px)) brightness(var(--bazaar-brightness)) saturate(var(--bazaar-saturation));
  transform: translate3d(-50%, var(--bazaar-y), 0) scale(0.86)
}
.back-four {
  z-index:1; opacity:0.72; mix-blend-mode:screen;
  transform: translate3d(-50%, calc(var(--four-y) - 110px), 0) scale(var(--four-scale))
}

/* Sights slider (z 2) */
.sights-slider {
  left:0; right:0; top: var(--sights-top); padding:0; z-index:2;
  opacity:1;
  visibility: var(--sights-visibility);
  transform: translate3d(var(--sights-enter-x), var(--sights-y), 0) scale(var(--sights-scale));
  transform-origin: 0 0;
  pointer-events:auto; will-change:transform
}
.sights-track {
  display:flex; gap: clamp(16px, 1.15vw, 24px); align-items:stretch;
  transform: translate3d(calc(var(--sights-shift) - 18vw), 0, 0);
  transition: transform 640ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change:transform
}
.sights-track.is-jumping { transition: none }

.sight-card {
  position:relative; flex: 0 0 clamp(360px, 19.4vw, 430px); height:220px; padding:24px;
  overflow:hidden; border:1px solid rgba(253,241,225,0.42); border-radius:24px;
  color:#000; background:#fdf1e1; box-shadow: 0 18px 52px rgba(2,47,64,0.12);
  backdrop-filter:none; cursor:pointer; pointer-events:auto; user-select:none
}
.sight-card::before, .sight-card::after { content:none }
.sight-card :is(.sight-kicker, h3, p) { text-shadow:none; position:relative; z-index:1 }
.sight-card:focus-visible, .sight-card.is-active { outline:none }

.sight-kicker {
  display:block; margin-bottom:56px; color:#000; font-size:12px; font-weight:500;
  line-height:1.05; text-transform:uppercase
}
.sight-pin { position:absolute; top:24px; right:24px; width:67.2px; height:67.2px; pointer-events:none }
.sight-card h3 {
  position:absolute; left:24px; right:24px;
  bottom: calc(24px + (16px * 1.16 * 2) + 12px);
  max-width: calc(100% - 76px); margin:0; color:#000; font-size:24px; font-weight:800;
  line-height:0.95; overflow:hidden; text-overflow:ellipsis; white-space:nowrap
}
.sight-card p {
  position:absolute; left:24px; right:24px; bottom:24px; max-width:100%;
  margin:12px 0 0; color:#000; font-size:16px; font-weight:400; line-height:1.16;
  display:-webkit-box; max-height: calc(2em * 1.16); overflow:hidden;
  -webkit-box-orient:vertical; -webkit-line-clamp:2
}

/* Sights controls (z 5) */
.sights-controls {
  left:48px; right:auto; top: calc(var(--sights-screen-top) + 220px + 16px); z-index:5;
  display:flex; justify-content:flex-start; gap:14px;
  opacity: var(--sights-controls-opacity);
  transform: translate3d(0, var(--sights-y), 0);
  pointer-events:none; will-change:transform, opacity
}
.sights-controls.is-ready { pointer-events:auto }
.sight-nav {
  width:54px; height:54px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px; color:#111411; background:rgba(253,241,225,0.94);
  box-shadow: 0 18px 36px rgba(0,0,0,0.2); cursor:pointer
}

/* Hero title (z 3) */
.hero-title {
  left:50%; top: clamp(122px, 19vh, 205px); width: min(94vw, 1780px); margin:0; z-index:3;
  color:#fdf1e1; font-family:"Ogg Medium", serif; font-size:14rem; font-weight:500;
  line-height:0.78; text-align:center; text-shadow:none;
  transform: translate3d(-50%, var(--title-y), 0) scale(var(--title-scale));
  opacity: var(--title-opacity); will-change: transform, opacity
}

/* Bridge (z 4) */
.bridge-img {
  left:50%; bottom: var(--bridge-bottom); width: min(var(--bridge-width), 2140px); height:auto; z-index:4;
  transform: translate3d(var(--bridge-x), var(--bridge-y), 0) scale(var(--bridge-scale));
  transform-origin: 50% 48%
}

/* Splitframes (z 6) */
.splitframe-img {
  left:50%; bottom:-2vh; width: min(118vw, 2240px); height:auto; z-index:6; pointer-events:none
}
.splitframe-left {
  transform: translate3d(var(--split-left-x), var(--split-left-y), 0) scale(var(--split-left-scale));
  transform-origin: 21% 52%
}
.splitframe-right {
  transform: translate3d(var(--split-right-x), var(--split-right-y), 0) scale(var(--split-right-scale));
  transform-origin: 79% 52%
}

/* Frame two (z 5) */
.frame-two-img {
  filter: none !important; backdrop-filter:none;
  left:50%; top:50%; width: min(122vw, 2160px); height:auto; z-index:5;
  opacity: var(--frame2-opacity);
  transform: translate3d(var(--frame2-x), var(--frame2-y), 0) scale(var(--frame2-scale));
  transform-origin: 50% 48%
}

/* Shade */
.shade {
  inset:0; z-index: var(--shade-z); pointer-events:none; opacity: var(--shade-opacity);
  background: linear-gradient(180deg,
    rgba(var(--blur-tint), var(--shade-top-alpha)) 0%,
    rgba(var(--blur-tint), var(--shade-mid-alpha)) 48%,
    rgba(var(--blur-tint), var(--shade-bottom-alpha)) 100%);
}

/* Intro copy (z 9) */
.intro-copy {
  left:50%; bottom: clamp(56px, 28vh, 400px); width: min(560px, calc(100vw - 40px));
  text-align:center; z-index:9;
  transform: translate3d(-50%, var(--intro-copy-y), 0);
  opacity: var(--intro-copy-opacity); will-change: transform, opacity
}
.intro-copy p {
  margin:0 auto; max-width:560px; color:#fdf1e1; font-size:1.18rem; font-weight:500;
  line-height:1.18; text-shadow: 0 2px 18px rgba(0,0,0,0.42)
}
.hero-tags { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:26px }
.hero-tags span {
  min-height:42px; display:inline-flex; align-items:center; justify-content:center;
  padding:0 25px; color:var(--ink); border-radius:999px; background:#fdf1e1;
  font-size:0.98rem; font-weight:500; box-shadow: 0 12px 30px rgba(0,0,0,0.18)
}

/* Story panels (z 10) */
.story-panel {
  left:50%; top:45%; width: min(760px, calc(100vw - 42px)); text-align:center; z-index:10;
  pointer-events:none; transform: translate3d(-50%, -50%, 0); will-change: transform, opacity
}
.story-panel h2 {
  margin:0; color:#fdf1e1; font-family:"Ogg Medium", serif; font-size:4.75rem; font-weight:500;
  line-height:0.95; text-shadow: 0 16px 38px var(--shadow)
}
.story-panel p {
  width: min(520px, 100%); margin:26px auto 0; color:#fdf1e1; font-size:1.14rem; font-weight:500;
  line-height:1.18; text-shadow: 0 2px 18px rgba(0,0,0,0.42)
}
.story-panel-bridge { top:60%; opacity: var(--panel2-opacity); transform: translate3d(-50%, var(--panel2-y), 0) }
.story-panel-bazaar { top:29%; opacity: var(--panel3-opacity); transform: translate3d(-50%, var(--panel3-y), 0) }
.facts {
  display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:86px;
  width: min(470px, 100%); margin:72px auto 0
}
.facts dt {
  color:#fdf1e1; font-family:"Ogg Medium", serif; font-size:4.2rem; font-weight:500;
  line-height:0.9; text-shadow: 0 14px 34px var(--shadow)
}
.facts dd {
  margin:18px 0 0; color:#fdf1e1; font-size:1rem; font-weight:500; line-height:1.14;
  text-shadow: 0 2px 18px rgba(0,0,0,0.42)
}
.note-button {
  min-height:50px; margin-top:28px; display:inline-flex; align-items:center; justify-content:center;
  gap:12px; padding:0 28px; border-radius:999px; color:var(--ink); background:#fdf1e1;
  box-shadow: 0 16px 34px rgba(0,0,0,0.18); pointer-events:auto; cursor:pointer
}
.note-button span:first-child { font-size:1.25rem; line-height:1 }

/* Micro-interactions */
.scroll-progress {
  position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 40;
  background: rgba(253,241,225,0.14); pointer-events: none
}
.scroll-progress span {
  display: block; height: 100%; width: calc(var(--scroll-progress, 0) * 100%);
  background: #fdf1e1; transition: width 120ms linear
}
.scroll-cue {
  position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%); z-index: 12;
  display: inline-flex; flex-direction: column; align-items: center; gap: 10px;
  padding: 10px 18px; color: rgba(253,241,225,0.9); background: transparent;
  font-size: 11px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase;
  cursor: pointer; opacity: var(--cue-opacity, 1);
}
.scroll-cue-line { width: 1px; height: 34px; background: rgba(253,241,225,0.7); position: relative; overflow: hidden }
.scroll-cue-line::after {
  content: ""; position: absolute; left: 0; top: -100%; width: 100%; height: 100%;
  background: #fdf1e1; animation: cue-drop 2.2s cubic-bezier(0.65, 0, 0.35, 1) infinite
}
@keyframes cue-drop { 0% { top: -100% } 60%, 100% { top: 100% } }

.sight-card { transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 420ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms }
.sight-card:hover, .sight-card.is-active { transform: translateY(-8px); box-shadow: 0 26px 64px rgba(2,47,64,0.22); border-color: rgba(253,241,225,0.85) }
.sight-card:hover .sight-pin { transform: translateY(-4px) rotate(-6deg) }
.sight-pin { transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1) }
.site-nav a { position: relative }
.site-nav a::after {
  content: ""; position: absolute; left: 0; right: 100%; bottom: -6px; height: 1px;
  background: rgba(253,241,225,0.86); transition: right 320ms cubic-bezier(0.22, 1, 0.36, 1)
}
.site-nav a:hover::after, .site-nav a:focus-visible::after { right: 0 }
.note-button { transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 300ms }
.note-button:hover { transform: translateY(-3px); box-shadow: 0 22px 44px rgba(0,0,0,0.26) }
.hero-tags span { transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1) }
.hero-tags span:hover { transform: translateY(-3px) }

/* Notes overlay */
.notes-overlay {
  position: fixed; inset: 0; z-index: 50; display: flex; align-items: center; justify-content: center;
  padding: 20px; background: rgba(6, 16, 15, 0.62); backdrop-filter: blur(14px)
}
.notes-overlay[hidden] { display: none }
.notes-sheet {
  position: relative; width: min(880px, 100%); max-height: min(84vh, 900px); overflow-y: auto;
  padding: clamp(28px, 4vw, 56px); border-radius: 28px; background: #fdf1e1; color: var(--ink);
  box-shadow: 0 40px 120px rgba(0,0,0,0.45);
  animation: sheet-in 480ms cubic-bezier(0.22, 1, 0.36, 1)
}
@keyframes sheet-in { from { opacity: 0; transform: translateY(36px) scale(0.98) } to { opacity: 1; transform: none } }
.notes-sheet h2 { margin: 0 0 30px; font-family: "Ogg Medium", serif; font-size: clamp(2rem, 4vw, 3rem); font-weight: 500; line-height: 1 }
.notes-close {
  position: absolute; top: 20px; right: 20px; width: 46px; height: 46px; border-radius: 999px;
  background: rgba(17,20,17,0.08); color: var(--ink); font-size: 22px; line-height: 1; cursor: pointer;
  transition: background 250ms
}
.notes-close:hover { background: rgba(17,20,17,0.16) }
.notes-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 26px }
.note-item { border-top: 1px solid rgba(17,20,17,0.16); padding-top: 18px }
.note-item h3 { margin: 0 0 10px; font-size: 1.02rem; font-weight: 800; line-height: 1.15 }
.note-item p { margin: 0; font-size: 0.95rem; line-height: 1.5; color: rgba(17,20,17,0.78) }

@media (max-width: 640px) {
  .notes-overlay { padding: 12px; align-items: flex-end }
  .notes-sheet { max-height: 88vh; border-radius: 22px }
}

@media (prefers-reduced-motion: reduce) {
  .scroll-cue-line::after { animation: none }
  .notes-sheet { animation: none }
  .sight-card, .note-button, .hero-tags span, .sight-pin { transition: none }
}

/* Inner pages */
body.inner-page { background: #0b1110; color: var(--paper) }
.inner-header { position: relative; z-index: 20 }
.page-hero {
  max-width: min(880px, calc(100vw - 48px)); margin: clamp(40px, 9vh, 110px) auto 0; text-align: center
}
.page-hero .kicker {
  margin: 0 0 22px; font-size: 11px; font-weight: 700; letter-spacing: 0.24em;
  text-transform: uppercase; color: rgba(253,241,225,0.62)
}
.page-hero h1 {
  margin: 0; font-family: "Ogg Medium", serif; font-weight: 500; line-height: 0.98;
  font-size: clamp(2.8rem, 7vw, 5.6rem); color: #fdf1e1
}
.page-hero .lede {
  margin: 26px auto 0; max-width: 560px; font-size: 1.1rem; font-weight: 500;
  line-height: 1.35; color: rgba(253,241,225,0.86)
}
.routes-grid {
  max-width: min(1180px, calc(100vw - 48px)); margin: clamp(48px, 8vh, 96px) auto 0;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 26px
}
.route-card {
  display: flex; flex-direction: column; padding: 32px 28px; border-radius: 26px;
  border: 1px solid rgba(253,241,225,0.28); background: rgba(253,241,225,0.06);
  backdrop-filter: blur(8px); transition: transform 420ms cubic-bezier(0.22,1,0.36,1), background 300ms, border-color 300ms
}
.route-card:hover { transform: translateY(-8px); background: rgba(253,241,225,0.1); border-color: rgba(253,241,225,0.55) }
.route-meta { display: flex; gap: 10px; margin-bottom: 22px }
.route-meta span {
  padding: 6px 14px; border-radius: 999px; background: rgba(253,241,225,0.14);
  font-size: 0.78rem; font-weight: 700; letter-spacing: 0.04em
}
.route-card h2 { margin: 0 0 14px; font-family: "Ogg Medium", serif; font-size: 1.9rem; font-weight: 500; line-height: 1.02; color: #fdf1e1 }
.route-card p { margin: 0; font-size: 0.98rem; line-height: 1.55; color: rgba(253,241,225,0.84) }
.route-stops { list-style: none; margin: 26px 0 0; padding: 20px 0 0; border-top: 1px solid rgba(253,241,225,0.2); display: flex; flex-wrap: wrap; gap: 8px }
.route-stops li { font-size: 0.82rem; font-weight: 600; color: rgba(253,241,225,0.72) }
.route-stops li + li::before { content: "·"; margin-right: 8px; color: rgba(253,241,225,0.4) }
.notes-page-grid {
  max-width: min(1080px, calc(100vw - 48px)); margin: clamp(48px, 8vh, 96px) auto 0;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 26px
}
.notes-page-grid .note-item { border-top-color: rgba(253,241,225,0.28) }
.notes-page-grid .note-item h3 { color: #fdf1e1; font-size: 1.12rem }
.notes-page-grid .note-item p { color: rgba(253,241,225,0.8) }
.page-cta { text-align: center; padding: clamp(56px, 10vh, 120px) 24px clamp(72px, 12vh, 140px) }
.page-cta h2 { margin: 0 0 30px; font-family: "Ogg Medium", serif; font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 500; line-height: 1.05; color: #fdf1e1 }

@media (max-width: 640px) {
  .page-hero { margin-top: 140px }
}

/* Media queries */
@media (max-width: 1500px) {
  .hero-title { font-size: 11rem; }
  .story-panel h2 { font-size: 4.1rem; }
}

@media (max-width: 1100px) {
  .hero-title { top: 15vh; font-size: 7.5rem; }
  .bridge-img { width: 138vw; }
  .frame-two-img { width: 132vw; }
  .story-panel h2 { font-size: 3.2rem; }
  .facts { gap: 34px; margin-top: 44px; }
  .facts dt { font-size: 3.2rem; }
  .sight-card { flex-basis: clamp(320px, 40vw, 390px); min-height: 178px; }
}

@media (max-width: 640px) {
  .stage { min-height: 640px; }
  .site-header { grid-template-columns: 1fr auto; gap: 18px; padding: 24px; }
  .site-nav { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start;
              gap: 18px; overflow-x: auto; scrollbar-width: none; }
  .site-nav::-webkit-scrollbar { display: none; }
  /* Mobile usability: bigger tap targets, readable nav */
  .site-logo { font-size: 18px; }
  .site-nav a { font-size: 16px; padding: 8px 0; }
  .language-switcher { padding: 8px 0 8px 12px; }
  .hero-title { top: 16vh; font-size: 4.5rem; }
  .bridge-img { bottom: 2vh; width: 190vw; }
  .frame-two-img { width: 176vw; }
  .intro-copy { bottom: 42px; }
  .intro-copy p, .story-panel p { font-size: 1rem; }
  .hero-tags { gap: 8px; }
  .hero-tags span { min-height: 38px; padding: 0 16px; font-size: 0.88rem; }
  .story-panel { top: 42%; }
  .story-panel-bazaar { top: 26%; }
  .story-panel h2 { font-size: 2.45rem; }
  .facts { gap: 18px; margin-top: 34px; }
  .facts dt { font-size: 2.5rem; }
  .sights-slider { padding: 0; }
  /* Cards start below header/nav until JS re-solves the position */
  .sights-slider { top: auto !important; bottom: 34vh; }
  .sights-track { gap: 12px; transform: translate3d(calc(var(--sights-shift) - 18vw), 0, 0); }
  .sight-card { flex-basis: min(82vw, 330px); padding: 24px; border-radius: 24px; }
  .sights-controls { left: 24px; top: calc(var(--sights-screen-top) + 236px); }
  /* Card text de-bunching: flow layout instead of absolutes on small screens */
  .sight-card { display: flex; flex-direction: column; align-items: flex-start; height: auto; min-height: 210px; }
  .sight-kicker { margin-bottom: auto; }
  .sight-pin { width: 46px; height: 46px; }
  .sight-card h3 { position: static; max-width: calc(100% - 60px); margin: 44px 0 0; font-size: 21px; white-space: normal; display: block; }
  .sight-card p { position: static; max-width: 100%; margin: 10px 0 0; -webkit-line-clamp: 3; max-height: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .scene-img, .back-stack, .hero-title, .intro-copy,
  .story-panel, .sights-track, .sights-slider { transition: none; }
}