:root{--orange:#f5aa42;--ink:#171717;--muted:#74716b;--paper:#f7f5f0;--white:#fff;--line:#ddd8ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px}.wrap{width:min(1180px,88vw);margin:auto}.top{height:86px;background:rgba(255,255,255,.97);display:flex;align-items:center;justify-content:space-between;padding:10px 5.5vw;position:sticky;top:0;z-index:20;border-bottom:1px solid #e7e3dc}.brand img{display:block;height:58px;width:auto}.top nav{display:flex;gap:30px}.top nav a{color:#282828;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.top nav a:hover{color:#b86a00}.hero{height:calc(92vh - 86px);min-height:590px;position:relative;overflow:hidden}.heroimg{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,12,12,.62) 0%,rgba(12,12,12,.26) 48%,rgba(12,12,12,.05) 75%)}.heroText{position:absolute;left:max(6vw,calc((100vw - 1180px)/2));bottom:12%;color:#fff;max-width:680px}.eyebrow,.sectionLabel{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.light{color:#fff}.hero h1{font-family:Arial Black,Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(46px,5.3vw,76px);line-height:1.02;letter-spacing:-.035em;margin:16px 0 18px}.heroSub{font-family:Arial Black,Arial,Helvetica,sans-serif;font-style:normal;font-size:clamp(20px,2vw,28px);margin:0 0 30px}.textlink{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:7px}.textlink span{font-size:18px}.lightlink{color:#fff}.editorial{display:grid;grid-template-columns:220px 1fr;gap:70px;padding-top:115px;padding-bottom:125px}.sectionLabel{color:#a9630a;padding-top:8px}.copy{max-width:790px}.copy h2,.what h2,.stories h2,.warning h2,.place h2,.detail h2,.map h2,.contact h2{font-family:Arial Black,Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:-.035em}.copy h2{font-size:clamp(42px,5vw,66px);margin:0 0 28px}.lead{font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(22px,2.3vw,30px);line-height:1.5;margin:0 0 35px}.landscape{height:68vh;min-height:520px;position:relative;overflow:hidden}.landscape img{width:100%;height:100%;object-fit:cover}.landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 58%)}.caption{position:absolute;z-index:2;left:max(6vw,calc((100vw - 1180px)/2));bottom:10%;color:#fff;max-width:800px;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(25px,3vw,42px);line-height:1.15}.caption span,.caption strong{display:block}.caption strong{font-weight:400;font-style:italic}.what{background:#22211f;color:#fff;padding:115px 0 120px}.what .sectionLabel{color:var(--orange)}.whatIntro{display:grid;grid-template-columns:1fr .7fr;gap:100px;align-items:end}.what h2{font-size:clamp(48px,5.4vw,72px);line-height:1.02;margin:20px 0 0}.whatIntro>p{font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:20px;line-height:1.6;color:#d8d4cc;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:75px;border-top:1px solid #5a5751}.services article{padding:35px 45px 0 0}.services article+article{border-left:1px solid #5a5751;padding-left:45px}.services h3{font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:28px;font-weight:400;margin:0 0 14px}.services p{color:#c8c4bc;line-height:1.7;margin:0}.stories{padding-top:120px;padding-bottom:130px}.storiesTitle{display:grid;grid-template-columns:1fr .65fr;gap:80px;align-items:end;margin:20px 0 65px}.stories h2{font-size:clamp(46px,5vw,68px);line-height:1.05;margin:0}.storiesTitle p{font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:19px;line-height:1.65;color:#5d5a55;margin:0}.storyGrid{display:grid;grid-template-columns:1.25fr .75fr;gap:38px}.storyGrid figure{margin:0}.storyLarge{grid-row:span 2}.storyGrid img{display:block;width:100%;height:330px;object-fit:cover}.storyLarge img{height:100%;min-height:690px}.storyGrid figcaption{padding:18px 0 8px;border-bottom:1px solid var(--line)}.storyGrid figcaption small{display:block;color:#a9630a;text-transform:uppercase;letter-spacing:.15em;font-weight:700;margin-bottom:8px}.storyGrid figcaption span{font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:19px}.warning{display:grid;grid-template-columns:1.05fr .95fr;background:#e9e4da}.warningImage{min-height:650px}.warningImage img{width:100%;height:100%;object-fit:cover}.warningCopy{padding:100px max(6vw,calc((100vw - 1180px)/2)) 100px 7vw;display:flex;flex-direction:column;justify-content:center}.warning h2{font-size:clamp(42px,4.5vw,62px);line-height:1.08;margin:20px 0 25px}.warningCopy>p{font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:19px;line-height:1.7;color:#504d48}.place{padding-top:130px;padding-bottom:130px;display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:center}.place h2{font-size:clamp(46px,5vw,68px);margin:18px 0 25px}.placeCopy>p{font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:19px;line-height:1.7;color:#55514b}.place .note{font-family:Arial,Helvetica,sans-serif;font-size:14px;border-left:2px solid var(--orange);padding-left:18px;margin-top:30px;color:#4e4a44}.placeImage img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.detail{height:66vh;min-height:540px;position:relative;overflow:hidden}.detail img{width:100%;height:100%;object-fit:cover}.detail:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.05))}.detail>div{position:absolute;z-index:2;left:max(6vw,calc((100vw - 1180px)/2));top:50%;transform:translateY(-50%);color:#fff;max-width:700px}.detail h2{font-size:clamp(40px,4.7vw,64px);line-height:1.08;margin:18px 0}.map{padding-top:130px;padding-bottom:130px;display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center}.mapImage img{width:100%;display:block;filter:grayscale(1) contrast(1.05);mix-blend-mode:multiply}.map h2{font-size:clamp(43px,4.8vw,64px);line-height:1.08;margin:18px 0 24px}.mapCopy>p{font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:19px;line-height:1.7;color:#55514b}.photoRow{display:grid;grid-template-columns:1.4fr .65fr 1fr;height:360px;gap:3px;background:#fff}.photoRow img{width:100%;height:100%;object-fit:cover}.contact{background:#fff;text-align:center;padding:120px 0}.contact .sectionLabel{padding:0}.contact h2{font-size:clamp(46px,5vw,68px);max-width:850px;margin:20px auto 25px}.contact .wrap>p:not(.placeholder){font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:20px;line-height:1.65;max-width:700px;margin:0 auto 35px;color:#56524c}.button{display:inline-block;background:var(--orange);color:#171717;text-decoration:none;padding:15px 24px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:.2s}.button:hover{background:#171717;color:#fff}.placeholder{font-size:11px;color:#999;margin-top:22px}footer{background:#f2efe9;border-top:1px solid var(--line);padding:30px 5.5vw;display:flex;align-items:center;justify-content:space-between}footer img{width:min(360px,55vw)}footer p{font-size:11px;color:#777}.top a,.button,.textlink{transition:color .2s,background .2s}@media(max-width:800px){.top{height:72px;padding:8px 6vw}.brand img{height:47px}.top nav{display:none}.hero{height:78vh;min-height:560px}.heroText{left:7vw;right:7vw}.editorial,.whatIntro,.storiesTitle,.warning,.place,.map{grid-template-columns:1fr}.editorial{gap:25px;padding:80px 0}.sectionLabel{padding-top:0}.what{padding:80px 0}.whatIntro{gap:25px}.services{grid-template-columns:1fr;margin-top:50px}.services article,.services article+article{padding:28px 0;border-left:0;border-bottom:1px solid #5a5751}.stories{padding:80px 0}.storiesTitle{gap:25px;margin-bottom:45px}.storyGrid{grid-template-columns:1fr}.storyLarge{grid-row:auto}.storyGrid img,.storyLarge img{height:52vh;min-height:380px}.warningImage{min-height:55vh}.warningCopy{padding:70px 7vw}.place{padding:80px 0;gap:45px}.placeImage{order:-1}.detail{height:65vh}.map{padding:80px 0;gap:45px}.photoRow{grid-template-columns:1fr;height:auto}.photoRow img{height:45vh}.contact{padding:85px 0}footer{flex-direction:column;gap:20px;text-align:center}}

/* v0.4 — typografie afgestemd op het logo */
h1,h2,h3,.heroSub,.lead,.caption,.storiesTitle p,.warningCopy>p,.placeCopy>p,.mapCopy>p,.contact .wrap>p:not(.placeholder){font-family:Arial,Helvetica,sans-serif}
.hero h1,.copy h2,.what h2,.stories h2,.warning h2,.place h2,.detail h2,.map h2,.contact h2{font-family:'Arial Black',Arial,Helvetica,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.035em;line-height:1.02}
.hero h1{font-size:clamp(40px,4.8vw,68px)}
.copy h2,.what h2,.stories h2,.warning h2,.place h2,.detail h2,.map h2,.contact h2{font-size:clamp(36px,4.2vw,58px)}
.lead,.heroSub,.caption,.whatIntro>p,.storiesTitle p,.warningCopy>p,.placeCopy>p,.mapCopy>p,.contact .wrap>p:not(.placeholder){font-family:Arial,Helvetica,sans-serif;font-weight:400}
.services h3,.storyGrid figcaption span{font-family:'Arial Black',Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:.02em}

/* v0.5 — lichtere typografie + subtiele beweging */
.hero h1,.copy h2,.what h2,.stories h2,.warning h2,.place h2,.detail h2,.map h2,.contact h2,
.services h3,.storyGrid figcaption span{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:400;
}
.hero h1,.copy h2,.what h2,.stories h2,.warning h2,.place h2,.detail h2,.map h2,.contact h2{
  letter-spacing:.02em;
}

/* Rustige scroll-reveals: alleen wanneer JS actief is */
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s cubic-bezier(.22,.61,.36,1)}
.js .reveal.is-visible{opacity:1;transform:none}
.js .reveal-delay-1{transition-delay:.08s}.js .reveal-delay-2{transition-delay:.16s}

/* Zachte beeldbeweging */
.heroimg,.landscape img,.detail img{will-change:transform;transform:scale(1.025);transition:transform .15s linear}
.storyGrid img,.placeImage img,.warningImage img,.photoRow img{transition:transform .7s cubic-bezier(.22,.61,.36,1)}
.storyGrid figure,.placeImage,.warningImage,.photoRow{overflow:hidden}
.storyGrid figure:hover img,.placeImage:hover img,.warningImage:hover img{transform:scale(1.018)}
.textlink span{transition:transform .25s ease}.textlink:hover span{transform:translateX(4px)}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.heroimg,.landscape img,.detail img,.storyGrid img,.placeImage img,.warningImage img,.photoRow img,.textlink span{transform:none!important;transition:none!important}}