:root {
  --ink: #17342f;
  --ink-soft: #47635c;
  --pine: #153d35;
  --pine-2: #225b4e;
  --lake: #67b7b0;
  --lake-light: #c9ebe4;
  --cream: #f6f0df;
  --paper: #fffaf0;
  --snow: #fffdf8;
  --saffron: #e9a33b;
  --coral: #e76f51;
  --plum: #7b536a;
  --line: rgba(23, 52, 47, .17);
  --shadow: 0 24px 70px rgba(14, 45, 39, .14);
  --radius: 26px;
  --display: "Fraunces", Georgia, serif;
  --body: "Nunito Sans", "Avenir Next", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 8% 12%, rgba(103, 183, 176, .12), transparent 26rem),
    linear-gradient(90deg, rgba(23, 52, 47, .025) 1px, transparent 1px),
    var(--cream);
  background-size: auto, 38px 38px, auto;
  font-family: var(--body);
  line-height: 1.55;
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .2;
  z-index: 999;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");
}

img { max-width: 100%; display: block; }
a { color: inherit; }
button, input { font: inherit; }
button { color: inherit; }

.skip-link {
  position: fixed;
  left: 1rem;
  top: -5rem;
  z-index: 1200;
  background: var(--snow);
  padding: .8rem 1rem;
  border-radius: 10px;
}
.skip-link:focus { top: 1rem; }

.weather-strip {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  background: var(--pine);
  color: #d8eee8;
  text-transform: uppercase;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .2em;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  min-height: 74px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding: .8rem clamp(1.2rem, 4vw, 4.5rem);
  background: rgba(246, 240, 223, .88);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}

.brand, footer > div {
  display: flex;
  align-items: center;
  gap: .7rem;
  font-family: var(--display);
  font-weight: 750;
  text-decoration: none;
}
.brand-mark {
  display: inline-grid;
  place-items: center;
  width: 39px;
  aspect-ratio: 1;
  color: var(--cream);
  background: var(--coral);
  border-radius: 47% 53% 55% 45% / 48% 45% 55% 52%;
  transform: rotate(-8deg);
  font: 750 1.25rem/1 var(--display);
  box-shadow: 2px 3px 0 var(--ink);
}

#site-nav { display: flex; align-items: center; gap: clamp(.8rem, 2.2vw, 2rem); }
#site-nav a {
  font-size: .8rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-decoration: none;
}
#site-nav a:not(.nav-cta):hover { color: var(--coral); }
.nav-cta {
  padding: .65rem 1rem;
  border: 1px solid var(--ink);
  border-radius: 99px;
  box-shadow: 2px 2px 0 var(--ink);
  transition: transform .2s, box-shadow .2s;
}
.nav-cta:hover { transform: translate(2px, 2px); box-shadow: none; }
.nav-toggle { display: none; }

.travelling-crew {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 92;
  width: 252px;
  padding: .7rem .75rem .55rem;
  border: 1.5px solid var(--ink);
  border-radius: 18px 18px 30px 30px;
  background: rgba(255, 250, 240, .94);
  backdrop-filter: blur(14px);
  box-shadow: 5px 6px 0 var(--ink), 0 20px 45px rgba(13,43,37,.2);
  opacity: 0;
  transform: translateY(24px) rotate(1deg);
  pointer-events: none;
  transition: opacity .35s, transform .35s;
}
.travelling-crew.awake { opacity:1; transform:translateY(0) rotate(1deg); pointer-events:auto; }
.travelling-label { display:flex;align-items:baseline;justify-content:space-between;gap:.7rem;margin-bottom:.55rem; }
.travelling-label small { color:var(--coral);font-size:.52rem;font-weight:800;letter-spacing:.11em;white-space:nowrap; }
.travelling-label strong { max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:650 .72rem var(--display);text-align:right; }
.traveller-windows { position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:.28rem;padding:0 .4rem; }
.traveller-windows button { position:relative;aspect-ratio:1;padding:2px;border:2px solid var(--ink);border-radius:50%;background:var(--snow);overflow:hidden;cursor:pointer; }
.traveller-windows button:hover { transform:translateY(-4px) scale(1.08); }
.traveller-windows img { width:100%;height:100%;object-fit:cover;border-radius:50%;animation:crewBob 2.8s ease-in-out infinite; }
.traveller-windows button:nth-child(2) img{animation-delay:.22s}.traveller-windows button:nth-child(3) img{animation-delay:.44s}.traveller-windows button:nth-child(4) img{animation-delay:.66s}
.crew-vehicle { position:relative;height:25px;margin:-13px 0 2px;border:2px solid var(--ink);border-radius:7px 7px 13px 13px;background:var(--coral); }
.crew-vehicle span { position:absolute;right:14px;top:6px;width:26px;height:5px;border-radius:99px;background:var(--saffron); }
.crew-vehicle i { position:absolute;bottom:-8px;width:14px;height:14px;border:3px solid var(--paper);border-radius:50%;background:var(--ink); }
.crew-vehicle i:nth-of-type(1){left:30px}.crew-vehicle i:nth-of-type(2){right:30px}
.journey-progress { height:4px;margin-top:.7rem;border-radius:99px;background:rgba(23,52,47,.14);overflow:hidden; }
.journey-progress span { display:block;width:0;height:100%;border-radius:inherit;background:var(--lake);transition:width .1s linear; }
@keyframes crewBob { 0%,100%{translate:0 0} 50%{translate:0 -3px} }

.hero {
  position: relative;
  min-height: calc(100vh - 104px);
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(560px, 1.2fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 6rem);
  padding: clamp(3rem, 7vw, 7.5rem) clamp(1.2rem, 5vw, 5.2rem) clamp(5rem, 8vw, 8rem);
  overflow: hidden;
}
.hero::after {
  content: "";
  position: absolute;
  left: -10vw;
  right: -10vw;
  bottom: -18vw;
  height: 24vw;
  min-height: 230px;
  background: var(--pine);
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  z-index: -1;
}
.hero-copy { position: relative; z-index: 3; max-width: 650px; }
.eyebrow {
  margin: 0 0 .7rem;
  color: var(--coral);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .17em;
  text-transform: uppercase;
}
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--display); line-height: .98; letter-spacing: -.035em; }
h1 { margin-bottom: 1.5rem; font-size: clamp(3.8rem, 7.5vw, 8.6rem); }
h1 em { color: var(--coral); font-weight: 500; }
h2 { margin-bottom: 1.1rem; font-size: clamp(2.6rem, 5.3vw, 5.8rem); }
h3 { font-size: clamp(1.5rem, 2.5vw, 2.4rem); }
.hero-lede { max-width: 58ch; color: var(--ink-soft); font-size: clamp(1rem, 1.35vw, 1.25rem); }
.hero-actions, .button-row { display: flex; flex-wrap: wrap; gap: .8rem; margin: 1.7rem 0; }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: .78rem 1.2rem;
  border-radius: 999px;
  border: 1.5px solid var(--ink);
  font-weight: 800;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s, background .2s;
}
.button-primary { color: var(--cream); background: var(--ink); box-shadow: 4px 4px 0 var(--coral); }
.button-primary:hover { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--coral); }
.button-ghost { background: rgba(255, 250, 240, .45); }
.button-ghost:hover { background: var(--paper); }

.countdown-card {
  width: fit-content;
  display: grid;
  grid-template-columns: auto auto;
  column-gap: .7rem;
  margin-top: 2.5rem;
  padding: .9rem 1rem;
  background: rgba(255, 250, 240, .7);
  border: 1px dashed var(--ink);
  border-radius: 14px;
  transform: rotate(-1deg);
}
.countdown-card .countdown-label { grid-column: 1 / -1; color: var(--ink-soft); font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .11em; }
.countdown-card strong { font: 750 1.5rem var(--display); }
.countdown-card > span:last-child { align-self: end; color: var(--ink-soft); font-size: .8rem; }

.hero-art { position: relative; min-height: 650px; }
.postcard {
  position: absolute;
  margin: 0;
  padding: 10px 10px 38px;
  background: var(--snow);
  box-shadow: var(--shadow), 0 0 0 1px rgba(23, 52, 47, .1);
  overflow: hidden;
}
.postcard img { width: 100%; height: 100%; object-fit: cover; }
.postcard figcaption {
  position: absolute;
  bottom: 9px;
  left: 16px;
  font: 650 .78rem var(--display);
  letter-spacing: .02em;
}
.postcard-snow {
  width: min(92%, 790px);
  aspect-ratio: 16 / 10;
  top: 4%;
  right: 0;
  transform: rotate(2.4deg);
  border-radius: 9px;
  animation: hoverSnow 7s ease-in-out infinite;
}
.postcard-lake {
  width: min(63%, 520px);
  aspect-ratio: 16 / 10;
  left: -4%;
  bottom: 2%;
  z-index: 2;
  transform: rotate(-4.5deg);
  border-radius: 9px;
  animation: hoverLake 8s ease-in-out .7s infinite;
}
.route-stamp {
  position: absolute;
  right: 2%;
  bottom: 2%;
  z-index: 4;
  display: grid;
  place-items: center;
  width: 106px;
  aspect-ratio: 1;
  border: 4px double var(--coral);
  border-radius: 50%;
  color: var(--coral);
  background: rgba(246, 240, 223, .8);
  font: 750 .84rem/1.35 var(--display);
  letter-spacing: .12em;
  text-align: center;
  transform: rotate(11deg);
}
@keyframes hoverSnow { 0%,100%{transform:rotate(2.4deg) translateY(0)} 50%{transform:rotate(1.7deg) translateY(-10px)} }
@keyframes hoverLake { 0%,100%{transform:rotate(-4.5deg) translateY(0)} 50%{transform:rotate(-3.8deg) translateY(9px)} }

.quick-facts {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;
  margin: 0 clamp(1.2rem, 4vw, 4.5rem);
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.25);
  color: var(--cream);
  transform: translateY(-2rem);
}
.quick-facts article { min-height: 118px; display: flex; flex-direction: column; justify-content: center; padding: 1.1rem 1.5rem; background: rgba(21, 61, 53, .92); }
.quick-facts strong { font: 650 clamp(1.8rem, 3vw, 3.2rem) var(--display); }
.quick-facts span { color: #bcd9d2; font-size: .74rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }

.section { padding: clamp(5rem, 10vw, 10rem) clamp(1.2rem, 6vw, 7.5rem); }
.section[id] { scroll-margin-top: 88px; }
.section-heading { max-width: 980px; margin-bottom: clamp(2rem, 5vw, 4.5rem); }
.section-heading > p:last-child { max-width: 65ch; color: var(--ink-soft); font-size: 1.08rem; }

.crew-section { padding-top: 8rem; }
.crew-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.crew-card {
  appearance: none;
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
  text-align: left;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 12px 40px rgba(25, 64, 55, .06);
  transition: transform .25s, box-shadow .25s, border-color .25s;
}
.crew-card:hover, .crew-card[aria-pressed="true"] { transform: translateY(-8px) rotate(-.5deg); box-shadow: var(--shadow); border-color: var(--coral); }
.avatar { height: 290px; overflow: hidden; background: var(--lake-light); }
.avatar img { width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .5s cubic-bezier(.2,.8,.2,1); }
.crew-card:hover .avatar img { transform: scale(1.05) translateY(-3px); }
.crew-card:hover .avatar img, .crew-card[aria-pressed="true"] .avatar img { transform:scale(1.05) translateY(-3px); }
.crew-copy { display: grid; gap: .55rem; padding: 1.4rem 1.35rem 1.2rem; }
.crew-copy small { color: var(--coral); font-size: .62rem; font-weight: 800; letter-spacing: .12em; }
.crew-copy strong { font: 650 2.15rem var(--display); line-height: 1; }
.crew-copy > span { color: var(--ink-soft); font-size: .9rem; }
.crew-tag { align-self: flex-start; margin: auto 1.35rem 1.25rem; padding: .35rem .6rem; border-radius: 99px; background: #e9e2cd; font-size: .67rem; font-weight: 800; text-transform: uppercase; }
.filter-note { width: fit-content; margin: 1.2rem auto 0; padding: .75rem 1rem; border-radius: 99px; color: var(--cream); background: var(--pine); font-size: .85rem; }
.filter-note button { margin-left: .7rem; border: 0; border-bottom: 1px solid currentColor; color: var(--saffron); background: none; cursor: pointer; }

.sprite-section {
  position:relative;
  color:var(--ink);
  background:
    radial-gradient(circle at 8% 16%, rgba(231,111,81,.17), transparent 27rem),
    radial-gradient(circle at 92% 78%, rgba(103,183,176,.18), transparent 31rem),
    #e8dfcc;
  overflow:hidden;
}
.sprite-section::before { content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(23,52,47,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(23,52,47,.08) 1px,transparent 1px);background-size:42px 42px; }
.sprite-section > * { position:relative;z-index:1; }
.sprite-heading { max-width:none;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:end;gap:clamp(2rem,6vw,7rem); }
.sprite-heading > p { margin-bottom:.35rem; }
.sprite-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem); }
.sprite-card { min-width:0;padding:1rem;border:1px solid rgba(23,52,47,.17);border-radius:32px;background:rgba(255,250,240,.92);box-shadow:0 22px 55px rgba(23,52,47,.1); }
.sprite-card-head { display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:.75rem;padding:.15rem .25rem .9rem; }
.sprite-mini-avatar { width:54px;aspect-ratio:1;border:2px solid var(--sprite-accent);border-radius:50%;overflow:hidden;background:var(--sprite-soft); }
.sprite-mini-avatar img { width:100%;height:100%;object-fit:cover; }
.sprite-card-head small { display:block;color:var(--sprite-accent);font-size:.58rem;font-weight:800;letter-spacing:.11em; }
.sprite-card-head strong { display:block;margin-top:.1rem;font:650 1.55rem/1 var(--display); }
.frame-count { padding:.32rem .55rem;border-radius:99px;color:var(--sprite-accent);background:var(--sprite-soft);font-size:.62rem;font-weight:800;text-transform:uppercase;white-space:nowrap; }
.sprite-stage { position:relative;min-height:355px;display:grid;place-items:center;padding:1.1rem 1.1rem 3.4rem;border-radius:23px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.12),transparent 42%),var(--pine);overflow:hidden; }
.sprite-stage::before { content:"";position:absolute;width:72%;aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 76px rgba(255,255,255,.02); }
.sprite-character { position:relative;z-index:1;width:min(100%,390px);aspect-ratio:var(--frame-ratio,1);border-radius:17px;background-image:var(--sheet);background-repeat:no-repeat;background-size:600% 300%;background-position:0 var(--row-y,0%);box-shadow:0 18px 35px rgba(0,0,0,.2);animation:spriteFrames 1.2s linear infinite;contain:paint; }
@keyframes spriteFrames {
  0%,16.665% { background-position-x:0%; }
  16.666%,33.332% { background-position-x:20%; }
  33.333%,49.999% { background-position-x:40%; }
  50%,66.665% { background-position-x:60%; }
  66.666%,83.332% { background-position-x:80%; }
  83.333%,100% { background-position-x:100%; }
}
.sprite-card.is-paused .sprite-character { animation-play-state:paused; }
.sprite-now { position:absolute;z-index:2;left:1.4rem;right:1.4rem;bottom:1rem;display:flex;align-items:center;gap:.5rem;color:#d9ede8;font-size:.75rem;font-weight:800; }
.sprite-now i { width:8px;aspect-ratio:1;border-radius:50%;background:var(--saffron);box-shadow:0 0 0 5px rgba(233,163,59,.15);animation:livePulse 1.15s steps(2,end) infinite; }
.sprite-card.is-paused .sprite-now i { animation:none;background:#a7b7b3; }
@keyframes livePulse { 50%{ opacity:.35; } }
.sprite-controls { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;padding-top:.75rem; }
.sprite-controls button { min-height:57px;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .35rem;border:1px solid var(--line);border-radius:12px;background:var(--snow);font-size:.67rem;font-weight:800;line-height:1.15;cursor:pointer;transition:transform .18s,background .18s,color .18s,border-color .18s; }
.sprite-controls button span { display:grid;place-items:center;width:24px;aspect-ratio:1;border-radius:50%;background:var(--sprite-soft);font-size:.9rem; }
.sprite-controls button:hover { transform:translateY(-2px);border-color:var(--sprite-accent); }
.sprite-controls button.active { color:white;border-color:var(--sprite-accent);background:var(--sprite-accent); }
.sprite-controls button.active span { color:var(--sprite-accent);background:white; }
.sprite-card-foot { display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem .25rem .1rem; }
.sprite-card-foot button,.sprite-card-foot a { padding:0;border:0;border-bottom:1px solid currentColor;color:var(--ink-soft);background:none;font-size:.68rem;font-weight:800;text-decoration:none;cursor:pointer; }
.sprite-card-foot button:hover,.sprite-card-foot a:hover { color:var(--sprite-accent); }
.sprite-note { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-top:1.25rem;padding:1.05rem 1.2rem;border:1px solid rgba(255,255,255,.12);border-radius:18px;color:#d5e7e3;background:var(--pine); }
.sprite-note > span { display:grid;place-items:center;width:44px;aspect-ratio:1;border-radius:50%;color:var(--pine);background:var(--saffron);font:650 1.5rem var(--display); }
.sprite-note p { margin:0;font-size:.8rem; }
.sprite-note strong { color:var(--saffron); }
.sprite-note button { padding:.55rem .75rem;border:1px solid rgba(255,255,255,.3);border-radius:99px;color:var(--cream);background:transparent;font-size:.68rem;font-weight:800;cursor:pointer; }
.sprite-note button:hover { color:var(--pine);background:var(--saffron);border-color:var(--saffron); }

.route-section { color: var(--cream); background: var(--pine); overflow: hidden; }
.route-section .eyebrow { color: var(--saffron); }
.route-heading { max-width: none; display: flex; align-items: end; justify-content: space-between; gap: 2rem; }
.route-heading > div { max-width: 980px; }
.text-link { font-weight: 800; text-underline-offset: .3rem; white-space: nowrap; }
.route-map { position: relative; height: 650px; margin: 2rem 0 1.2rem; border: 1px solid rgba(255,255,255,.14); border-radius: 44px; background: radial-gradient(circle at 28% 35%, rgba(103,183,176,.23), transparent 30%), radial-gradient(circle at 74% 55%, rgba(233,163,59,.14), transparent 27%), #102e28; overflow: hidden; }
.route-map::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .17;
  background-image: linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
  background-size: 48px 48px;
}
.route-line { position: absolute; inset: 6% 2% 1%; width: 96%; height: 93%; overflow: visible; }
.route-line path { fill: none; stroke-linecap: round; }
.route-line .terrain { fill:rgba(103,183,176,.08);stroke:rgba(255,255,255,.06);stroke-width:2; }
.route-shadow { stroke: rgba(255,255,255,.14); stroke-width: 18; }
.rail-path,.rail-return { stroke:#f1b852;stroke-width:6;stroke-dasharray:14 10;animation:dash 12s linear infinite; }
.rail-return { opacity:.85; }
.road-path,.road-spur { stroke:#f6f0df;stroke-width:5;stroke-dasharray:5 13;animation:dash 18s linear infinite; }
.road-spur { stroke:#e76f51;stroke-width:4; }
.motorail-path { stroke:#67b7b0;stroke-width:9;stroke-dasharray:4 8;animation:dash 6s linear infinite; }
@keyframes dash { to { stroke-dashoffset: -300; } }
.map-node circle { fill:var(--saffron);stroke:#102e28;stroke-width:4; }
.map-node text { fill:var(--cream);font:700 16px var(--display);paint-order:stroke;stroke:#102e28;stroke-width:5px;stroke-linejoin:round; }
.map-node .country { fill:#a8d4ca;font:800 9px var(--body);letter-spacing:1.1px; }
.map-node.mini text { fill:#c8ddd8;font:800 12px var(--body); }
.map-node.mini circle { fill:var(--lake); }
.map-node.cave-node circle { fill:var(--coral);animation:cavePulse 1.8s ease-in-out infinite alternate; }
.map-node.cave-node text { fill:#fff4cf; }
@keyframes cavePulse { to{r:14px;opacity:.75} }
.mode-label { font-size:24px;filter:drop-shadow(0 2px 3px #0b241f); }
.route-legend { position:absolute;z-index:3;left:22px;top:18px;display:flex;flex-wrap:wrap;gap:.5rem;padding:.45rem;border:1px solid rgba(255,255,255,.15);border-radius:99px;background:rgba(7,34,28,.74);backdrop-filter:blur(8px); }
.route-legend span { display:flex;align-items:center;gap:.35rem;padding:.25rem .45rem;color:#d9ede8;font-size:.62rem;font-weight:800; }
.route-legend i { width:22px;height:4px;border-radius:99px;background:var(--saffron); }
.route-legend .road-key { background:var(--cream); }
.route-legend .motorail-key { background:var(--lake);height:7px; }
.route-crew { position:absolute;z-index:4;right:22px;bottom:18px;display:flex;align-items:center;gap:.7rem;padding:.35rem .8rem .35rem .35rem;border:1px solid rgba(255,255,255,.18);border-radius:18px;color:var(--cream);background:rgba(7,34,28,.82);font-size:.7rem; }
.route-sprite { width:76px;height:auto; }
.route-ledger { display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18); }
.route-ledger a { min-height:104px;display:flex;flex-direction:column;padding:.9rem;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);text-decoration:none; }
.route-ledger a:hover { background:rgba(255,255,255,.06); }
.route-ledger a.mandatory { color:#fff1d0;background:rgba(231,111,81,.18); }
.route-ledger b { font:650 .95rem var(--display); }
.route-ledger span { color:#9fc7be;font-size:.65rem; }
.route-ledger small { margin-top:auto;color:var(--saffron);font-size:.62rem;font-weight:800;text-transform:uppercase; }
.route-links { display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 3rem; }
.route-links a { padding:.55rem .8rem;border:1px solid rgba(255,255,255,.28);border-radius:99px;font-size:.68rem;font-weight:800;text-decoration:none; }
.route-links a:hover { color:var(--pine);background:var(--saffron);border-color:var(--saffron); }
.route-notes { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.2rem; }
.route-notes article { display: flex; gap: 1rem; padding-top: 1.3rem; border-top: 1px solid rgba(255,255,255,.2); }
.route-notes article > span { display: grid; place-items: center; flex: 0 0 38px; height: 38px; color: var(--pine); background: var(--saffron); border-radius: 50%; font-weight: 800; }
.route-notes strong { font: 650 1.15rem var(--display); }
.route-notes p { margin: .4rem 0 0; color: #bdd5cf; font-size: .88rem; }

.activities-section { background:#f0e7d4; }
.activity-heading { max-width:none;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:3rem; }
.activity-heading > p { max-width:58ch;color:var(--ink-soft); }
.activity-filters { display:flex;flex-wrap:wrap;gap:.55rem;margin:-1rem 0 1.5rem; }
.activity-filters button { padding:.55rem .85rem;border:1px solid var(--line);border-radius:99px;background:transparent;font-size:.7rem;font-weight:800;cursor:pointer; }
.activity-filters button.active,.activity-filters button:hover { color:var(--cream);background:var(--coral);border-color:var(--coral); }
.activity-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1rem; }
.activity-card { position:relative;min-height:290px;display:flex;flex-direction:column;align-items:stretch;padding:1.2rem;border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:0 14px 40px rgba(23,52,47,.08);overflow:hidden;cursor:pointer;text-align:left;transition:transform .2s,box-shadow .2s; }
.activity-card:hover { transform:translateY(-4px) rotate(-.3deg);box-shadow:0 22px 50px rgba(23,52,47,.14); }
.activity-card[hidden] { display:none; }
.activity-card-top { display:flex;justify-content:space-between;align-items:start;gap:1rem; }
.activity-badge { padding:.3rem .55rem;border-radius:99px;color:var(--pine);background:var(--lake-light);font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
.activity-card.mandatory .activity-badge { color:var(--cream);background:var(--coral); }
.activity-price { color:var(--coral);font-size:.68rem;font-weight:800; }
.activity-card h3 { margin:1.1rem 0 .55rem;font-size:clamp(1.5rem,2.3vw,2.4rem); }
.activity-card p { margin:0;color:var(--ink-soft);font-size:.8rem; }
.activity-meta { display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:1rem; }
.activity-meta span { padding:.3rem .5rem;border:1px solid var(--line);border-radius:99px;font-size:.59rem;font-weight:800;text-transform:uppercase; }
.activity-card-sprite { position:absolute;right:-9px;bottom:-2px;width:118px;height:auto;opacity:.94;filter:drop-shadow(0 8px 10px rgba(23,52,47,.15)); }
.activity-open { position:absolute;right:1rem;top:50%;display:grid;place-items:center;width:34px;aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;background:var(--paper);font-weight:800; }
.mini-sprite { display:block;background-image:var(--mini-sheet);background-repeat:no-repeat;background-size:600% 300%;background-position:0 var(--mini-row);animation:spriteFrames 1.2s linear infinite;aspect-ratio:var(--mini-ratio,1);contain:paint; }
.day-sprite-moment { display:grid;grid-template-columns:90px 1fr;align-items:center;gap:.65rem;padding:.45rem .7rem;border:1px dashed var(--line);border-radius:13px;background:var(--lake-light); }
.day-sprite-moment .mini-sprite { width:90px;height:auto; }
.day-sprite-moment small { display:block;color:var(--coral);font-size:.55rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
.day-sprite-moment strong { font:650 .85rem var(--display); }
#activity-dialog { width:min(94vw,820px);max-height:calc(100dvh - 2rem);padding:0;overflow:auto; }
.activity-dialog-shell { display:grid;grid-template-columns:.72fr 1.28fr;min-height:520px; }
.activity-dialog-art { min-height:100%;display:grid;place-items:center;padding:2rem;color:var(--cream);background:var(--pine); }
.activity-dialog-art .mini-sprite { width:min(260px,100%); }
.activity-dialog-art .activity-big-icon { font-size:7rem;filter:drop-shadow(0 15px 20px rgba(0,0,0,.2)); }
.activity-dialog-copy { padding:clamp(2rem,5vw,4rem); }
.activity-dialog-copy h2 { margin:.6rem 0 1rem;font-size:clamp(2.5rem,5vw,4.4rem); }
.activity-dialog-copy > p { color:var(--ink-soft); }
.activity-detail-grid { display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1.2rem 0; }
.activity-detail-grid div { padding:.75rem;border-radius:12px;background:#f3ead8; }
.activity-detail-grid small { display:block;color:var(--coral);font-size:.57rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em; }
.activity-detail-grid strong { display:block;margin-top:.2rem;font:650 .86rem var(--display); }
.activity-dialog-actions { display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem; }
.activity-dialog-actions a { padding:.62rem .8rem;border:1px solid var(--ink);border-radius:99px;font-size:.68rem;font-weight:800;text-decoration:none; }
.activity-dialog-actions a:first-child { color:var(--cream);background:var(--ink); }

.itinerary-section { background: var(--snow); }
.itinerary-toolbar { display: flex; flex-wrap: wrap; gap: .6rem; margin: -2rem 0 2rem; }
.toolbar-spacer { flex:1; }
.chip { padding: .55rem .85rem; border: 1px solid var(--line); border-radius: 999px; background: transparent; font-size: .75rem; font-weight: 800; cursor: pointer; }
.chip:hover, .chip.active { color: var(--cream); background: var(--pine); border-color: var(--pine); }
.chip-action { color:var(--coral);border-style:dashed; }
.itinerary-shell { display: grid; grid-template-columns: 250px minmax(0,1fr); align-items: start; gap: 2rem; }
.trip-pulse { position: sticky; top: 102px; padding: 1.4rem; color: var(--cream); background: var(--coral); border-radius: 20px; transform: rotate(-1deg); box-shadow: 5px 6px 0 var(--ink); }
.trip-pulse .eyebrow { color: #ffe9b7; }
.trip-pulse ul { display: grid; gap: .8rem; margin: 1rem 0 1.5rem; padding: 0; list-style: none; }
.trip-pulse li { display: flex; gap: .55rem; font-size: .85rem; }
.trip-pulse a { font-weight: 800; text-underline-offset: .2rem; }
.days { display: grid; gap: .85rem; }
.day-card { border: 1px solid var(--line); border-radius: 22px; background: var(--paper); overflow: hidden; transition: opacity .25s, transform .25s; }
.day-card.filtered-out { display: none; }
.day-card.person-dim { opacity: .28; transform: scale(.99); }
.day-summary { width: 100%; display: grid; grid-template-columns: 92px minmax(180px,.9fr) minmax(250px,1.4fr) auto; align-items: center; gap: 1rem; padding: 1.2rem 1.3rem; border: 0; background: transparent; text-align: left; cursor: pointer; }
.day-summary:hover { background: #f2ead6; }
.day-date { display: flex; flex-direction: column; }
.day-date small { color: var(--coral); font-size: .66rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.day-date strong { font: 650 2rem var(--display); line-height: 1; }
.day-place strong { display: block; font: 650 1.25rem var(--display); }
.day-place span { color: var(--ink-soft); font-size: .77rem; }
.day-teaser { color: var(--ink-soft); font-size: .9rem; }
.day-icons { display: flex; align-items: center; gap: .4rem; }
.mode-icon { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--line); border-radius: 50%; font-size: .8rem; background: var(--snow); }
.day-toggle { width: 34px; height: 34px; border: 1px solid var(--ink); border-radius: 50%; display:grid;place-items:center; transition: transform .25s; }
.day-card.open .day-toggle { transform: rotate(45deg); }
.day-details { display: none; grid-template-columns: 1.25fr .75fr; gap: 2rem; padding: .5rem 1.3rem 1.5rem 7.5rem; border-top: 1px dashed var(--line); }
.day-card.open .day-details { display: grid; animation: detailsIn .28s ease both; }
@keyframes detailsIn { from{opacity:0;transform:translateY(-8px)} }
.day-plan { display: grid; gap: .6rem; }
.plan-row { display: grid; grid-template-columns: 64px 1fr; gap: .8rem; }
.plan-row time { color: var(--coral); font-size: .73rem; font-weight: 800; }
.plan-row p { margin: 0; font-size: .9rem; }
.day-aside { display: grid; align-content: start; gap: .8rem; }
.mini-panel { padding: .85rem .95rem; border-radius: 13px; background: #f1e8d2; }
.mini-panel small { display:block; color: var(--coral); font-size:.62rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.mini-panel strong { display:block; margin:.2rem 0; font:650 1rem var(--display); }
.mini-panel span { color: var(--ink-soft); font-size: .78rem; }
.personal-pills { display:flex;flex-wrap:wrap;gap:.35rem; }
.personal-pills span { padding:.28rem .5rem; border-radius:99px; color:var(--pine); background:var(--lake-light); font-size:.66rem;font-weight:800;text-transform:uppercase; }
.day-links { display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.3rem; }
.day-links a { padding:.45rem .65rem;border:1px solid var(--ink);border-radius:99px;font-size:.7rem;font-weight:800;text-decoration:none; }
.day-links a:hover { color:var(--cream);background:var(--ink); }
.empty-days { padding: 3rem; text-align: center; border: 1px dashed var(--line); border-radius: 20px; color: var(--ink-soft); }

.command-sheet { grid-column:1/-1;margin-top:.2rem;padding-top:1.1rem;border-top:1px solid var(--line); }
.command-sheet-head { display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem; }
.command-sheet-head strong { font:650 1.2rem var(--display); }
.command-sheet-head span { padding:.35rem .6rem;border-radius:99px;color:var(--cream);background:var(--coral);font-size:.66rem;font-weight:800; }
.command-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem; }
.command-item { min-height:112px;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:var(--snow); }
.command-item small { display:block;margin-bottom:.25rem;color:var(--coral);font-size:.6rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase; }
.command-item strong { display:block;margin-bottom:.25rem;font:650 .92rem var(--display); }
.command-item p { margin:0;color:var(--ink-soft);font-size:.75rem;line-height:1.4; }
.decision-line { margin-top:.7rem;padding:.75rem .9rem;border-left:4px solid var(--saffron);border-radius:0 10px 10px 0;background:var(--pine);color:#dceeea;font-size:.8rem; }
.decision-line b { color:var(--saffron); }

.operations-section { color:var(--cream);background:#102f29; }
.operations-section .eyebrow { color:var(--saffron); }
.operations-section .section-heading > p:last-child { color:#b9d1cb; }
.operations-tabs { display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem; }
.operations-tabs button { padding:.65rem .9rem;border:1px solid rgba(255,255,255,.24);border-radius:99px;color:#d5e8e3;background:transparent;font-weight:800;cursor:pointer; }
.operations-tabs button[aria-selected="true"] { color:var(--pine);background:var(--saffron);border-color:var(--saffron); }
.operations-board { overflow:auto;border:1px solid rgba(255,255,255,.17);border-radius:22px;background:#0c2722;box-shadow:0 30px 70px rgba(0,0,0,.2); }
.ops-table { width:100%;min-width:900px;border-collapse:collapse; }
.ops-table caption { padding:1rem;text-align:left;color:var(--paper);background:#0b241f;font:650 1.1rem var(--display); }
.ops-table th,.ops-table td { padding:.9rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;vertical-align:top; }
.ops-table th { position:sticky;top:0;color:var(--saffron);background:#0b241f;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }
.ops-table td { color:#d5e5e1;font-size:.79rem; }
.ops-table td strong { display:block;color:var(--paper);font:650 .94rem var(--display); }
.ops-table td small { color:#91b5ac; }
.ops-table a { display:inline-flex;padding:.3rem .48rem;border:1px solid rgba(255,255,255,.25);border-radius:99px;color:var(--paper);font-size:.63rem;font-weight:800;text-decoration:none; }
.ops-table tr:last-child td { border-bottom:0; }
.ops-table tr:hover td { background:rgba(255,255,255,.035); }
.ops-amount { color:var(--saffron)!important;font-weight:800;white-space:nowrap; }
.operations-rules { display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.2rem; }
.operations-rules article { padding:1.2rem;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.04); }
.operations-rules span { color:var(--saffron);font-size:.62rem;font-weight:800;letter-spacing:.11em; }
.operations-rules strong { display:block;margin:.5rem 0;font:650 1.15rem/1.1 var(--display); }
.operations-rules p { margin:0;color:#a8c7bf;font-size:.8rem; }

.workshop-section { background: linear-gradient(180deg, var(--snow), var(--cream)); }
.workshop-card { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(2rem,5vw,6rem); padding: clamp(2rem,5vw,5rem); border: 1px solid var(--line); border-radius: 42px 42px 150px 42px; background: var(--lake-light); box-shadow: var(--shadow); }
.workshop-copy h2 { max-width: 900px; }
.workshop-copy > p { max-width: 70ch; }
.workshop-copy ol { display:grid;gap:.55rem;max-width:700px;padding:0;list-style:none; }
.workshop-copy li { display:grid;grid-template-columns:70px 80px 1fr;gap:.5rem;padding:.6rem 0;border-bottom:1px solid rgba(23,52,47,.16);font-size:.88rem; }
.workshop-copy li span { color:var(--coral);font-weight:800; }
.workshop-rate { margin-top:1.2rem;padding:1rem 1.1rem;border-left:4px solid var(--coral);border-radius:0 14px 14px 0;background:rgba(255,250,240,.7);font-size:.78rem; }
.workshop-visual { position:relative;min-height:480px;display:grid;place-items:center; }
.laptop { width:82%;aspect-ratio:1.25;display:flex;flex-direction:column;justify-content:center;padding:2rem;color:#d9eee8;background:var(--pine);border:13px solid #23332f;border-radius:22px;box-shadow:0 24px 0 -8px #a9a086, 0 30px 35px rgba(23,52,47,.25);transform:rotate(2deg); }
.laptop span { color:var(--saffron);font-size:.65rem;font-weight:800;letter-spacing:.1em; }
.laptop b { margin-top:1rem;font:650 clamp(1.8rem,4vw,3.4rem)/1 var(--display); }
.prompt { position:absolute;padding:.65rem .8rem;border:1px solid var(--ink);border-radius:8px;background:var(--paper);box-shadow:3px 3px 0 var(--coral);font:650 .76rem var(--display);animation:promptFloat 5s ease-in-out infinite; }
.p1{top:7%;left:1%;transform:rotate(-6deg)}.p2{top:20%;right:-3%;transform:rotate(6deg);animation-delay:.8s}.p3{bottom:3%;left:8%;transform:rotate(3deg);animation-delay:1.4s}
@keyframes promptFloat { 50%{translate:0 -7px} }

.budget-section { background: #eadfca; }
.budget-layout { display:grid;grid-template-columns:minmax(300px,.72fr) minmax(480px,1.28fr);gap:clamp(2rem,6vw,7rem);align-items:start; }
.budget-meter { position:sticky;top:110px;text-align:center; }
.meter-ring { --pct: 97.2; width:min(390px,90vw);aspect-ratio:1;display:grid;place-items:center;margin:0 auto 1.3rem;border-radius:50%;background:conic-gradient(var(--coral) calc(var(--pct) * 1%), rgba(23,52,47,.12) 0);box-shadow:inset 0 0 0 1px var(--line);transition:background .3s; }
.meter-ring::before { content:"";position:absolute;width:min(310px,71vw);aspect-ratio:1;border-radius:50%;background:#eadfca;box-shadow:inset 0 0 30px rgba(23,52,47,.06); }
.meter-ring > div { position:relative;z-index:1;display:flex;flex-direction:column; }
.meter-ring small { color:var(--coral);font-weight:800;letter-spacing:.15em; }
.meter-ring strong { font:650 clamp(2.2rem,4.4vw,4.8rem)/1 var(--display); }
.meter-ring span { color:var(--ink-soft); }
.budget-status { width:fit-content;margin:0 auto 1rem;padding:.55rem .8rem;border-radius:99px;color:var(--cream);background:var(--pine);font-size:.78rem;font-weight:800; }
.budget-status.danger { background:#a23e2c;animation:pulse 1s ease-in-out infinite alternate; }
@keyframes pulse{to{transform:scale(1.03)}}
.budget-meter p { max-width:40ch;margin-inline:auto;color:var(--ink-soft);font-size:.8rem; }
.text-button { padding:0;border:0;border-bottom:1px solid currentColor;background:none;font-weight:800;cursor:pointer; }
.budget-ledger { border:1px solid var(--line);border-radius:24px;background:var(--paper);overflow:hidden;box-shadow:var(--shadow); }
.ledger-head,.budget-ledger label { display:grid;grid-template-columns:1fr 190px;align-items:center;gap:1rem;padding:.9rem 1.2rem;border-bottom:1px solid var(--line); }
.ledger-head { color:#d7eae5;background:var(--pine);font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase; }
.budget-ledger label:last-child { border-bottom:0; }
.budget-ledger label:hover { background:#f4ecd9; }
.budget-ledger label > span:first-child { display:flex;flex-direction:column; }
.budget-ledger b { font:650 1rem var(--display); }
.budget-ledger small { color:var(--ink-soft); }
.money-input { display:flex;align-items:center;justify-content:flex-end;color:var(--coral);font-weight:800; }
.money-input input { width:120px;padding:.45rem;border:1px solid var(--line);border-radius:8px;background:var(--snow);text-align:right;font-weight:800; }
.money-input input[readonly] { border-color:transparent;background:transparent;color:var(--ink-soft); }
.cut-switches { margin-top:4rem;padding-top:2rem;border-top:1px solid var(--line); }
.cut-switches h3 { max-width:650px; }
.cut-switches > div { display:grid;grid-template-columns:repeat(3,1fr);gap:1rem; }
.cut-switches article { display:grid;gap:.45rem;padding:1.3rem;border:1px solid var(--line);border-radius:18px;background:rgba(255,250,240,.5); }
.cut-switches article > span { width:35px;height:35px;display:grid;place-items:center;border-radius:50%;color:var(--cream);background:var(--coral);font-weight:800; }
.cut-switches strong { font:650 1.15rem var(--display); }
.cut-switches p { margin:0;color:var(--ink-soft);font-size:.83rem; }
.cut-switches b { color:var(--coral);font-size:.75rem;text-transform:uppercase; }

.bookings-section { background:var(--snow); }
.booking-board { display:grid;grid-template-columns:repeat(3,1fr);gap:1rem; }
.booking-column { padding:1.2rem;border:1px solid var(--line);border-radius:24px;background:var(--paper); }
.booking-column h3 { margin:.3rem 0 1.2rem;font-size:1.7rem; }
.booking-column > p { margin-bottom:1.2rem;color:var(--ink-soft);font-size:.82rem; }
.booking-item { display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:.7rem;padding:.85rem 0;border-top:1px solid var(--line); }
.booking-item .booking-icon { display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--lake-light); }
.booking-item strong { display:block;font:650 .98rem var(--display); }
.booking-item small { display:block;color:var(--ink-soft);font-size:.68rem; }
.booking-item a { padding:.38rem .5rem;border:1px solid var(--ink);border-radius:99px;font-size:.65rem;font-weight:800;text-decoration:none; }
.booking-item a:hover { color:var(--cream);background:var(--ink); }

.prep-section { display:grid;gap:2rem;background:var(--cream); }
.prep-card { display:grid;grid-template-columns:.7fr 1.3fr;gap:4rem;padding:clamp(2rem,5vw,4.5rem);border-radius:40px;color:var(--cream);background:var(--pine); }
.prep-card .eyebrow { color:var(--saffron); }
.prep-card h2 { font-size:clamp(2.5rem,4.5vw,5rem); }
.checklist { display:grid;grid-template-columns:1fr 1fr;gap:.7rem;align-content:start; }
.check-item { display:flex;gap:.75rem;align-items:flex-start;padding:.75rem;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.05);cursor:pointer; }
.check-item input { margin-top:.25rem;accent-color:var(--saffron); }
.check-item span { font-size:.82rem; }
.check-item:has(input:checked) span { color:#91b7ae;text-decoration:line-through; }
.flight-proof { display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding:2rem;border:1px dashed var(--ink);border-radius:24px;background:var(--paper); }
.flight-proof h3 { margin-bottom:.8rem; }
.flight-proof p { margin-bottom:.6rem;color:var(--ink-soft); }
.flight-timeline { display:flex;align-items:center;justify-content:center; }
.flight-timeline span { width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:var(--cream);background:var(--coral);font:650 .8rem var(--display); }
.flight-timeline i { width:36px;height:2px;background:var(--ink);position:relative; }
.flight-timeline i::after{content:"›";position:absolute;right:-2px;top:-12px;font-size:1.2rem;}

.sources-section { background:#ded4bf; }
.source-grid { display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line); }
.source-grid a { min-height:145px;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none; }
.source-grid a:hover { background:var(--paper); }
.source-grid strong { font:650 1.1rem var(--display); }
.source-grid span { color:var(--ink-soft);font-size:.75rem; }
.source-note { max-width:90ch;margin:1.5rem 0 0;color:var(--ink-soft);font-size:.78rem; }

footer { display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:2rem;padding:2rem clamp(1.2rem,6vw,7.5rem);color:#cce3dd;background:#0d2b25; }
footer p { margin:0;text-align:center;font-size:.8rem; }
footer a { font-weight:800; }

dialog { width:min(96vw,1200px);padding:3rem 1rem 1rem;border:0;border-radius:20px;background:var(--paper);box-shadow:0 40px 100px rgba(0,0,0,.4); }
dialog::backdrop { background:rgba(10,32,27,.76);backdrop-filter:blur(8px); }
.dialog-close { position:absolute;right:12px;top:9px;width:34px;height:34px;border:1px solid var(--ink);border-radius:50%;background:var(--snow);font-size:1.3rem;cursor:pointer; }

.reveal { opacity:1; transform:none; }
.reveal.visible { animation: revealIn .65s ease both; }
@keyframes revealIn { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:none; } }

@media (max-width: 1180px) {
  .hero { grid-template-columns: 1fr; }
  .hero-copy { max-width: 850px; }
  .hero-art { min-height: 680px; }
  .crew-grid { grid-template-columns:1fr 1fr; }
  .booking-board { grid-template-columns:1fr; }
  .source-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width: 820px) {
  .weather-strip { justify-content:flex-start;padding-left:1rem;overflow:hidden;white-space:nowrap; }
  .site-header { min-height:64px; }
  .nav-toggle { display:block;padding:.45rem .7rem;border:1px solid var(--ink);border-radius:99px;background:transparent;font-size:.75rem;font-weight:800; }
  #site-nav { display:none;position:absolute;left:1rem;right:1rem;top:70px;flex-direction:column;align-items:stretch;padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:var(--shadow); }
  #site-nav.open { display:flex; }
  #site-nav a { padding:.5rem; }
  .hero { min-height:auto;grid-template-columns:1fr;padding-top:4rem; }
  .hero-art { min-height:560px; }
  .postcard-snow { width:98%; }
  .postcard-lake { width:72%;left:0; }
  .route-stamp { width:78px; }
  .quick-facts { grid-template-columns:1fr 1fr;margin-inline:1rem; }
  .quick-facts article:last-child { grid-column:1/-1; }
  .route-heading { align-items:start;flex-direction:column; }
  .route-map { height:560px;margin-bottom:1rem;border-radius:28px; }
  .route-line { inset:8% 1% 2%;width:98%;height:90%; }
  .route-line .map-node text { font-size:13px; }
  .route-line .map-node .country { font-size:8px; }
  .route-line .map-node.mini text { font-size:10px; }
  .route-crew { display:none; }
  .route-ledger { grid-template-columns:1fr 1fr; }
  .route-notes,.cut-switches > div { grid-template-columns:1fr; }
  .activity-heading { grid-template-columns:1fr;align-items:start;gap:1rem; }
  .activity-grid { grid-template-columns:1fr 1fr; }
  .activity-dialog-shell { grid-template-columns:1fr; }
  .activity-dialog-art { min-height:240px; }
  .activity-dialog-art .mini-sprite { width:210px; }
  .itinerary-shell { grid-template-columns:1fr; }
  .trip-pulse { position:relative;top:auto;transform:none; }
  .day-summary { grid-template-columns:72px 1fr auto; }
  .day-teaser { grid-column:2/-1; }
  .day-details { padding:1rem;grid-template-columns:1fr; }
  .workshop-card,.budget-layout,.prep-card,.flight-proof { grid-template-columns:1fr; }
  .budget-meter { position:relative;top:auto; }
  .workshop-card { border-radius:32px; }
  .workshop-visual { min-height:400px; }
  .checklist { grid-template-columns:1fr; }
  .command-grid { grid-template-columns:1fr 1fr; }
  .sprite-heading { grid-template-columns:1fr;align-items:start; }
  .sprite-grid { grid-template-columns:1fr; }
  .operations-rules { grid-template-columns:1fr; }
  footer { grid-template-columns:1fr;text-align:center; }
  footer > div { justify-content:center; }
}

@media (max-width: 560px) {
  h1 { font-size:clamp(3.15rem,16vw,5rem); }
  h2 { font-size:clamp(2.5rem,13vw,4.2rem); }
  .hero { padding-inline:1rem; }
  .hero-actions .button { width:100%; }
  .hero-art { min-height:430px; }
  .postcard { padding:6px 6px 30px; }
  .postcard-lake { width:80%; }
  .quick-facts { grid-template-columns:1fr 1fr; }
  .quick-facts article { min-height:96px;padding:1rem; }
  .crew-grid { grid-template-columns:1fr; }
  .avatar { height:340px; }
  .travelling-crew { left:10px;right:10px;bottom:10px;width:auto;display:grid;grid-template-columns:minmax(95px,1fr) 170px;align-items:center;gap:.55rem;padding:.5rem .65rem;border-radius:16px; }
  .travelling-label { display:block;margin:0;min-width:0; }
  .travelling-label small { display:block; }
  .travelling-label strong { display:block;max-width:none;text-align:left; }
  .traveller-windows { grid-column:2;padding:0; }
  .traveller-windows button { border-width:1.5px; }
  .crew-vehicle { grid-column:1/-1;height:15px;margin:-10px 0 -1px; }
  .crew-vehicle i { width:10px;height:10px;bottom:-6px;border-width:2px; }
  .journey-progress { grid-column:1/-1;margin-top:.2rem; }
  .route-map { height:500px;overflow:auto; }
  .route-line { min-width:760px; }
  .route-legend { left:12px;top:10px;border-radius:16px; }
  .route-ledger { grid-template-columns:1fr; }
  .activity-grid { grid-template-columns:1fr; }
  .activity-card { min-height:260px; }
  .activity-detail-grid { grid-template-columns:1fr; }
  .day-sprite-moment { grid-template-columns:76px 1fr; }
  .day-sprite-moment .mini-sprite { width:76px;height:auto; }
  .day-summary { grid-template-columns:62px 1fr auto;padding:1rem .8rem;gap:.65rem; }
  .day-place strong { font-size:1.05rem; }
  .day-icons .mode-icon:nth-child(n+3) { display:none; }
  .workshop-copy li { grid-template-columns:60px 70px 1fr; }
  .workshop-visual { min-height:330px; }
  .laptop { width:96%; }
  .ledger-head,.budget-ledger label { grid-template-columns:1fr 140px;padding:.8rem; }
  .money-input input { width:92px; }
  .command-grid { grid-template-columns:1fr; }
  .command-sheet-head { align-items:flex-start;flex-direction:column; }
  .sprite-card { padding:.7rem;border-radius:24px; }
  .sprite-card-head { grid-template-columns:48px 1fr; }
  .sprite-mini-avatar { width:48px; }
  .frame-count { grid-column:2;justify-self:start; }
  .sprite-stage { min-height:310px;padding:.8rem .8rem 3.2rem; }
  .sprite-controls { grid-template-columns:1fr; }
  .sprite-controls button { min-height:46px;justify-content:flex-start;padding:.5rem .7rem; }
  .sprite-note { grid-template-columns:auto 1fr; }
  .sprite-note button { grid-column:1/-1;justify-self:stretch; }
  .source-grid { grid-template-columns:1fr; }
  .flight-timeline i { width:14px; }
  .flight-timeline span { width:42px;height:42px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }
  .reveal { opacity:1;transform:none; }
  .sprite-character,.mini-sprite { animation:none!important; }
  .sprite-now i { animation:none!important; }
}