:root{--ink:#17372e;--pine:#163c32;--dark:#10281f;--muted:#62756b;--accent:#e2efaa;--paper:#f7f7f2;--fog:#e9ede4;--line:#d9e0d6;--white:#fff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:var(--max);margin:auto;padding-left:34px;padding-right:34px}.header{position:sticky;top:0;z-index:50;background:rgba(247,247,242,.97);backdrop-filter:blur(14px);box-shadow:0 1px 0 #17372e19}.header-inner{height:83px;display:flex;align-items:center;gap:30px}.logo{display:flex;gap:12px;align-items:center;flex-shrink:0}.logo-mark{display:grid;place-items:center;background:var(--pine);color:var(--accent);height:45px;width:45px;border-radius:50%;font-size:25px;font-weight:900}.logo-name{font-weight:900;letter-spacing:-.075em;line-height:.85;font-size:19px;display:flex;flex-direction:column}.logo-name>span{color:#6d8b70}.logo-name small{font-size:8px;letter-spacing:.16em;line-height:1.2;font-weight:800;margin-top:9px;color:#7e9184}.nav{margin-left:auto;display:flex;align-items:center;gap:25px;font-size:13px;font-weight:750}.nav a:hover,.inline-link:hover,.hero-secondary:hover{opacity:.7}.header-action{display:inline-flex;align-items:center;gap:14px;color:white;background:var(--pine);border-radius:50px;font-weight:800;font-size:12px;padding:12px 19px}.header-action span{font-size:17px}.nav-toggle{display:none;cursor:pointer;border:0;background:transparent;padding:10px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--pine);margin:5px 0}.nav-mobile{display:none}.hero{min-height:690px;position:relative;background:var(--dark);color:white;isolation:isolate;display:flex;flex-direction:column;justify-content:center}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover;z-index:-3}.hero-shade{z-index:-2;background:linear-gradient(90deg,#09231edc 0%,#09231eb8 38%,#09231e45 78%),linear-gradient(0deg,#061d16a6,transparent 27%)}.hero-inner{width:100%;padding-top:90px;padding-bottom:110px}.eyebrow{font-size:11px;letter-spacing:.19em;text-transform:uppercase;font-weight:850;color:#617e69}.eyebrow.light{color:#d6e2cd}.hero h1{font-size:clamp(64px,9.3vw,135px);line-height:.91;letter-spacing:-.09em;margin:24px 0 26px;font-weight:850}.hero h1 em,.feature-intro em,.motion-bottom h2 em{color:var(--accent);font-style:normal}.hero p{max-width:560px;color:#e4ebe4;font-size:19px;line-height:1.6}.hero-cta{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;min-height:50px;padding:13px 20px;border-radius:80px;font-size:13px;font-weight:850;letter-spacing:.01em}.btn-accent{background:var(--accent);color:var(--pine)}.btn-dark{background:var(--pine);color:#fff}.hero-secondary{font-size:13px;font-weight:800;color:#e8efe8}.hero-footer{position:absolute;bottom:23px;left:0;right:0;display:flex;gap:30px;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.15em;color:#c8d7cb}.section{padding:100px 0}.section-muted{background:var(--fog)}.intro-grid{display:grid;grid-template-columns:1fr .85fr;gap:90px;align-items:center}.section h2,.feature-intro h2,.motion-bottom h2{font-size:clamp(45px,5vw,73px);font-weight:850;line-height:.99;letter-spacing:-.075em;margin:18px 0 0}.section h2 em{font-style:normal;color:#678666}.intro-copy{font-size:18px;color:#405a4b}.intro-copy p:first-child{margin-top:0}.intro-copy p:last-child{margin-bottom:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin:0 0 37px}.section-heading h2{margin-top:13px}.section-heading>p,.section-heading>div>p{font-size:17px;max-width:480px;color:var(--muted);margin:15px 0 0}.race-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.race-card{background:#fff;display:flex;flex-direction:column;min-width:0;box-shadow:0 15px 40px #142b1d0e}.card-image-link{display:block;overflow:hidden}.card-image-link img{width:100%;aspect-ratio:5/3;object-fit:cover;transition:transform .35s}.card-image-link:hover img{transform:scale(1.035)}.card-content{padding:26px;display:flex;flex-direction:column;flex:1}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#547663;font-size:10px;font-weight:850;letter-spacing:.09em}.card-category{background:#eef4e6;padding:7px 10px;border-radius:30px;color:#45694e}.race-card h3{font-size:clamp(37px,3.6vw,50px);line-height:.99;letter-spacing:-.075em;margin:23px 0 18px}.race-card p{font-size:15px;color:#586e61;line-height:1.7;margin:0 0 22px}.characteristics{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.characteristics span,.facts-inline span{font-size:11px;font-weight:800;border:1px solid #d5dfd1;padding:7px 11px;border-radius:25px}.card-link{margin-top:27px;border-top:1px solid #dbe3d7;padding-top:19px;color:#24563a;font-size:13px;font-weight:850;display:flex;justify-content:space-between;gap:12px}.card-link span{font-size:19px}.route-choice{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.route-tab{cursor:pointer;background:#f0f2e9;color:var(--pine);border:1px solid #dbe3d6;padding:13px 20px;font-size:13px;font-weight:800}.route-tab.active,.route-tab:hover{background:var(--pine);border-color:var(--pine);color:#fff}.route-box{display:grid;grid-template-columns:.85fr 1.15fr;min-height:440px;background:#fff;border:1px solid var(--line)}.route-copy{padding:47px 40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.route-copy h3{font-size:42px;line-height:1.05;letter-spacing:-.07em;margin:20px 0 12px}.route-copy p{color:var(--muted);font-size:16px;margin:0 0 24px}.route-more{font-size:13px;font-weight:800;color:#386b48;margin-top:18px}.route-map{min-height:420px;display:flex;flex-direction:column;background:#dfe8d8}.route-map iframe{border:0;width:100%;min-height:390px;flex:1}.feature-band{background:var(--pine);color:#fff;overflow:hidden}.feature-grid{display:grid;grid-template-columns:1fr 1fr;min-height:480px;align-items:stretch;gap:65px}.feature-intro{align-self:center;padding:75px 0}.feature-intro h2{font-size:clamp(45px,4.9vw,70px);margin:18px 0 20px}.feature-intro p{color:#c1d5c8;font-size:17px;max-width:480px}.inline-link{font-size:13px;font-weight:850;color:#315e41}.light-link{color:#f2f5e6;display:inline-block;margin-top:15px}.feature-grid img{height:100%;width:100%;object-fit:cover}.closing-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.closing-actions{display:flex;align-items:flex-start;flex-direction:column;gap:20px}.footer{background:#10281f;color:#f0f5e9;padding:55px 0 22px}.footer-main{display:flex;gap:40px;justify-content:space-between;padding-bottom:40px}.footer-brand{font-size:24px;letter-spacing:-.07em;font-weight:900}.footer-brand small{display:block;font-size:10px;letter-spacing:.17em;color:#aac4ac}.footer-links{display:flex;flex-wrap:wrap;align-items:flex-start;gap:19px;font-size:13px}.footer-bottom{border-top:1px solid #35574a;padding-top:20px;display:flex;justify-content:space-between;gap:12px;color:#a2b9a8;font-size:11px;letter-spacing:.07em}.motion-hero{min-height:650px}.motion-hero .hero-inner{padding-bottom:85px}.motion-hero h1{font-size:clamp(54px,7.2vw,100px);max-width:900px}.back-link{display:block;font-size:13px;font-weight:800;color:#d7e6d5;margin:0 0 30px}.motion-shortcuts{background:var(--pine);color:#fff}.shortcuts-grid{display:grid;grid-template-columns:repeat(4,1fr)}.shortcuts-grid a{padding:23px 26px;border-right:1px solid #ffffff2b}.shortcuts-grid a:first-child{border-left:1px solid #ffffff2b}.shortcuts-grid strong{display:block;font-size:16px}.shortcuts-grid small{display:block;color:#bbd3bd;font-size:12px;margin-top:2px}.facts-inline{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.practical-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.practical-tile{border:1px solid var(--line);background:#fff;padding:35px;min-height:235px}.tile-index{font-weight:850;color:#6d9474;font-size:12px}.practical-tile h3{font-size:26px;letter-spacing:-.05em;margin:12px 0}.practical-tile p{font-size:15px;color:var(--muted);margin:0 0 9px}.status-line{font-size:13px;font-weight:750;color:#496752;margin-top:15px}.tile-link{display:inline-flex;margin-top:10px;color:#1f5b3b;font-size:14px;font-weight:850}.under-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.under-grid>div>p{font-size:17px;color:var(--muted)}.rules>div{display:flex;gap:20px;padding:0 0 20px;margin-bottom:22px;border-bottom:1px solid var(--line)}.rules>div>span{font-size:12px;color:#6b8d70;font-weight:850;padding-top:5px}.rules h3{margin:0 0 5px;font-size:21px;letter-spacing:-.04em}.rules p{margin:0;font-size:15px;color:var(--muted)}.photostrip{display:grid;grid-template-columns:repeat(3,1fr)}.photostrip img{height:340px;width:100%;object-fit:cover}.faq-list{max-width:940px;margin:0 auto}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;font-size:17px;font-weight:800;padding:21px 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:25px;font-weight:400;color:#6f9670}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:15px;color:var(--muted);max-width:740px;margin:0 0 24px}.faq-list p a{color:#286740;text-decoration:underline}.motion-bottom{background:var(--pine);color:#fff;padding:88px 0 100px}.motion-bottom h2{margin-bottom:26px}.motion-bottom .btn{margin-top:10px}@media(max-width:1050px){.nav{gap:15px}.header-inner{gap:16px}.race-card h3{font-size:36px}.card-content{padding:20px}.feature-grid{gap:30px}}@media(max-width:800px){.nav,.header-action{display:none}.nav-toggle{display:block;margin-left:auto}.nav-mobile:not([hidden]){display:flex;flex-direction:column;background:var(--paper);padding:0 28px 18px}.nav-mobile a{padding:13px 0;border-top:1px solid var(--line);font-weight:750}.race-grid{grid-template-columns:1fr 1fr}.race-card:last-child{grid-column:1 / -1}.intro-grid,.feature-grid,.under-grid{gap:30px}.feature-grid img{max-height:420px}}@media(max-width:640px){.wrap{padding-left:22px;padding-right:22px}.header-inner{height:71px}.logo-name{font-size:16px}.hero{min-height:645px}.hero-shade{background:linear-gradient(90deg,#09231edf,#09231e77),linear-gradient(0deg,#09231e88,transparent 35%)}.hero-inner{padding-top:65px;padding-bottom:80px}.hero h1{font-size:clamp(51px,12vw,83px)}.hero p{font-size:17px}.hero-footer{font-size:8px;gap:13px;flex-wrap:wrap}.section{padding:70px 0}.intro-grid,.race-grid,.route-box,.feature-grid,.closing-grid,.practical-grid,.under-grid{grid-template-columns:1fr}.race-card:last-child{grid-column:auto}.section h2,.feature-intro h2,.motion-bottom h2{font-size:clamp(42px,10vw,60px)}.section-heading{display:block}.section-heading>p{margin-top:18px}.route-choice{gap:4px}.route-tab{padding:10px 10px;font-size:11px;flex:1}.route-copy{padding:28px}.route-copy h3{font-size:32px}.route-map{min-height:330px}.route-map iframe{min-height:300px}.feature-intro{padding:65px 0 15px}.feature-grid{gap:20px}.feature-grid img{max-height:300px}.shortcuts-grid{grid-template-columns:1fr 1fr}.shortcuts-grid a{padding:17px 8px}.motion-hero h1{font-size:clamp(47px,11vw,76px)}.photostrip img{height:180px}.footer-main,.footer-bottom{flex-direction:column;gap:25px}.footer-links{flex-direction:column;gap:12px}.practical-tile{min-height:auto}.under-grid{gap:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Retained visual direction from the original prototype: palette, bold type,
   generous spacing and restrained green/lime accents. */
:root{--ink:#102b26;--pine:#102b26;--dark:#0b211c;--muted:#617168;--accent:#d8ef7f;--paper:#f7f5ef;--fog:#e7ece4;--line:#d5ddd5}
.header{background:rgba(247,245,239,.94)}
.logo-name>span{color:#54755f}
.hero-shade{background:linear-gradient(90deg,rgba(10,24,19,.88) 0%,rgba(10,24,19,.70) 38%,rgba(10,24,19,.35) 64%,rgba(10,24,19,.20) 100%)}
.hero h1{font-size:clamp(72px,9vw,122px);line-height:.90;letter-spacing:-.09em}
.hero-inner{padding-top:70px;padding-bottom:85px}
.hero{min-height:720px}
.section{padding-top:92px;padding-bottom:92px}
.race-card{border:1px solid var(--line);box-shadow:0 20px 50px rgba(10,25,20,.08)}
.card-content{padding:28px 24px}
.card-content h3{letter-spacing:-.075em}
.section-heading h2,.intro h2,.feature-intro h2{letter-spacing:-.08em}
.feature-band{background:#102b26}
.footer{background:#0b211c}
@media(max-width:760px){.hero{min-height:640px}.hero h1{font-size:clamp(61px,11vw,86px)}.hero-shade{background:linear-gradient(180deg,rgba(10,24,19,.78),rgba(10,24,19,.8))}.section{padding-top:72px;padding-bottom:72px}}

/* Innehållet får brytas av webbläsaren, utan påtvingade radslut. */
.hero h1,.section h2,.feature-intro h2,.motion-bottom h2,.race-card h3{overflow-wrap:normal;word-break:normal;text-wrap:balance}
.hero h1{max-width:980px}
.intro-grid{grid-template-columns:1fr .9fr}
.intro-grid h2{max-width:690px}
.section-heading h2{max-width:980px}
.feature-intro h2{max-width:690px}
.location-links{display:flex;flex-direction:column;gap:0;margin:25px 0 14px;border-top:1px solid #ffffff33}
.location-links a{padding:14px 0;border-bottom:1px solid #ffffff33;display:flex;align-items:center;justify-content:space-between;gap:14px}
.location-links strong{font-size:15px;font-weight:800}
.location-links span{font-size:12px;color:#d5e9d9;white-space:nowrap}
.arrival-note{color:var(--accent)!important;font-size:14px!important;font-weight:800;margin-top:16px}
.arrival-note-dark{color:#315d43!important;margin:26px 0 0}
@media(max-width:800px){.intro-grid{grid-template-columns:1fr}.feature-intro h2{max-width:100%}}
@media(max-width:640px){.location-links a{align-items:flex-start;flex-direction:column;gap:3px}.hero h1{font-size:clamp(49px,10vw,74px)}.section h2,.feature-intro h2{font-size:clamp(38px,8vw,58px)}}

/* Deltagarinformation: same typography, palette and page system. */
.om-guide-banner{background:#f0f2e8;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0}.om-guide-inner{display:flex;justify-content:space-between;gap:28px;align-items:center}.om-guide-inner h2{font-size:clamp(27px,3vw,40px);letter-spacing:-.06em;margin:4px 0}.om-guide-inner p{color:var(--muted);margin:0}.om-promo{margin-top:30px;padding:28px;border:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.om-promo h3{font-size:26px;letter-spacing:-.05em;margin:6px 0}.om-promo p{color:var(--muted);margin:0}.guide-head{background:var(--pine);color:white;padding:85px 0 70px}.guide-back{display:inline-block;color:#dae8d2;font-size:14px;font-weight:750;margin-bottom:33px}.guide-head h1{font-size:clamp(52px,7vw,96px);line-height:1.04;letter-spacing:-.08em;margin:18px 0}.guide-head p{font-size:19px;color:#d6e4d6;max-width:660px}.guide-jump{background:#e8eee0;border-bottom:1px solid var(--line)}.guide-jump .wrap{display:flex;flex-wrap:wrap;gap:20px}.guide-jump a{font-size:13px;font-weight:800;padding:17px 0}.guide-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.guide-layout h2{font-size:clamp(40px,4vw,62px);line-height:1.08;letter-spacing:-.07em;margin:14px 0}.guide-content h3{font-size:23px;letter-spacing:-.04em;margin:0 0 8px}.guide-content h3:not(:first-child){margin-top:27px}.guide-content p{color:var(--muted);margin:0 0 16px}.guide-content a:not(.btn){color:#285e3f;text-decoration:underline;text-underline-offset:3px;font-weight:650}.sign-showcase{max-width:520px;margin:22px 0}.sign-showcase img{width:100%;height:auto}.sign-showcase p{font-size:12px;margin-top:8px}.depot-highlight{display:flex;align-items:baseline;gap:24px;padding:15px 0 20px}.depot-highlight span{font-size:56px;font-weight:850;letter-spacing:-.08em;color:#254d37}.depot-highlight strong{font-size:27px}.guide-page .footer{margin-top:0}@media(max-width:800px){.guide-layout{grid-template-columns:1fr;gap:24px}.om-guide-inner,.om-promo{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.guide-head{padding:60px 0 55px}.guide-jump .wrap{gap:15px}.guide-jump a{font-size:12px}}
