@font-face{font-family:Cafe;src:url('/assets/barlow-condensed-bold.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:#000028;background:#faf5e9;font:17px/1.75 Arial,sans-serif}a{color:inherit;text-decoration-color:#d5a232;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid #d5a232;outline-offset:5px}.edition{background:#000028;color:#ead6aa;text-align:center;font-size:10px;letter-spacing:2px;padding:8px}header{padding:24px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4c7ac;gap:20px}header img{display:block}header nav{display:flex;gap:28px;font-size:14px}header a{text-decoration:none}.guide-title{padding:65px 8% 42px;max-width:1500px;margin:auto}.eyebrow,.chapter-number{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#816232}h1,h2,h3,p{margin-top:0}h1{font:700 clamp(68px,10.8vw,155px)/.91 Cafe,Arial,sans-serif;letter-spacing:-1px;margin:27px 0 35px}h1 em{font-style:normal;color:#947034}h2{font:700 clamp(38px,4.5vw,62px)/1.05 Cafe,Arial,sans-serif;letter-spacing:.1px;margin-bottom:24px}h3{font:700 29px/1.15 Cafe,Arial,sans-serif;margin:0 0 15px}.intro-line{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.intro-line p{max-width:520px;font-size:16px}.signature{font:italic 29px/1.4 Georgia,serif!important;margin-top:3px;color:#816232}figure{margin:0}figure img{display:block;width:100%;height:100%;object-fit:cover;background:#e5dbc7}figcaption{font-size:11px;line-height:1.5;color:#756950;padding-top:9px}.cover{margin:0 4%;height:clamp(310px,48vw,650px);position:relative}.cover img{object-position:50% 50%}.cover figcaption{position:absolute;bottom:15px;right:20px;color:white;text-shadow:0 1px 4px black}.chapters{position:sticky;top:0;z-index:10;background:#faf5e9f5;backdrop-filter:blur(8px);display:flex;justify-content:center;gap:28px;padding:18px 5%;border-bottom:1px solid #cdbd9e;font-size:13px;flex-wrap:wrap}.chapters a{text-decoration:none}.chapter{display:grid;grid-template-columns:1fr 3fr;gap:6%;max-width:1200px;margin:auto;padding:90px 5%}.chapter-number{padding-top:7px;font-size:10px}.chapter p{max-width:740px;color:#4e4b4b}.lead{font:21px/1.55 Georgia,serif!important;color:#000028!important}.local-note{background:#eee3cc;border-left:3px solid #c39a4c;margin-top:40px;padding:28px 32px}.local-note h3{margin-top:12px}.local-note p{margin-bottom:0}.wide-photo{margin:0 8%}.wide-photo img{height:clamp(270px,40vw,550px)}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.small{font-size:13px}.photo-pair{display:grid;grid-template-columns:1.4fr 1fr;gap:25px;margin:0 8%}.photo-pair img{height:430px}.photo-pair figure:nth-child(2){margin-top:80px}.address-list article{padding:30px 0;border-bottom:1px solid #d4c7ac}.address-list article:first-child{padding-top:10px}.address-list h3{margin:12px 0}.address-list p{margin-bottom:5px}.summer{padding:70px 9%;background:#000028;color:#fff7e7;display:grid;grid-template-columns:1.6fr 1fr;gap:10%;align-items:center}.summer .eyebrow{color:#d5a232}.summer h2{font-size:clamp(44px,5vw,72px);margin-top:25px}.summer p{color:#e5dfd4}.summer .lead{color:#eed59b!important}.summer-mark{border:1px solid #d5a232;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(4deg);border-radius:50%;text-align:center;color:#d5a232}.summer-mark strong{font:700 clamp(30px,4.5vw,64px)/1 Cafe,Arial,sans-serif;margin:17px}.summer-mark span{font-size:10px;letter-spacing:2px}.green-story{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;padding:90px 8%;align-items:center;background:#e9ecdf}.green-story img{height:480px}.green-story h2{margin-top:20px}.sleep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.sleep-grid article{border-top:1px solid #b79b65;padding-top:20px}.sleep-grid span{color:#947034;font:700 18px Cafe}.sleep-grid h3{margin-top:12px}.sleep-grid p{font-size:15px}.cafe-end{text-align:center;background:#eddfc3;padding:70px 22px}.cafe-end p{max-width:560px;margin:0 auto 26px}.cafe-end h2{font-size:64px;margin-top:20px}.cta{display:inline-block;background:#000028;color:#fff7e7;padding:13px 24px;text-decoration:none;font-weight:700;font-size:15px}.quiet-link{display:block;font-size:14px;margin:18px auto 0}.photo-credits{padding:30px 8%;font-size:12px;color:#71644f}.photo-credits summary{cursor:pointer}.photo-credits a{overflow-wrap:anywhere}footer{border-top:1px solid #d4c7ac;padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px}footer p{margin:0}@media(max-width:760px){header{padding:20px 5%}header img{width:110px}header nav{gap:15px;font-size:12px}.guide-title{padding:45px 6% 25px}h1{font-size:clamp(61px,14.4vw,105px)}.intro-line{grid-template-columns:1fr;gap:0}.signature{font-size:25px!important}.cover{margin:0;height:330px}.chapters{justify-content:flex-start;gap:10px 20px;padding:13px 6%;font-size:12px}.chapter{grid-template-columns:1fr;gap:18px;padding:50px 6%}.chapter-number{margin-bottom:5px}.lead{font-size:20px!important}.editorial-grid{grid-template-columns:1fr;gap:15px}.wide-photo{margin:0}.wide-photo figcaption{padding-left:6%}.photo-pair{margin:0 6%;gap:12px;grid-template-columns:1fr 1fr}.photo-pair img{height:255px}.photo-pair figure:nth-child(2){margin-top:40px}.summer{grid-template-columns:1fr;padding:50px 7%}.summer-mark{display:none}.green-story{grid-template-columns:1fr;padding:45px 6%;gap:35px}.green-story img{height:300px}.sleep-grid{grid-template-columns:1fr;gap:16px}.sleep-grid article{padding-top:15px}.sleep-grid h3{margin:8px 0}.sleep-grid p{font-size:16px}.local-note{padding:24px}.cafe-end h2{font-size:54px}footer{flex-wrap:wrap;justify-content:center;text-align:center}.photo-credits{padding:25px 6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Duidelijke hoofdstukknoppen, ook op kleine schermen. */
html{scroll-padding-top:145px}.chapters{gap:10px;padding:12px 5%}.chapters a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 19px;border:1px solid #000028;background:#000028;color:#fff7e7;border-radius:4px;font-weight:700;line-height:1.3;box-shadow:0 2px 0 #d5a232}.chapters a:hover{background:#d5a232;color:#000028}.chapters a:active{transform:translateY(1px)}.photo-pair{grid-template-columns:1fr 1fr}.photo-pair img{height:auto;aspect-ratio:3/2;object-position:center}.photo-pair figure:nth-child(2){margin-top:55px}.address-list p+p{margin-top:20px}@media(max-width:760px){.chapters{gap:8px;padding:12px 6%;position:relative}.chapters a{font-size:12px;padding:10px 13px;flex:1 1 auto}.photo-pair{grid-template-columns:1fr;gap:26px}.photo-pair figure:nth-child(2){margin-top:0}.photo-pair img{height:auto;aspect-ratio:3/2}.wide-photo img{height:auto;aspect-ratio:3/2}html{scroll-padding-top:20px}}

.photo-pair figure:nth-child(2) img{aspect-ratio:3/4;object-position:center}@media(min-width:761px){.photo-pair{grid-template-columns:1.4fr 1fr}.photo-pair figure:nth-child(2) img{height:430px;aspect-ratio:auto}}

/* Eén rustige terugweg; hoofdstukken blijven bij de inhoud. */
header .back-home{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #000028;border-radius:4px;font-size:14px;font-weight:700;line-height:1.3;background:#000028;color:#fff7e7;box-shadow:0 2px 0 #d5a232}header .back-home:hover{background:#d5a232;color:#000028}header nav{gap:0}@media(max-width:760px){header{gap:15px}header .back-home{font-size:12px;padding:10px 12px}}

.chapters a.guide-home{background:#d5a232;color:#000028;border-color:#d5a232}.chapters a.guide-home:hover{background:#000028;color:#fff7e7}

/* MarketingOost: toon de hele foto zonder uitsnede of bewerking. */
.cover.cover-marketingoost{height:auto}.cover.cover-marketingoost img{height:auto;object-fit:contain;aspect-ratio:auto}.cover.cover-marketingoost figcaption{position:static;padding:10px 0 14px;color:#756950;text-shadow:none}@media(max-width:760px){.cover.cover-marketingoost figcaption{padding:10px 6% 14px}}

.wide-photo.photo-marketingoost img{height:auto;aspect-ratio:auto;object-fit:contain}

.photo-pair figure.photo-marketingoost img{height:auto;aspect-ratio:auto;object-fit:contain}

/* Kleine sfeerfoto naast het verhaal over de stad vanaf het water. */
.summer-photo{width:100%;max-width:340px;justify-self:center;align-self:center}.summer-photo img{height:auto;aspect-ratio:auto;object-fit:contain}.summer-photo figcaption{color:#e5dfd4;font-size:10px}@media(max-width:760px){.summer-photo{max-width:320px;margin-top:16px;justify-self:start}}

/* Houd foto en leesbare bron als één blok binnen de watersectie. */
.summer-photo{background:#faf5e9;overflow:hidden}.summer-photo figcaption{color:#000028;background:#faf5e9;padding:10px 12px 12px;font-size:12px;line-height:1.5}.summer-photo img{display:block;width:100%;height:auto}@media(max-width:760px){.summer{gap:24px;padding-bottom:40px}.summer-copy p:last-child{margin-bottom:0}.summer-photo{margin-top:0;max-width:320px;justify-self:start}}