@font-face{font-family:Newsreader;src:url('fonts/newsreader.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Junicode;src:url('fonts/junicode.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Commissioner;src:url('fonts/commissioner-light.woff2') format('woff2');font-weight:300;font-display:swap}
:root{--brown:#5A3A2E;--soft:#8A6255;--paper:#F8F5EF;--yellow:#D7A928;--rule:#D9CBC1;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--brown);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:6px;text-decoration-thickness:1px}a:focus-visible{outline:2px solid var(--brown);outline-offset:6px}
.masthead{max-width:1440px;margin:auto;padding:32px 6vw;display:flex;align-items:baseline;justify-content:space-between;gap:24px}.brand{font:400 28px Newsreader,Georgia,serif}.masthead a{font:300 15px Commissioner,Arial,sans-serif;text-decoration:none;padding:12px 0}.masthead a:hover{text-decoration:underline}
.journey{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4vw;padding:0 6vw;position:relative}.thoughts{min-width:0}.step{min-height:88svh;display:flex;align-items:center;padding:64px 0 120px}.copy{max-width:490px}.index{font:300 16px/1.5 Commissioner,Arial,sans-serif;margin:0 0 30px}h1,h2{font:400 clamp(42px,5.2vw,74px)/1.04 Newsreader,Georgia,serif;letter-spacing:-.025em;margin:0 0 32px}.body-copy{font:400 clamp(21px,1.9vw,25px)/1.48 Junicode,Georgia,serif;color:var(--soft);max-width:410px;margin:0}.scroll-cue{font:300 14px/1.5 Commissioner,Arial,sans-serif;color:var(--soft);margin-top:42px}.drawing{position:sticky;top:max(70px,calc((100svh - min(42vw,590px))/2));align-self:start;width:100%;margin:0;pointer-events:none}.drawing svg{display:block;width:100%;height:auto;overflow:visible}.ring,.connections line{fill:none;stroke:var(--brown);stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}.connections line{stroke-width:1.5}.nodes circle{fill:var(--paper);stroke:var(--brown);stroke-width:1.5;vector-effect:non-scaling-stroke}.traveler{fill:var(--yellow);stroke:var(--brown);stroke-width:1.5;vector-effect:non-scaling-stroke}.labels{fill:var(--brown);font:300 17px Commissioner,Arial,sans-serif;text-anchor:middle}.drawing figcaption{font:300 14px/1.5 Commissioner,Arial,sans-serif;text-align:center;color:var(--soft);padding:10px 16px 0}.closing{padding:120px 6vw 100px;text-align:center;border-top:1px solid var(--rule);margin:0 6vw}.closing .index{color:var(--soft);margin-bottom:32px}.closing-line{font:400 clamp(40px,6vw,82px)/1.08 Newsreader,Georgia,serif;letter-spacing:-.025em;margin:0 0 42px}.closing a{display:inline-block;font:300 15px Commissioner,Arial,sans-serif;padding:14px}
@media(max-width:700px){.masthead{padding:20px 24px}.brand{font-size:25px}.journey{display:flex;flex-direction:column;padding:0 24px;gap:0}.drawing{order:-1;position:sticky;top:0;background:var(--paper);z-index:2;display:flex;flex-direction:column;align-items:center;padding:0 0 12px}.drawing svg{width:min(100%,310px,43svh)}.drawing figcaption{font-size:13px;padding-top:0}.step{min-height:77svh;padding:40px 0 88px;align-items:flex-start}.copy{max-width:520px}h1,h2{font-size:clamp(40px,9vw,54px);margin-bottom:23px}.body-copy{font-size:21px;line-height:1.42;max-width:38ch}.index{font-size:15px;margin-bottom:18px}.scroll-cue{margin-top:26px}.closing{margin:0 24px;padding:80px 0}.labels{font-size:23px}#see,#choose,#make{scroll-margin-top:46svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drawing{position:relative;top:auto}.step{min-height:0;padding:60px 0}.drawing svg{margin-top:45px}.closing{padding-top:70px}.scroll-cue{display:none}}