:root{--ink:#153d36;--cream:#f4f0e6;--orange:#ed6b2d;--mint:#dbe8dc;--white:#fff;--line:rgba(21,61,54,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit}.nav{height:86px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:rgba(244,240,230,.95);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;line-height:1}.brand small{display:block;margin-top:6px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}.brand-mark{width:40px;height:40px;border:1.5px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:"Fraunces",serif;font-size:13px}.nav nav{display:flex;align-items:center;gap:30px}.nav nav>a{text-decoration:none;font-size:14px;font-weight:600}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:var(--orange);color:white;padding:17px 24px;border-radius:999px;text-decoration:none;border:0;font:700 14px "DM Sans",sans-serif;cursor:pointer;transition:.2s transform,.2s background}.button:hover{transform:translateY(-2px);background:#d9561b}.button-small{padding:11px 19px}.hero{height:min(780px,calc(100vh - 86px));min-height:650px;position:relative;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,43,37,.85) 0%,rgba(10,43,37,.54) 36%,rgba(10,43,37,.04) 66%)}.hero-copy{position:absolute;left:clamp(24px,8vw,128px);top:50%;transform:translateY(-50%);max-width:650px;color:white}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:700;margin:0 0 22px}.eyebrow.dark{color:#4b756d}h1,h2{font-family:"Fraunces",serif;letter-spacing:-.035em;margin:0}h1{font-size:clamp(58px,7vw,104px);line-height:.92}h2{font-size:clamp(38px,4vw,64px);line-height:1.02}.lead{font-size:18px;line-height:1.65;max-width:570px;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:28px}.text-link{font-weight:700;text-underline-offset:5px}.hero-note{position:absolute;right:clamp(24px,5vw,72px);bottom:32px;color:white;display:flex;align-items:center;gap:12px}.hero-note strong{font:700 48px "Fraunces",serif}.hero-note span{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.intro{padding:120px clamp(24px,8vw,130px);display:grid;grid-template-columns:1.4fr 1fr;gap:10vw;align-items:end}.intro p:last-child{font-size:19px;line-height:1.75;margin:0}.features{margin:0 clamp(24px,8vw,130px) 120px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.features article{padding:40px 40px 20px 0;border-right:1px solid var(--line)}.features article+article{padding-left:40px}.features article:last-child{border-right:0}.features span{font:600 13px "Fraunces",serif;color:var(--orange)}h3{font:700 24px "Fraunces",serif;margin:22px 0 12px}.features p,.route-copy p,.details p{line-height:1.65;color:#4a655f}.route-card{margin:0 clamp(18px,5vw,72px) 120px;background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;min-height:590px;border-radius:28px;overflow:hidden}.route-copy{padding:clamp(44px,7vw,100px)}.route-copy p:not(.eyebrow){font-size:17px;color:#ccdad6;line-height:1.7}.route-copy ul{list-style:none;padding:20px 0 0;margin:0}.route-copy li{margin:15px 0;font-weight:600}.route-copy li span{color:#ff8751;margin-right:10px}.map-art{position:relative;background:#dce8dc;overflow:hidden;color:var(--ink);min-height:440px;background-image:radial-gradient(circle at 20% 15%,rgba(255,255,255,.9) 0 3px,transparent 4px),linear-gradient(120deg,transparent 43%,rgba(255,255,255,.5) 44% 46%,transparent 47%)}.route-line{position:absolute;width:55%;height:70%;left:18%;top:10%;border:5px solid var(--orange);border-left-color:transparent;border-radius:46% 54% 41% 59%/55% 38% 62% 45%;transform:rotate(-15deg)}.route-line:before,.route-line:after{content:"";position:absolute;width:16px;height:16px;background:var(--orange);border:5px solid white;border-radius:50%}.route-line:before{left:3%;top:70%}.route-line:after{right:-2%;top:8%}.map-label{position:absolute;font:700 16px "Fraunces",serif;line-height:1.15}.map-label.start{left:14%;bottom:15%}.map-label.finish{right:8%;top:12%}.reed{position:absolute;color:#70947c;letter-spacing:-4px;font-weight:700}.r1{bottom:8%;right:12%;transform:rotate(-15deg)}.r2{top:20%;left:12%;transform:rotate(20deg)}.city-marker{position:absolute;right:11%;bottom:18%;display:flex;align-items:center;gap:9px}.city-marker svg{width:32px;height:40px;flex:0 0 auto}.city-marker path{fill:var(--orange)}.city-marker circle{fill:#fff}.city-marker>span{display:flex;flex-direction:column}.city-marker strong{font:700 18px "Fraunces",serif;line-height:1}.city-marker small{margin-top:4px;font:700 11px "DM Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#4b756d}.practical{padding:0 clamp(24px,8vw,130px) 120px;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.details{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:700;font-size:18px;list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";font-size:24px;color:var(--orange)}details[open] summary:after{content:"–"}.booking{margin:0 18px;background:var(--orange);color:white;text-align:center;border-radius:28px;padding:105px 24px}.booking>p:not(.eyebrow){font-size:18px}.button-light{background:white;color:var(--ink);margin:20px 0}.button-light:hover{background:#f8eee8}.booking small{display:block;opacity:.8}footer{padding:50px clamp(24px,5vw,72px);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:55px;font-size:13px}.footer-brand{font-size:16px}dialog{max-width:470px;border:0;border-radius:22px;padding:40px;color:var(--ink);box-shadow:0 30px 90px rgba(10,43,37,.3)}dialog::backdrop{background:rgba(10,43,37,.7);backdrop-filter:blur(5px)}dialog h2{font-size:38px}dialog p{line-height:1.6}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:28px;cursor:pointer;color:var(--ink)}@media(max-width:800px){.nav{height:74px}.nav nav>a:not(.button){display:none}.brand-mark{width:36px;height:36px}.hero{min-height:690px;height:calc(100svh - 74px)}.hero>img{object-position:64% center}.hero-shade{background:linear-gradient(90deg,rgba(10,43,37,.82),rgba(10,43,37,.18)),linear-gradient(0deg,rgba(10,43,37,.55),transparent 60%)}.hero-copy{top:auto;bottom:76px;transform:none;right:24px}.hero-copy .lead{font-size:16px;line-height:1.5}.hero-note{display:none}.intro,.practical{grid-template-columns:1fr;padding-top:80px;padding-bottom:80px;gap:30px}.features{grid-template-columns:1fr;margin-bottom:80px}.features article,.features article+article{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.route-card{grid-template-columns:1fr;margin-bottom:80px}.route-copy{padding:48px 28px}.practical{gap:45px}.booking{padding:75px 22px}footer{grid-template-columns:1fr;gap:18px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}}@media(max-width:420px){.nav .button-small{font-size:0;padding:12px}.nav .button-small:after{content:"Boek";font-size:14px}h1{font-size:53px}}