:root{--bild-start:url(https://images.unsplash.com/photo-1471506480208-91b3a4cc78be?auto=format&fit=crop&w=2000&q=85);--bild-gravel:url(https://images.unsplash.com/photo-1511994298241-608e28f14fde?auto=format&fit=crop&w=1200&q=85);--bild-plats:url(https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=1400&q=85);--forest:#102c26;--forest-2:#143a33;--cream:#f4f1e8;--lime:#dce88e;--ink:#132924;--white:#fff;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}img{max-width:100%;display:block}a{color:inherit}.container{width:min(var(--max),calc(100% - 56px));margin:0 auto}header{z-index:10;background:var(--forest);color:var(--white);position:relative}.topbar{justify-content:space-between;align-items:center;gap:18px;min-height:86px;padding:18px 0;display:flex}.brand{color:var(--white);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0;font-size:19px;font-weight:900;line-height:1.02;text-decoration:none}.brand span{color:var(--lime)}nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}nav a{text-transform:uppercase;letter-spacing:.11em;border-radius:999px;padding:11px 12px;font-size:12px;font-weight:700;text-decoration:none}nav a:hover{background:#ffffff14}.navbtn{border:1px solid #ffffff73}.hero{color:var(--white);background:linear-gradient(90deg,#08211deb,#08211d94 45%,#08211d2e), linear-gradient(0deg,#08211dc7,#08211d14 42%), var(--bild-start) center/cover;align-items:flex-start;min-height:740px;display:flex}.hero-inner{width:min(var(--max),calc(100% - 56px));margin:0 auto;padding:72px 0 78px}.eyebrow{color:var(--lime);text-transform:uppercase;letter-spacing:.22em;margin:0 0 20px;font-size:12px;font-weight:800}h1{letter-spacing:-.075em;text-transform:uppercase;max-width:1000px;margin:0;font-size:clamp(64px,10vw,156px);font-weight:950;line-height:.86}h1 em{color:var(--lime);font-style:normal}.tagline{max-width:980px;margin:24px 0 26px;font-size:clamp(24px,3vw,36px);line-height:1.15}.hero-note{letter-spacing:.2em;text-transform:uppercase;margin:0 0 28px;font-size:12px;font-weight:800}.actions{flex-wrap:wrap;gap:14px;display:flex}.btn{text-transform:uppercase;letter-spacing:.12em;border:1px solid #0000;border-radius:999px;padding:18px 34px;font-size:12px;font-weight:850;text-decoration:none;display:inline-block}.btn.primary{background:var(--lime);color:var(--forest)}.btn.secondary{color:var(--white);background:0 0;border-color:#fff6}.stats{background:var(--lime);padding:34px 0 38px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.stat strong{text-transform:uppercase;margin-bottom:8px;font-size:clamp(24px,3vw,38px);line-height:1.02;display:block}.stat span{letter-spacing:.17em;text-transform:uppercase;font-size:12px;display:block}.section{padding:100px 0}.kicker{color:#8b6644;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800}h2{letter-spacing:-.055em;text-transform:uppercase;margin:18px 0 24px;font-size:clamp(42px,5vw,78px);line-height:.96}p{font-size:18px;line-height:1.7}.intro-grid,.location-grid{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.photo,.location-art{background-position:50%;background-size:cover;border-radius:4px;min-height:500px}.photo{background-image:var(--bild-gravel)}.location-art{background-image:linear-gradient(#113a306b,#113a306b),var(--bild-plats)}.dark{background:var(--forest);color:var(--cream)}.dark .kicker{color:var(--lime)}.dark p{color:#d8e0db}.routes{grid-template-columns:1fr 1fr;gap:24px;margin-top:34px;display:grid}.route{border:1px solid #ffffff40;flex-direction:column;justify-content:space-between;min-height:280px;padding:38px;display:flex}.route-label{color:var(--lime);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800}.route h3{text-transform:uppercase;letter-spacing:-.04em;margin:10px 0 12px;font-size:46px;line-height:.96}.route p{margin:0}.route-footer{letter-spacing:.12em;text-transform:uppercase;margin-top:26px;font-size:13px;font-weight:700}.newsletter{background:var(--lime);text-align:center}.newsletter .container{max-width:900px}.newsletter p{max-width:740px;margin:0 auto 24px}.signup{gap:10px;max-width:560px;margin:0 auto;display:flex}.signup input{background:#fff;border:1px solid #496055;border-radius:999px;flex:1;min-width:0;padding:17px 18px;font-size:15px}.signup .btn{background:var(--forest);color:#fff;padding-inline:26px}.small{opacity:.82;font-size:13px}footer{color:#fff;background:#091d19;padding:48px 0}.footer-grid{justify-content:space-between;gap:30px;display:flex}footer strong{letter-spacing:-.04em;font-size:26px}footer p{color:#b5c6be;margin:10px 0 0;font-size:13px;line-height:1.7}.right{text-align:right}.credits{color:#8fa69e;font-size:11px}@media (width<=980px){.stats-grid,.intro-grid,.location-grid,.routes{grid-template-columns:1fr}.photo,.location-art{min-height:340px}.footer-grid{display:block}.right{text-align:left;margin-top:24px}}@media (width<=760px){.container,.hero-inner{width:min(var(--max),calc(100% - 34px))}.topbar{flex-direction:column;align-items:flex-start;min-height:auto}nav{justify-content:flex-start;gap:3px}nav a{padding:8px 9px;font-size:10px}.hero{min-height:auto}.hero-inner{padding:48px 0 58px}.eyebrow{letter-spacing:.14em;font-size:10px;line-height:1.6}h1{font-size:clamp(48px,17vw,86px);line-height:.88}.tagline{margin:18px 0 22px;font-size:clamp(18px,5.7vw,28px);line-height:1.18}.hero-note{margin-bottom:20px}.btn{text-align:center;width:100%}.section{padding:72px 0}.signup{flex-direction:column}}
