:root{--ink:#171717;--paper:#f3f3f0;--line:#c9c9c3;--yellow:#f2dc7b;--muted:#5d5d58}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Geist,Arial,sans-serif}.route-detail-nav{height:88px;padding:0 34px;border-bottom:1px solid var(--line);background:#fafaf8;display:flex;align-items:center;justify-content:space-between;gap:24px}.route-detail-nav img{display:block;width:166px}.route-detail-nav nav{display:flex;align-items:center;gap:22px}.route-detail-nav a{color:inherit;text-decoration:none;font:11px 'Fragment Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.route-detail-nav a:hover{text-decoration:underline;text-underline-offset:5px}.route-detail-hero{background:#171717;color:#fff;min-height:470px;display:flex;align-items:end}.route-detail-hero__inner{width:min(1240px,100%);margin:0 auto;padding:75px 34px}.route-detail-kicker{font:11px 'Fragment Mono',monospace;letter-spacing:.11em;text-transform:uppercase;color:var(--yellow)}.route-detail-hero h1{max-width:12ch;margin:24px 0 21px;font-size:clamp(47px,6vw,78px);font-weight:500;line-height:.93;letter-spacing:-.07em}.route-detail-hero p{max-width:620px;margin:0;font-size:18px;line-height:1.52;color:#e4e4df}.route-detail-layout{width:min(1240px,100%);margin:0 auto;padding:78px 34px 86px;display:grid;grid-template-columns:220px minmax(0,760px);gap:80px}.route-detail-aside{font:11px/1.8 'Fragment Mono',monospace;letter-spacing:.09em;text-transform:uppercase;color:#666660}.route-detail-copy h2{margin:0 0 14px;font-size:clamp(29px,3.2vw,44px);font-weight:500;line-height:1.03;letter-spacing:-.055em}.route-detail-copy h3{margin:44px 0 10px;font-size:22px;font-weight:500;line-height:1.13;letter-spacing:-.035em}.route-detail-copy p{margin:0 0 18px;font-size:17px;line-height:1.63}.route-detail-steps{margin:39px 0 42px;border-top:1px solid var(--line)}.route-detail-step{display:grid;grid-template-columns:84px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.route-detail-step span{font:11px 'Fragment Mono',monospace;letter-spacing:.1em;color:#887014}.route-detail-step h3{margin:0 0 7px;font-size:20px}.route-detail-step p{margin:0;font-size:16px}.route-detail-faq{margin-top:43px;border-top:1px solid var(--line)}.route-detail-faq article{padding:21px 0;border-bottom:1px solid var(--line)}.route-detail-faq h3{margin:0 0 8px;font-size:19px}.route-detail-faq p{margin:0;font-size:16px}.route-detail-related{margin-top:46px;padding:26px;background:#e4e4df}.route-detail-related h2{font-size:25px;margin-bottom:17px}.route-detail-related a{display:block;width:max-content;max-width:100%;margin-top:11px;color:var(--ink);font:12px 'Fragment Mono',monospace;letter-spacing:.06em;text-transform:uppercase;text-underline-offset:4px}.route-detail-cta{margin-top:58px;padding:28px;background:var(--yellow);display:flex;align-items:center;justify-content:space-between;gap:24px}.route-detail-cta h2{max-width:20ch;margin:0;font-size:29px}.route-detail-cta a{flex:none;background:#171717;color:#fff;text-decoration:none;padding:16px 20px;font-size:14px}.route-detail-footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:28px 34px;background:#171717;color:#fff;font:11px 'Fragment Mono',monospace;letter-spacing:.08em}.route-detail-footer img{width:145px;filter:brightness(0) invert(1)}@media(max-width:760px){.route-detail-nav{height:76px;padding:0 20px}.route-detail-nav img{width:142px}.route-detail-nav nav a:first-child{display:none}.route-detail-nav nav{gap:14px}.route-detail-hero{min-height:430px}.route-detail-hero__inner{padding:55px 24px}.route-detail-hero h1{font-size:49px}.route-detail-hero p{font-size:16px}.route-detail-layout{padding:50px 24px 62px;grid-template-columns:1fr;gap:20px}.route-detail-copy p{font-size:16px}.route-detail-step{grid-template-columns:55px 1fr}.route-detail-cta{display:block;padding:23px}.route-detail-cta h2{font-size:26px}.route-detail-cta a{display:inline-block;margin-top:20px}.route-detail-footer{padding:24px 20px}.route-detail-footer img{width:126px}}
