:root{--bg:#d9d2bf;--bg2:#e6e0cf;--ink:#1e1c19;--ink2:#4a463f;--orange:#d8621b;--red:#a8252b;--baikal:#2e5f7a;--rule:#b9b09a}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Merriweather,Georgia,serif;font-weight:300;line-height:1.7;font-size:17px}
a{color:var(--baikal)}
header.top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;color:#fff;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:13px}
header.top nav a{color:#fff;text-decoration:none;margin-left:22px}
.hero{position:relative;height:92vh;min-height:560px;overflow:hidden;background:#333}
.hero img{width:100%;height:100%;object-fit:cover;object-position:center 60%;display:block}
.hero .shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,18,15,.82) 0%,rgba(20,18,15,.15) 55%,rgba(20,18,15,.25) 100%)}
.hero .title{position:absolute;left:0;right:0;bottom:0;padding:0 28px 48px;color:#fff;max-width:1100px}
.hero h1{font-family:Oswald,sans-serif;font-weight:600;font-size:clamp(56px,11vw,150px);line-height:.92;margin:0;letter-spacing:-.01em;text-transform:uppercase}
.hero h1 span{color:var(--orange)}
.hero .sub{font-size:clamp(15px,1.6vw,20px);max-width:620px;margin:22px 0 0;font-style:italic;opacity:.95}
.hero .stats{display:flex;gap:36px;margin-top:28px;font-family:"JetBrains Mono",monospace;font-size:13px;letter-spacing:.06em}
.hero .stats b{display:block;font-family:Oswald,sans-serif;font-size:34px;font-weight:500;letter-spacing:0;line-height:1;color:var(--orange)}
.wrap{max-width:1100px;margin:0 auto;padding:0 28px}
section{padding:88px 0}
.eyebrow{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--red);margin:0 0 14px}
.mina{display:grid;grid-template-columns:1fr 1.6fr;gap:64px;align-items:start}
.mina h2{font-family:Oswald,sans-serif;font-weight:500;font-size:44px;margin:0 0 6px;text-transform:uppercase;line-height:1}
.mina .date{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--ink2)}
.mina .body p{font-size:20px;line-height:1.65;margin:0 0 22px}
.mina .body p:first-of-type::first-letter{font-family:Oswald,sans-serif;font-size:72px;float:left;line-height:.8;margin:6px 10px 0 0;color:var(--orange);font-weight:600}
.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:70px}
.feat figure{margin:0;position:relative;aspect-ratio:3/4;overflow:hidden;background:#333}
.feat img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.feat figure:hover img{transform:scale(1.04)}
.feat figcaption{position:absolute;left:10px;bottom:8px;color:#fff;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:12px;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.timeline{background:var(--ink);color:var(--bg2)}
.timeline .eyebrow{color:var(--orange)}
.timeline h2{font-family:Oswald,sans-serif;font-weight:500;font-size:44px;margin:0 0 8px;text-transform:uppercase;line-height:1}
.timeline .lead{max-width:560px;color:#bdb5a1;margin:0 0 56px;font-size:15px}
.stops{list-style:none;margin:0;padding:0;border-top:1px solid #3a3733}
.stop{display:grid;grid-template-columns:120px 160px 1fr;gap:28px;align-items:center;padding:22px 0;border-bottom:1px solid #3a3733;position:relative}
.stop::before{content:"";position:absolute;left:104px;top:0;bottom:0;width:2px;background:#3a3733}
.stop::after{content:"";position:absolute;left:99px;top:50%;width:12px;height:12px;border-radius:50%;background:var(--orange);transform:translateY(-50%);box-shadow:0 0 0 4px var(--ink)}
.odo{font-family:"JetBrains Mono",monospace;font-size:22px;letter-spacing:.08em;color:var(--orange);font-variant-numeric:tabular-nums}
.odo::after{content:"km";font-size:10px;margin-left:4px;color:#8a8270}
.thumb{aspect-ratio:4/3;background:#2a2825;overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}
.stop:hover .thumb img{filter:none}
.meta .date{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.06em;color:#8a8270}
.meta h3{font-family:Oswald,sans-serif;font-weight:500;font-size:24px;margin:2px 0 4px;line-height:1.15;text-transform:uppercase}
.meta h3 a{color:inherit;text-decoration:none}
.route{margin:0;font-size:13px;color:#bdb5a1;font-style:italic}
article.post{max-width:720px;margin:0 auto}
article.post .kicker{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--ink2);letter-spacing:.06em;margin-bottom:14px}
article.post h2{font-family:Oswald,sans-serif;font-weight:600;font-size:clamp(36px,5vw,58px);line-height:1;text-transform:uppercase;margin:0 0 18px}
.route-line{font-family:"JetBrains Mono",monospace;font-size:14px;color:var(--orange);border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);padding:10px 0;margin:0 0 36px}
article.post p{font-size:18.5px;margin:0 0 26px}
article.post figure{margin:40px -80px}
article.post figure img{width:100%;display:block}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:40px -80px 0}
.gallery figure{margin:0}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.pn{display:flex;justify-content:space-between;border-top:2px solid var(--ink);margin-top:64px;padding-top:18px;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:14px}
.pn a{color:var(--ink);text-decoration:none}.pn a b{display:block;color:var(--orange);font-size:11px;letter-spacing:.18em}
footer{background:var(--ink);color:#8a8270;padding:44px 28px;font-family:"JetBrains Mono",monospace;font-size:12px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.note-x{background:var(--red);color:#fff;font-family:Oswald,sans-serif;letter-spacing:.1em;text-transform:uppercase;font-size:12px;text-align:center;padding:8px}
@media(max-width:820px){.mina{grid-template-columns:1fr;gap:28px}.feat{grid-template-columns:1fr 1fr}.stop{grid-template-columns:70px 1fr;gap:14px}.stop .thumb{grid-column:2}.stop .meta{grid-column:2}.stop::before,.stop::after{display:none}.odo{font-size:15px}article.post figure,.gallery{margin-left:0;margin-right:0}.hero h1{font-size:18vw}}

header.top a{color:inherit;text-decoration:none}
.top-dark{position:static;background:var(--ink);color:#fff}
article.post{padding-top:56px}
.gallery figure img{cursor:zoom-in}