:root{--paper:#f2eadc;--cream:#fffaf0;--ink:#171712;--muted:#6e675d;--clay:#a64c36;--line:#c8bba8;--night:#161b19;--blue:#167eac}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:20;background:#fff;padding:.8rem 1rem}.skip-link:focus{top:1rem}
.topbar{align-items:center;background:rgba(242,234,220,.94);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:18px clamp(22px,5vw,72px);position:sticky;top:0;z-index:10;backdrop-filter:blur(9px)}
.brand{font:700 1.15rem Georgia,serif;text-decoration:none}.brand span{display:block;font:700 .62rem Arial,sans-serif;letter-spacing:.13em;margin-top:3px;text-transform:uppercase}.quiet-link{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
main{overflow:hidden}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);min-height:76vh}.hero-copy{align-items:flex-start;background:var(--night);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:clamp(64px,9vw,140px) clamp(28px,8vw,130px)}
.kicker,.route-kind,.route-label{color:var(--clay);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero .kicker{color:#df9b78}.hero h1{font:400 clamp(5.6rem,13vw,12rem)/.72 Georgia,serif;letter-spacing:-.06em;margin:.2em 0}.lead{font:italic clamp(1.35rem,2.5vw,2.25rem)/1.35 Georgia,serif;max-width:760px}
.first-route{align-self:stretch;background:var(--cream);border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,6vw,90px)}.first-route h2{font:400 clamp(2.3rem,4vw,4rem)/1 Georgia,serif;margin:.35em 0 .8em}.first-route ol{counter-reset:steps;list-style:none;margin:0;padding:0}.first-route li{border-top:1px solid var(--line);counter-increment:steps}.first-route li:last-child{border-bottom:1px solid var(--line)}.first-route a{align-items:center;display:flex;font-weight:750;padding:14px 0;text-decoration:none}.first-route a:before{color:var(--clay);content:"0" counter(steps);font-size:.68rem;letter-spacing:.1em;margin-right:20px}
.intro{display:grid;font:400 clamp(1.7rem,3.3vw,3.6rem)/1.13 Georgia,serif;gap:2rem;grid-template-columns:1fr 1fr;padding:clamp(70px,10vw,145px) clamp(26px,9vw,150px)}.intro p{margin:0}.intro p:last-child{color:var(--clay)}
.routes{padding:clamp(60px,8vw,110px) clamp(22px,7vw,110px)}.section-heading{display:grid;grid-template-columns:.7fr 1.3fr;margin-bottom:55px}.section-heading h2{font:400 clamp(3.2rem,7vw,7rem)/.9 Georgia,serif;margin:0}.route{align-items:center;border-top:1px solid var(--line);display:grid;gap:clamp(20px,4vw,60px);grid-template-columns:65px minmax(0,1fr) max-content;padding:38px 14px}.route:last-child{border-bottom:1px solid var(--line)}.route-number{color:var(--clay);font-size:.75rem;font-weight:800;letter-spacing:.16em}.route h3{font:400 clamp(2.4rem,5vw,5.2rem)/.92 Georgia,serif;margin:.12em 0}.route div>p:last-child{color:var(--muted);line-height:1.6;margin:.7rem 0 0;max-width:700px}.route>a,.double-link a,.return-home>a{border-bottom:2px solid var(--clay);font-size:.83rem;font-weight:800;padding:.6rem 0;text-decoration:none}.double-link{display:grid;gap:10px}.route--dark{background:var(--night);border:0;color:#fff;margin:0 -4vw;padding:50px calc(4vw + 14px)}.route--dark div>p:last-child{color:#c9c7bf}.route--dark .route-kind,.route--dark .route-number{color:#df9b78}.route a:hover,.route a:focus-visible,.quiet-link:hover,.quiet-link:focus-visible{color:var(--clay)}
.wander{align-items:center;background:var(--clay);color:#fff;display:grid;gap:40px;grid-template-columns:minmax(0,1fr) max-content;padding:clamp(65px,10vw,150px) clamp(25px,9vw,150px)}.wander .kicker{color:#f5d6c8}.wander h2{font:400 clamp(3.4rem,8vw,8rem)/.86 Georgia,serif;margin:.2em 0}.wander p{line-height:1.6;max-width:660px}.wander button{background:transparent;border:1px solid rgba(255,255,255,.65);color:#fff;cursor:pointer;font:700 .9rem Arial,sans-serif;padding:22px 26px}.wander button:hover,.wander button:focus-visible{background:#fff;color:var(--clay)}.wander-note{font:italic 1rem Georgia,serif;grid-column:1/-1;margin:0;min-height:1.5em}
.return-home{margin:auto;max-width:900px;padding:clamp(80px,12vw,170px) 25px;text-align:center}.return-home h2{font:400 clamp(3rem,7vw,6.5rem)/.92 Georgia,serif;margin:.25em 0}.return-home>p:not(.kicker){color:var(--muted);font:1.25rem/1.6 Georgia,serif;margin:1rem auto 2rem;max-width:650px}.closing{background:var(--night);color:#fff;font:italic clamp(2rem,5vw,5rem)/1.15 Georgia,serif;margin:0;padding:clamp(70px,10vw,145px) 25px;text-align:center}
.dock{bottom:16px;display:flex;left:16px;position:fixed;z-index:12}.dock a,.dock button{background:#f8f3e9;border:1px solid #b9ad9b;color:#171712;font:800 .72rem Arial,sans-serif;padding:14px 17px;text-decoration:none;text-transform:uppercase}.dock a+*,.dock button+*{border-left:0}.dock button{cursor:pointer}
@media(max-width:800px){.topbar{padding:15px 20px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{min-height:68vh;padding:80px 25px}.hero h1{font-size:clamp(5rem,26vw,8rem)}.first-route{border-left:0;border-top:1px solid var(--line)}.intro{grid-template-columns:1fr;padding:75px 25px}.section-heading{display:block}.section-heading h2{margin-top:.4em}.routes{padding-left:18px;padding-right:18px}.route{align-items:start;grid-template-columns:42px minmax(0,1fr);padding:30px 4px}.route>a,.double-link{grid-column:2}.route--dark{margin:0 -18px;padding:40px 22px}.wander{grid-template-columns:1fr;padding:75px 25px}.wander button{justify-self:start}.dock{bottom:10px;left:10px}.dock a,.dock button{padding:12px 13px}.dock span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}