:root{--bg:#14110f;--ink:#f6efe6;--muted:#b9ab9a;--accent:#f0a33b;--line:rgba(246,239,230,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,17,15,.25) 0%,rgba(20,17,15,0) 35%,rgba(20,17,15,.88) 100%)}
.hero-text{position:relative;width:min(1040px,calc(100% - 40px));margin:0 auto;padding:0 0 96px}
.brand{margin:0 0 14px;font-weight:800;letter-spacing:-.02em;color:var(--ink);opacity:.85}
h1{margin:0;font-size:clamp(42px,9vw,96px);line-height:1;letter-spacing:-.05em;text-shadow:0 2px 24px rgba(0,0,0,.45)}
h1 span{color:var(--accent)}
.route{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:22px 0 8px;font-size:clamp(16px,3.4vw,22px);font-weight:700}
.route-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.7em}
.next-date{color:var(--muted)}
.updated{margin:0;color:var(--muted);font-size:14px}
.scroll-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);color:var(--ink);text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.04em;opacity:.9;animation:bob 2.2s ease-in-out infinite}
.scroll-cue span{display:block;text-align:center;font-size:20px}
@keyframes bob{50%{transform:translate(-50%,6px)}}
.journey{width:min(920px,calc(100% - 40px));margin:0 auto;padding:90px 0 80px}
.journey h2{margin:0;font-size:clamp(34px,6vw,56px);letter-spacing:-.04em}
.sub{margin:8px 0 56px;color:var(--muted)}
.timeline{list-style:none;margin:0;padding:0 0 0 28px;position:relative}
.timeline::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--line)}
.stop{position:relative;margin:0 0 48px;opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.stop.in{opacity:1;transform:none}
.stop::before{content:"";position:absolute;left:-28px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--bg)}
.stop-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:12px}
.stop-city{margin:0;font-size:clamp(24px,4.4vw,34px);letter-spacing:-.03em}
.stop-date{color:var(--muted);font-size:15px}
.stop .stop-hero{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:20px;border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.45);background:#221d19}
.end{margin:60px 0 0;text-align:center;color:var(--muted)}
@media(min-width:760px){.timeline{padding-left:48px}.timeline::before{left:10px}.stop::before{left:-46px}}
@media(prefers-reduced-motion:reduce){.stop{opacity:1;transform:none;transition:none}.scroll-cue{animation:none}html{scroll-behavior:auto}}

.moments{padding-bottom:10px}.moments[hidden]{display:none}
.photos{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.photo{margin:0}.photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:20px;border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.45);background:#221d19}
.photo figcaption{margin-top:12px;font-weight:700;letter-spacing:-.01em}.photo figcaption::before{content:"📍 "}
.photos:has(.photo:only-child){grid-template-columns:minmax(0,420px)}

.stop-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.stop-photos img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:14px;border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.4);background:#221d19}
@media(min-width:760px){.stop-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}

.enlargeable{cursor:zoom-in;touch-action:manipulation}
.lightbox[hidden]{display:none}
.lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out;overscroll-behavior:contain}
.lightbox img{display:block;max-width:100%;max-height:calc(100svh - 48px);object-fit:contain;border:0;border-radius:4px;box-shadow:none;cursor:zoom-out}
.lightbox-close{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:36px;line-height:1;cursor:pointer;touch-action:manipulation}
body.lightbox-open{overflow:hidden}