:root{--paper:#efe7d7;--paper-2:#e6dcc7;--cream:#f6efe0;--ink:#1d2a3a;--ink-soft:#2c3b4f;--muted:#6b6354;--rust:#b4502b;--rust-2:#8a3a1d;--olive:#6e7a3a;--teal:#2c5d63;--gold:#c89b3c;--line:rgba(29,42,58,.18);--shadow:0 1px 0 rgba(29,42,58,.06),0 18px 40px -22px rgba(29,42,58,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;min-width:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}body:after,body:before{content:"";inset:0;pointer-events:none;position:fixed;z-index:0}body:before{background:radial-gradient(1200px 700px at 12% -10%,hsla(0,0%,100%,.62),transparent 60%),radial-gradient(900px 600px at 110% 30%,rgba(180,80,43,.08),transparent 60%),radial-gradient(900px 700px at -10% 90%,rgba(44,93,99,.07),transparent 60%)}body:after{background-image:radial-gradient(rgba(29,42,58,.06) 1px,transparent 0);background-size:3px 3px;mix-blend-mode:multiply;opacity:.34;z-index:1}a,button{font:inherit}a{color:inherit}.trip-page{min-width:0;overflow-x:clip;position:relative;z-index:2}.topbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,hsla(40,43%,89%,.96),hsla(40,43%,89%,.64) 80%,transparent);display:grid;gap:20px;grid-template-columns:max-content minmax(0,1fr) max-content;inset:0 0 auto;padding:14px clamp(16px,3vw,28px);position:fixed;z-index:50}.badge,.topbar{align-items:center}.badge{background:#fff6;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);display:inline-flex;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:11px;gap:8px;line-height:1.2;max-width:100%;padding:6px 10px;text-decoration:none;white-space:nowrap;width:-moz-max-content;width:max-content}.dot{animation:pulse 2s infinite;background:var(--rust);border-radius:50%;box-shadow:0 0 #b4502b99;height:7px;width:7px}@keyframes pulse{0%{box-shadow:0 0 #b4502b99}70%{box-shadow:0 0 0 10px #b4502b00}to{box-shadow:0 0 #b4502b00}}.topbar nav{display:flex;gap:clamp(10px,2vw,18px);justify-content:center;min-width:0;overflow-x:auto;scrollbar-width:none}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{border-bottom:1px dashed transparent;color:var(--ink-soft);flex:0 0 auto;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:11px;padding:4px 0;text-decoration:none;transition:color .2s,border-color .2s}.topbar nav a:hover{border-color:var(--rust);color:var(--rust)}main{min-width:0}.hero{align-items:center;display:grid;gap:clamp(28px,5vw,56px);grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);min-height:100svh;padding:118px clamp(18px,6vw,96px) 70px;position:relative}.eyebrow,.footer-meta,.k,.km,.label,.pin-sub,.stop-tag,.sub,.timeline-title,.where{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;text-transform:uppercase}.eyebrow{color:var(--muted);font-size:11px;margin:0 0 18px}.detour h3,.detours-head h2,.footer .big,.hero h1,.place h3,.section-head h2,.stop-title{font-family:Spectral,Georgia,serif;letter-spacing:0}.hero h1{color:var(--ink);font-size:clamp(48px,6vw,104px);font-weight:300;line-height:.95;margin:0 0 26px}em{font-style:italic;font-weight:400}.arrow,em{color:var(--rust)}.arrow{animation:dash 2.6s ease-in-out infinite;display:inline-block;transform:translateY(-6px)}@keyframes dash{0%,to{transform:translateY(-6px)}50%{transform:translate(8px,-6px)}}.lede{color:var(--ink-soft);font-size:clamp(15.5px,1.7vw,17px);line-height:1.6;margin:0 0 30px}.lede,.meta{max-width:560px}.meta{border-top:1px solid var(--line);display:grid;gap:clamp(18px,4vw,34px);grid-template-columns:repeat(3,minmax(0,max-content));padding-top:22px}.k{color:var(--muted);font-size:10px;margin-bottom:6px}.v{font-family:Spectral,Georgia,serif;font-size:22px;font-weight:500}.v small{color:var(--muted);font-family:Manrope,system-ui,sans-serif;font-size:12px}.km-num{display:inline-block;font-variant-numeric:tabular-nums;min-width:2ch}.hero-side{min-height:clamp(360px,46vw,520px);position:relative}.stamp{animation:stampWobble 9s ease-in-out infinite;aspect-ratio:1;background:radial-gradient(circle at 30% 30%,rgba(180,80,43,.05),transparent 70%);border:2px solid var(--rust);border-radius:50%;color:var(--rust);display:grid;place-items:center;position:absolute;right:0;top:0;width:clamp(150px,18vw,220px)}.stamp:before{border:1px dashed var(--rust);border-radius:50%;content:"";inset:10px;position:absolute}.stamp-inner{display:grid;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:clamp(9px,1vw,11px);gap:4px;letter-spacing:.18em;line-height:1.45;text-align:center;text-transform:uppercase}.stamp-inner span{display:block;font-family:Spectral,Georgia,serif;font-size:clamp(30px,4vw,42px);font-style:italic;font-weight:500;letter-spacing:0;text-transform:none}@keyframes stampWobble{0%,to{transform:rotate(-8deg) scale(1)}50%{transform:rotate(-5deg) scale(1.02)}}.hero-card{animation:cardFloat 8s ease-in-out infinite;background:var(--cream);border:1px solid var(--line);border-radius:6px;bottom:0;box-shadow:var(--shadow);left:10px;padding:18px 20px;position:absolute;transform:rotate(-2deg);width:min(78%,520px)}.hero-card h2{font-family:Spectral,Georgia,serif;font-size:18px;font-weight:500;margin:0 0 8px}.hero-card .row{align-items:center;border-bottom:1px dashed var(--line);color:var(--muted);display:flex;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:11px;gap:14px;justify-content:space-between;padding:7px 0}.hero-card .row:last-child{border-bottom:0}.hero-card b{color:var(--ink);font-weight:500;text-align:right}@keyframes cardFloat{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-1.4deg) translateY(-6px)}}.scroll-cue{align-items:center;bottom:24px;color:var(--muted);display:flex;flex-direction:column;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:10px;gap:8px;left:50%;letter-spacing:.2em;position:absolute;text-decoration:none;text-transform:uppercase;transform:translate(-50%)}.scroll-cue i{animation:scrollLine 2s ease-in-out infinite;background:linear-gradient(to bottom,transparent,var(--ink-soft));display:block;height:36px;transform-origin:top;width:1px}@keyframes scrollLine{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(0);transform-origin:bottom}}.detours,.practical,.section,.stop{scroll-margin-top:84px}.section{padding:clamp(64px,8vw,100px) clamp(18px,6vw,96px)}.section-head{align-items:flex-end;border-bottom:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;margin-bottom:36px;padding-bottom:18px}.label{color:var(--muted);font-size:11px;margin:0 0 6px}.detours-head h2,.section-head h2{font-size:clamp(34px,4.4vw,64px);font-weight:300;line-height:1.05;margin:0}.right{color:var(--muted);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:11px;line-height:1.5;margin:0;max-width:300px;text-align:right}.detour,.map-wrap,.place,.prac,.timeline{background:var(--cream);border:1px solid var(--line);border-radius:6px}.map-wrap{box-shadow:var(--shadow);overflow:hidden;padding:clamp(16px,3vw,30px) clamp(14px,3vw,28px) clamp(22px,5vw,70px);position:relative}.map-wrap:before{background-image:linear-gradient(rgba(29,42,58,.05) 1px,transparent 0),linear-gradient(90deg,rgba(29,42,58,.05) 1px,transparent 0);background-size:36px 36px;content:"";inset:0;-webkit-mask-image:radial-gradient(ellipse at center,#000 60%,transparent 95%);mask-image:radial-gradient(ellipse at center,#000 60%,transparent 95%);pointer-events:none;position:absolute}.map-scroll{overflow-x:auto;overscroll-behavior-inline:contain;position:relative;scrollbar-color:var(--ink-soft) transparent;z-index:1}.map-svg{display:block;height:auto;min-width:760px;width:100%}.route-path{animation:marching 30s linear infinite;fill:none;opacity:.72;stroke:var(--ink);stroke-dasharray:6 6;stroke-dashoffset:0;stroke-width:2.4}@keyframes marching{to{stroke-dashoffset:-1200}}.route-glow{fill:none;filter:blur(4px);opacity:.18;stroke:var(--rust);stroke-linecap:round;stroke-width:6}.pin{cursor:pointer;transition:transform .2s}.pin:hover{transform:scale(1.04)}.pin-dot{animation:pinPulse 3s ease-in-out infinite;transform-origin:center}@keyframes pinPulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.pin-label{fill:var(--ink);font-family:Spectral,Georgia,serif;font-size:14px;font-style:italic}.pin-sub{fill:var(--muted);font-size:9px}.legend{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:11px;gap:14px 18px;margin-top:18px;position:relative;z-index:1}.legend span{align-items:center;display:inline-flex;gap:8px}.legend i{border:2px solid var(--ink);border-radius:50%;height:14px;width:14px}.legend .rust{background:var(--rust);border-color:var(--rust-2)}.legend .olive{background:var(--olive);border-color:var(--olive)}.legend .gold{background:var(--gold);border-color:#9a7826}.legend .teal{background:var(--teal);border-color:#1f4448}.legend-note{margin-left:auto;text-align:right}.timeline{margin-top:36px;padding:24px clamp(14px,3vw,26px)}.timeline-title{color:var(--muted);font-size:11px;margin:0 0 14px}.timeline-scroll{overflow-x:auto;overscroll-behavior-inline:contain;padding:12px 6px 18px}.tl-track{height:72px;min-width:680px;position:relative}.tl-bar,.tl-fill{border-radius:2px;height:3px;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tl-bar{background:var(--ink);right:0}.tl-fill{background:var(--rust);transition:width 1.2s ease;width:0}.tl-stop{position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.tl-stop .nub{background:var(--paper);border:2px solid var(--ink);border-radius:50%;height:14px;margin:0 auto 8px;transition:background .3s,border-color .3s;width:14px}.tl-stop.active .nub{background:var(--rust);border-color:var(--rust)}.tl-stop .km,.tl-stop .lab{color:var(--muted);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:10px;letter-spacing:.12em;white-space:nowrap}.tl-stop .km{color:var(--rust);font-size:9px;left:50%;position:absolute;top:0;transform:translate(-50%,-28px)}.stop{border-top:1px solid var(--line);padding:clamp(68px,8vw,100px) clamp(18px,6vw,96px);position:relative}.stop-finish{background:linear-gradient(180deg,transparent,rgba(180,80,43,.06))}.stop-grid{align-items:start;display:grid;gap:clamp(26px,5vw,48px);grid-template-columns:minmax(150px,220px) minmax(0,1fr)}.stop-side{position:sticky;top:82px}.stop-no{color:var(--rust);font-family:Spectral,Georgia,serif;font-size:clamp(74px,10vw,120px);font-style:italic;font-weight:300;line-height:.92}.stop-finish .stop-no{color:var(--ink)}.where{line-height:1.5;margin-top:10px}.stop-tag,.where{color:var(--muted);font-size:11px}.stop-tag{margin:0 0 12px}.stop-title{font-size:clamp(40px,5.4vw,80px);font-weight:300;line-height:1;margin:0}.place-list{display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px}.place{overflow:hidden;padding:clamp(20px,3vw,24px);position:relative;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}.place:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.place.full{grid-column:1/-1}.place .layout{align-items:center;display:grid;gap:clamp(20px,4vw,30px);grid-template-columns:minmax(220px,1fr) minmax(0,1.2fr)}.placeholder{align-items:flex-end;background:repeating-linear-gradient(45deg,rgba(29,42,58,.05) 0 8px,transparent 8px 16px),linear-gradient(135deg,#ead9b4,#d6c08a);border:1px solid var(--line);border-radius:4px;color:var(--ink-soft);display:flex;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:10px;justify-content:flex-start;letter-spacing:.1em;min-height:260px;padding:14px;text-transform:uppercase}.visual-olive{background:repeating-linear-gradient(45deg,rgba(110,122,58,.18) 0 8px,transparent 8px 16px),linear-gradient(135deg,#d8d2b6,#b8b48a)}.visual-gold{background:radial-gradient(circle at 80% 18%,hsla(0,0%,100%,.36),transparent 28%),repeating-linear-gradient(45deg,rgba(200,155,60,.18) 0 8px,transparent 8px 16px),linear-gradient(135deg,#ead9b4,#caa858)}.ribbon{background:var(--rust);color:#f8eecf;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:9px;letter-spacing:.18em;padding:3px 36px;position:absolute;right:-31px;text-transform:uppercase;top:14px;transform:rotate(35deg);z-index:1}.ribbon-teal{background:var(--teal);color:#f3eedf}.ribbon-gold{background:var(--gold);color:var(--ink)}.icon{background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.6),transparent);border:1px solid var(--line);border-radius:50%;color:var(--rust);display:grid;height:38px;margin-bottom:14px;place-items:center;transition:transform .4s;width:38px}.icon span{font-size:20px;line-height:1}.place:hover .icon{transform:rotate(-12deg) scale(1.06)}.place h3{font-size:clamp(20px,2.2vw,24px);font-weight:500;line-height:1.18;margin:0 0 5px}.sub{color:var(--muted);font-size:10px;line-height:1.45;margin-bottom:12px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.chip{background:#b4502b14;border-radius:999px;color:var(--rust-2);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:10px;letter-spacing:.1em;padding:3px 8px}.chip.teal{background:#2c5d631f;color:#1f4448}.chip.gold{background:#c89b3c29;color:#7a5e1c}.chip.olive{background:#6e7a3a1f;color:#5a6325}.detour p,.place p{color:var(--ink-soft);font-size:14.5px;line-height:1.58;margin:0 0 12px}.fact{border-top:1px dashed var(--line);color:var(--ink-soft);display:flex;font-family:Spectral,Georgia,serif;font-size:13.5px;font-style:italic;gap:8px;line-height:1.45;padding-top:10px}.fact:before{color:var(--rust);content:"◆";flex:0 0 auto;font-style:normal}.soft-gold{background:linear-gradient(135deg,var(--cream),#ead9b4)}.rust-card{background:linear-gradient(135deg,var(--rust),var(--rust-2));border-color:var(--rust-2);color:#f5ead0}.rust-card .fact:before,.rust-card .icon,.rust-card h3{color:#fff}.rust-card .icon{border-color:#ffffff6b}.rust-card .fact,.rust-card .sub,.rust-card p{color:#f5ead0eb}.rust-card .fact{border-top-color:#ffffff4d}.detours{padding:clamp(68px,8vw,100px) 0 clamp(68px,8vw,100px) clamp(18px,6vw,96px)}.detours-head{margin-bottom:30px;padding-right:clamp(18px,6vw,96px)}.detours-head h2{font-size:clamp(30px,4vw,52px);max-width:980px}.detour-track{display:flex;gap:20px;overflow-x:auto;padding-bottom:18px;padding-right:clamp(18px,6vw,96px);scroll-snap-type:x mandatory;scrollbar-color:var(--ink-soft) transparent}.detour{flex:0 0 min(360px,82vw);padding:22px;scroll-snap-align:start;transform-origin:center bottom;transition:transform .4s,box-shadow .4s}.detour:hover{box-shadow:var(--shadow);transform:translateY(-6px) rotate(-.5deg)}.detour .km{color:var(--rust);font-size:10px;margin-bottom:10px}.detour h3{font-size:24px;font-weight:500;margin:0 0 8px}.practical{border-top:1px solid var(--line);padding:clamp(68px,8vw,100px) clamp(18px,6vw,96px) 64px}.prac-grid{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.prac{min-height:200px;padding:22px}.prac h3{color:var(--muted);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:11px;font-weight:500;letter-spacing:.18em;margin:0 0 14px;text-transform:uppercase}.prac ul{list-style:none;margin:0;padding:0}.prac li{border-bottom:1px dashed var(--line);display:flex;font-family:Spectral,Georgia,serif;font-size:16px;gap:10px;justify-content:space-between;line-height:1.45;padding:7px 0}.prac li:last-child{border-bottom:0}.prac .t{color:var(--ink-soft);min-width:0}.prac .v{color:var(--rust);flex:0 1 auto;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:11px;max-width:48%;text-align:right}.footer{border-top:1px solid var(--line);padding:clamp(46px,6vw,64px) clamp(18px,6vw,96px) 42px;text-align:center}.footer .big{font-size:clamp(30px,4vw,56px);font-style:italic;font-weight:300;line-height:1.12;margin:0 auto 18px;max-width:940px}.footer-meta{color:var(--muted);font-size:11px;line-height:1.6;margin:0}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}@media(max-width:1180px){.prac-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.topbar{align-items:start;background:#efe7d7f5;gap:10px 12px;grid-template-columns:1fr auto;position:sticky}.topbar nav{grid-column:1/-1;justify-content:flex-start;order:3;padding-bottom:2px}.badge-distance{justify-self:end}.hero{grid-template-columns:1fr;min-height:auto;padding-top:58px}.hero-side{min-height:340px}.section-head{align-items:flex-start;flex-direction:column}.right{max-width:620px;text-align:left}.stop-grid{grid-template-columns:1fr}.stop-side{align-items:baseline;display:flex;gap:16px;position:static}.where{margin-top:0}.place .layout,.place-list{grid-template-columns:1fr}.placeholder{min-height:220px}}@media(max-width:720px){.hero,.practical,.section,.stop{padding-inline:16px}.hero{padding-bottom:54px}.hero h1{font-size:clamp(42px,13.2vw,72px);line-height:.98}.meta{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.hero-side{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(116px,.72fr) minmax(0,1.28fr);min-height:0}.hero-card,.stamp{inset:auto;position:relative}.stamp{min-width:116px;width:min(34vw,150px)}.hero-card{animation:none;transform:none;width:100%}.hero-card .row{align-items:flex-start;flex-direction:column;gap:2px}.hero-card b{text-align:left}.scroll-cue{display:none}.map-svg{min-width:690px}.legend-note{flex-basis:100%;margin-left:0;text-align:left}.detours{padding-left:16px}.detour-track,.detours-head{padding-right:16px}.prac-grid{grid-template-columns:1fr}}@media(max-width:520px){.topbar{padding:10px 12px}.badge{font-size:10px}.badge-home span:last-child{max-width:54vw;overflow:hidden;text-overflow:ellipsis}.badge-distance{display:none}.topbar{grid-template-columns:1fr}.hero{padding-top:44px}.lede{font-size:15.5px}.hero-side,.meta{grid-template-columns:1fr}.stamp{justify-self:center;width:142px}.detours-head h2,.section-head h2,.stop-title{overflow-wrap:anywhere;word-break:normal}.map-wrap{margin-inline:-6px}.map-svg,.tl-track{min-width:620px}.stop-side{display:block}.where{margin-top:8px}.place{padding:20px 18px}.ribbon{padding-inline:34px;right:-38px}.placeholder{min-height:180px}.prac li{display:grid;grid-template-columns:minmax(0,1fr)}.prac .v{max-width:none;text-align:left}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}