/* Alma del Almendral — ontwerp */

/* Layout: beeldgedreven, schermvullende foto's, veel lucht, dunne serif + gespatieerde kapitalen, tekstlinks met pijl.
   Bewust één warme, lichte wereld (zand, kalk, olijf) — geen donker thema. */
:root{
  --zand:#efe9df;      /* achtergrond: zongebleekte kalk */
  --zand-2:#e5dccd;    /* schaduwkant */
  --wit:#faf7f2;
  --inkt:#2b2722;      /* warme donkerbruine inkt */
  --inkt-2:#6e655a;
  --olijf:#6c6a4e;     /* blad van de johannesbroodboom */
  --klei:#a65f3c;      /* terracotta potten */
  --lijn:rgba(43,39,34,.18);
  --font-display:"Cormorant Garamond","Cormorant",Garamond,"Times New Roman",serif;
  --font-body:"Jost","Futura","Avenir Next",system-ui,sans-serif;
  --gutter:clamp(18px,5vw,72px);
  --max:1320px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--zand);color:var(--inkt);font-family:var(--font-body);font-weight:300;font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before{animation:none!important;transition:none!important}}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
:focus-visible{outline:1px solid currentColor;outline-offset:4px}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:300;line-height:1.05;margin:0;text-wrap:balance;letter-spacing:-.005em}
p{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gutter)}
.narrow{max-width:760px;margin:0 auto;padding-inline:var(--gutter)}
.caps{font-family:var(--font-body);font-size:11.5px;font-weight:400;letter-spacing:.28em;text-transform:uppercase}
.muted{color:var(--inkt-2)}
.serif-i{font-family:var(--font-display);font-style:italic}
.center{text-align:center}
.arrow{display:inline-flex;align-items:center;gap:.8em;text-decoration:none;font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:400;padding-block:6px;border-bottom:1px solid transparent;transition:border-color .3s,gap .3s}
.arrow::before{content:"→";letter-spacing:0;font-size:15px}
.arrow:hover{gap:1.2em;border-color:currentColor}
.btn{display:inline-block;text-decoration:none;font-size:12px;letter-spacing:.26em;text-transform:uppercase;font-weight:400;padding:1.15em 2.2em;border:1px solid currentColor;transition:background .35s,color .35s}
.btn:hover{background:var(--inkt);color:var(--wit);border-color:var(--inkt)}
.btn.light{color:var(--wit)}
.btn.light:hover{background:var(--wit);color:var(--inkt);border-color:var(--wit)}
.btn[disabled]{opacity:.35;pointer-events:none}
.reveal{opacity:1}

/* ---------- header ---------- */
.top{position:fixed;inset:0 0 auto 0;z-index:50;padding-top:env(safe-area-inset-top,0px);color:var(--wit);transition:background .4s,color .4s,border-color .4s;border-bottom:1px solid transparent}
.top .bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:84px;padding-inline:var(--gutter);transition:height .4s}
.top.solid,.menu-open .top{background:var(--zand);color:var(--inkt);border-color:var(--lijn)}
.top.solid .bar{height:68px}
.burger{display:flex;align-items:center;gap:14px;justify-self:start}
.burger i{display:grid;gap:6px;width:28px}
.burger i b{height:1px;background:currentColor;transition:transform .35s}
.menu-open .burger i b:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-open .burger i b:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.logo{text-decoration:none;display:grid;justify-items:center;line-height:1}
.logo .n{font-family:var(--font-display);font-size:clamp(22px,2.4vw,30px);font-weight:400;letter-spacing:.04em;white-space:nowrap}
.logo .s{font-size:9px;letter-spacing:.42em;text-transform:uppercase;margin-top:6px;opacity:.85}
.top.solid .logo .s{display:none}
.top-book{justify-self:end}
@media (max-width:640px){.burger span,.top-book{display:none}.top .bar{grid-template-columns:44px 1fr 44px}.logo .s{display:none}}

.overlay{position:fixed;inset:0;z-index:45;background:var(--zand);display:grid;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;overflow:auto;padding-top:calc(84px + env(safe-area-inset-top,0px))}
.menu-open .overlay{opacity:1;visibility:visible}
.overlay-in{display:grid;gap:48px;padding:48px var(--gutter) 64px;align-content:center}
@media (min-width:900px){.overlay-in{grid-template-columns:1fr 1fr;align-items:center;gap:80px}}
.overlay ol{list-style:none;padding:0;margin:0;display:grid;gap:2px}
.overlay ol a{font-family:var(--font-display);font-weight:300;font-size:clamp(40px,6.5vw,80px);line-height:1.12;text-decoration:none;transition:font-style .2s,padding .4s}
.overlay ol a:hover{font-style:italic;padding-left:.2em}
.overlay .pic{aspect-ratio:4/5;overflow:hidden;max-height:70vh}
.overlay .pic img{width:100%;height:100%;object-fit:cover}
@media (max-width:899px){.overlay .pic{display:none}}

/* ---------- views ---------- */
.view{display:none}
.view.on{display:block;animation:fade .9s ease}
@keyframes fade{from{opacity:.25}to{opacity:1}}

/* ---------- hero ---------- */
.hero{position:relative;height:100svh;min-height:560px;overflow:hidden;color:var(--wit);display:grid;place-items:center;text-align:center}
.hero .slides{position:absolute;inset:0;background:#3a342c}
.hero .slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 2.4s ease;transform:scale(1.06)}
.hero .slides img.on{opacity:1;animation:kb 12s ease-out forwards}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1.02)}}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,12,.38) 0%,rgba(20,16,12,.05) 35%,rgba(20,16,12,.12) 60%,rgba(20,16,12,.55) 100%)}
.hero-in{position:relative;z-index:2;display:grid;gap:26px;justify-items:center;padding-inline:var(--gutter)}
.hero h1{font-size:clamp(54px,9vw,140px);line-height:.95;text-shadow:0 2px 30px rgba(0,0,0,.18)}
.hero h1 em{font-style:italic}
.hero .sub{font-size:clamp(14px,1.3vw,16px);letter-spacing:.06em;opacity:.95}
.hero-foot{position:absolute;z-index:2;left:0;right:0;bottom:calc(28px + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;padding-inline:var(--gutter);align-items:end;gap:20px}
.dots{display:flex;gap:10px}
.dots button{width:28px;height:18px;position:relative}
.dots button::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.45)}
.dots button.on::after{background:#fff;height:2px}
.scroll-cue{writing-mode:vertical-rl;font-size:10px;letter-spacing:.4em;text-transform:uppercase;opacity:.85}

/* ---------- sections ---------- */
.sec{padding-block:clamp(90px,13vw,190px)}
.statement{font-family:var(--font-display);font-weight:300;font-size:clamp(32px,4.4vw,60px);line-height:1.16;text-align:center;max-width:22em;margin:0 auto}
.statement em{font-style:italic;color:var(--olijf)}
.stack{display:grid;gap:28px;justify-items:center;text-align:center}
.branch{width:64px;height:auto;color:var(--olijf)}

.trio{display:grid;gap:clamp(12px,2vw,28px);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;margin-top:clamp(70px,9vw,130px)}
.trio figure{margin:0;overflow:hidden}
.trio figure:nth-child(2){margin-top:clamp(40px,8vw,120px)}
.trio figure:nth-child(3){margin-top:clamp(20px,4vw,60px)}
.trio img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform 1.6s ease}
.trio figure:hover img{transform:scale(1.04)}
.trio figcaption{font-family:var(--font-display);font-style:italic;font-size:18px;color:var(--inkt-2);margin-top:12px}
@media (max-width:640px){.trio{grid-template-columns:1fr 1fr}.trio figure:nth-child(3){display:none}}

.band{position:relative;height:clamp(420px,78vh,820px);overflow:hidden}
.band img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;will-change:transform}
.band .cap{position:absolute;left:var(--gutter);bottom:28px;color:var(--wit);z-index:2}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(20,16,12,.4))}

/* stay */
.stay{display:grid;gap:clamp(40px,7vw,120px);align-items:center}
@media (min-width:900px){.stay{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}
.stay .imgs{position:relative;padding-bottom:18%}
.stay .imgs img:first-child{width:78%;aspect-ratio:4/5;object-fit:cover}
.stay .imgs img:last-child{position:absolute;right:0;bottom:0;width:46%;aspect-ratio:4/5;object-fit:cover;border:clamp(6px,1vw,12px) solid var(--zand)}
.stay-text{display:grid;gap:26px;max-width:520px}
.stay-text h2{font-size:clamp(46px,6vw,86px)}
.spec{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--inkt-2);border-block:1px solid var(--lijn);padding-block:14px;display:flex;flex-wrap:wrap;gap:6px 18px;font-variant-numeric:tabular-nums}
.ticks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;font-size:15.5px}
.ticks li::before{content:"—";color:var(--klei);margin-right:10px}
.links{display:flex;flex-wrap:wrap;gap:10px 34px}

/* coming soon */
.soon-grid{display:grid;gap:clamp(12px,1.6vw,24px);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.soon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.soon{display:grid;gap:16px;text-align:left}
.soon .ph{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--zand-2)}
.soon .ph img{width:100%;height:100%;object-fit:cover;filter:grayscale(.85) sepia(.25) brightness(1.04) contrast(.88);opacity:.72;transition:filter 1s,opacity 1s,transform 1.6s}
.soon:hover .ph img{filter:grayscale(.2) sepia(.1);opacity:1;transform:scale(1.04)}
.soon .tag{position:absolute;top:14px;left:14px;background:var(--zand);padding:6px 11px;font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;font-weight:400}
.soon .roman{position:absolute;right:16px;bottom:8px;font-family:var(--font-display);font-style:italic;font-size:46px;color:var(--wit);text-shadow:0 1px 18px rgba(0,0,0,.25)}
.soon h4{font-size:clamp(24px,2.3vw,32px)}
.soon p{font-size:14.5px;color:var(--inkt-2);line-height:1.6}

/* day rhythm */
.day{display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.day{grid-template-columns:repeat(4,minmax(0,1fr))}}
.day article{display:grid;gap:14px;align-content:start}
.day img{aspect-ratio:3/4;object-fit:cover;width:100%}
.day .t{font-family:var(--font-display);font-size:15px;font-style:italic;color:var(--klei)}
.day h3{font-size:26px}
.day p{font-size:15px;color:var(--inkt-2);line-height:1.65}

/* night */
.night{position:relative;color:#f1ece3;background:#0f1218;overflow:hidden}
.night>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}
.night .in{position:relative;z-index:2;padding-block:clamp(110px,16vw,220px);display:grid;gap:30px;justify-items:center;text-align:center}
.night h2{font-size:clamp(44px,6vw,88px)}
.moon{display:grid;justify-items:center;gap:10px}
.moon svg{width:84px;height:84px}
.moon .ph{font-family:var(--font-display);font-style:italic;font-size:22px}

.motto{font-family:var(--font-display);font-size:clamp(20px,2.4vw,30px);letter-spacing:.32em;text-transform:uppercase;font-weight:300}

/* journal cards */
.posts{display:grid;gap:clamp(48px,5vw,72px) clamp(20px,2.5vw,40px);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.post-card{text-decoration:none;display:grid;gap:18px;align-content:start}
.post-card .ph{aspect-ratio:4/5;overflow:hidden}
.post-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s ease}
.post-card:hover img{transform:scale(1.04)}
.post-card h3{font-size:clamp(26px,2.4vw,32px)}
.post-card p{font-size:15px;color:var(--inkt-2);line-height:1.6}
.meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--inkt-2)}
.posts.lead-first .post-card:first-child{grid-column:1/-1}
@media (min-width:860px){.posts.lead-first .post-card:first-child{grid-template-columns:1.25fr 1fr;align-items:center;gap:72px}.posts.lead-first .post-card:first-child .ph{aspect-ratio:5/4}.posts.lead-first .post-card:first-child h3{font-size:60px}}
.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 30px;margin:0 0 72px}
.filters button{font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;padding-block:6px;border-bottom:1px solid transparent;color:var(--inkt-2)}
.filters button[aria-pressed="true"]{color:var(--inkt);border-color:var(--inkt)}

/* page hero (subpages) */
.phero{position:relative;height:min(84svh,820px);min-height:460px;color:var(--wit);overflow:hidden;display:grid;align-items:end}
.phero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(20,16,12,.35),rgba(20,16,12,0) 30%,rgba(20,16,12,.55))}
.phero .in{position:relative;z-index:2;padding:0 var(--gutter) clamp(40px,6vw,80px);display:grid;gap:16px}
.phero h1{font-size:clamp(52px,9vw,136px);line-height:.95}
.plain-head{padding-top:calc(84px + env(safe-area-inset-top,0px) + clamp(60px,9vw,130px))}

/* mirador page */
.mgal{display:grid;gap:clamp(10px,1.4vw,20px);grid-template-columns:repeat(6,minmax(0,1fr))}
.mgal button{overflow:hidden;position:relative}
.mgal img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s}
.mgal button:hover img{transform:scale(1.04)}
.mgal button:nth-child(1){grid-column:span 4;aspect-ratio:4/3}
.mgal button:nth-child(2){grid-column:span 2;aspect-ratio:auto}
.mgal button:nth-child(n+3){grid-column:span 2;aspect-ratio:4/5}
@media (max-width:700px){.mgal{grid-template-columns:1fr 1fr}.mgal button:nth-child(n){grid-column:span 1;aspect-ratio:4/5}.mgal button:first-child{grid-column:span 2;aspect-ratio:4/3}}
.room{display:grid;gap:clamp(28px,6vw,100px);align-items:center;padding-block:clamp(50px,7vw,100px);border-top:1px solid var(--lijn)}
@media (min-width:860px){.room{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.room:nth-child(even) .rtext{order:2}}
.rtext{display:grid;gap:18px;max-width:460px}
.rtext h3{font-size:clamp(40px,4.6vw,64px)}
.rphotos{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;align-items:end}
.rphotos button{overflow:hidden}
.rphotos img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform 1.4s}
.rphotos button:hover img{transform:scale(1.04)}
.rphotos button:last-child img{aspect-ratio:3/4}

.bookwrap{display:grid;gap:clamp(40px,7vw,110px);align-items:start}
@media (min-width:980px){.bookwrap{grid-template-columns:minmax(0,1fr) minmax(0,460px)}}
.bookwrap>*{min-width:0}
.terms{display:grid;gap:0;margin-top:28px}
.terms div{display:flex;justify-content:space-between;gap:20px;padding-block:14px;border-bottom:1px solid var(--lijn);font-size:15.5px;font-variant-numeric:tabular-nums}
.terms div span:first-child{color:var(--inkt-2)}
.book{background:var(--wit);padding:clamp(24px,3vw,40px);display:grid;gap:22px}
.cal-head{display:flex;align-items:center;justify-content:space-between}
.cal-head strong{font-family:var(--font-display);font-weight:400;font-size:28px;text-transform:capitalize}
.cal-nav{display:flex;gap:4px}
.cal-nav button{width:38px;height:38px;font-size:18px}
.cal-nav button:disabled{opacity:.25}
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;font-variant-numeric:tabular-nums}
.cal .dow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;text-align:center;color:var(--inkt-2);padding-bottom:8px}
.cal button{aspect-ratio:1;font-size:14.5px;position:relative;font-weight:300}
.cal button:hover:not(:disabled){background:var(--zand)}
.cal button:disabled{cursor:default;color:rgba(43,39,34,.28)}
.cal button.booked{text-decoration:line-through}
.cal button.today{font-weight:500}
.cal button.in{background:var(--zand-2)}
.cal button.sel{background:var(--inkt);color:var(--wit)}
.legend{display:flex;gap:22px;font-size:12px;color:var(--inkt-2)}
.legend s{color:rgba(43,39,34,.4)}
.dates{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--lijn)}
.dates div{padding:12px 0}
.dates div+div{padding-left:16px;border-left:1px solid var(--lijn)}
.dates label,.field label{display:block;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--inkt-2)}
.dates output{font-family:var(--font-display);font-size:21px}
.field{display:grid;gap:6px}
.field input,.field select,.field textarea{font:inherit;font-weight:300;font-size:16px;padding:10px 0;border:0;border-bottom:1px solid var(--lijn);background:transparent;color:var(--inkt);border-radius:0;width:100%}
.field input:focus,.field textarea:focus,.field select:focus{outline:0;border-color:var(--inkt)}
.field textarea{min-height:70px;resize:vertical}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sum{display:grid;gap:6px;font-size:15px;font-variant-numeric:tabular-nums}
.sum div{display:flex;justify-content:space-between;gap:12px}
.sum .tot{border-top:1px solid var(--lijn);padding-top:12px;margin-top:6px;font-weight:400}
.sum .tot span:last-child{font-family:var(--font-display);font-size:26px;line-height:1}
.hint{font-size:13px;color:var(--inkt-2);line-height:1.6}
.err{font-size:13px;color:var(--klei)}
.done pre{white-space:pre-wrap;font-family:var(--font-body);font-size:13px;background:var(--zand);padding:14px;margin:0;max-height:220px;overflow:auto}
.back{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--inkt-2)}
.back:hover{color:var(--inkt)}

/* article */
.article{padding-bottom:clamp(80px,10vw,140px)}
.article .head{display:grid;gap:22px;justify-items:center;text-align:center;padding-top:calc(84px + env(safe-area-inset-top,0px) + clamp(50px,7vw,100px));padding-bottom:clamp(40px,5vw,70px)}
.article h1{font-size:clamp(46px,7vw,100px)}
.article .cover{max-width:1100px;margin:0 auto clamp(50px,6vw,90px);padding-inline:var(--gutter)}
.article .cover img{width:100%;aspect-ratio:3/2;object-fit:cover}
.article .body p{font-size:19px;line-height:1.8;margin-bottom:1.3em}
.article .body p:first-child::first-letter{font-family:var(--font-display);float:left;font-size:5em;line-height:.8;padding:.06em .12em 0 0;color:var(--olijf)}
.article .body h2{font-size:38px;margin:1.6em 0 .5em}

/* contact */
.contact{display:grid;gap:clamp(40px,7vw,110px);align-items:center}
@media (min-width:900px){.contact{grid-template-columns:1fr 1fr}}
.contact dl{display:grid;gap:4px;margin:0}
.contact dt{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--inkt-2);margin-top:26px}
.contact dd{margin:0;font-family:var(--font-display);font-size:clamp(24px,2.6vw,32px)}
.copy{font-size:10px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid var(--lijn);margin-left:14px;vertical-align:4px;color:var(--inkt-2);font-family:var(--font-body)}

/* closing + footer */
.closing{position:relative;color:var(--wit);overflow:hidden;text-align:center}
.closing>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.closing::after{content:"";position:absolute;inset:0;background:rgba(30,18,10,.25)}
.closing .in{position:relative;z-index:2;padding-block:clamp(120px,18vw,240px);display:grid;gap:30px;justify-items:center}
.closing h2{font-size:clamp(46px,7vw,110px)}
footer{background:var(--zand-2);padding-block:clamp(70px,9vw,110px) 34px;font-size:15px}
.foot{display:grid;gap:44px}
@media (min-width:860px){.foot{grid-template-columns:1.6fr 1fr 1fr 1fr}}
.foot h5{margin:0 0 16px;font-size:10.5px;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--inkt-2)}
.foot ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.foot a{text-decoration:none}
.foot a:hover{font-style:italic}
.foot .big{font-family:var(--font-display);font-size:clamp(36px,4vw,54px);line-height:1}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:80px;padding-top:24px;border-top:1px solid var(--lijn);font-size:12px;color:var(--inkt-2);letter-spacing:.04em}

/* dialogs */
dialog{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;color:var(--inkt)}
dialog::backdrop{background:rgba(25,20,15,.7)}
.modal{background:var(--zand);width:min(560px,calc(100vw - 32px));display:grid}
.modal img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:grayscale(.6) sepia(.2)}
.modal .in{padding:34px clamp(22px,4vw,40px) 36px;display:grid;gap:16px}
.modal h3{font-size:44px}
.x{position:absolute;top:10px;right:14px;font-size:30px;line-height:1;padding:6px;color:var(--wit);z-index:3}
.lb{width:100vw;height:100vh;display:grid;grid-template-columns:60px minmax(0,1fr) 60px;align-items:center;color:#f4efe6}
.lb img{max-height:84vh;margin:0 auto;object-fit:contain}
.lb>button{font-size:30px;height:100%;color:#f4efe6}
.lb p{grid-column:1/-1;text-align:center;font-family:var(--font-display);font-style:italic;font-size:18px;align-self:start}
/* taalkeuze */
.langs{display:inline-flex;gap:2px;align-items:center;font-size:11px;letter-spacing:.2em;font-weight:400}
.langs a{text-decoration:none;padding:6px 7px;opacity:.6;border-bottom:1px solid transparent}
.langs a[aria-current="true"]{opacity:1;border-color:currentColor}
.langs a:hover{opacity:1}
.top-right{justify-self:end;display:flex;align-items:center;gap:26px}
@media (max-width:860px){.top-right .langs{display:none}}
@media (max-width:640px){.top-right{display:none}}
.overlay .langs{margin-top:22px;font-size:12px}
footer .langs{margin-top:8px}

/* FAQ */
.faq{max-width:900px;margin:0 auto}
.faq details{border-top:1px solid var(--lijn)}
.faq details:last-child{border-bottom:1px solid var(--lijn)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding-block:24px;font-family:var(--font-display);font-size:clamp(22px,2.4vw,30px);line-height:1.25}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--font-body);font-weight:300;font-size:22px;transition:transform .3s;flex:none}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding-bottom:26px;max-width:42em;color:var(--inkt-2)}
.crumbs{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--inkt-2);display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--inkt)}
body{margin:0}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.55;color:var(--inkt-2);cursor:pointer}
.consent input{margin-top:3px;accent-color:var(--inkt);flex:none;width:16px;height:16px}
.consent a{color:var(--inkt)}
.foot-bottom a{text-decoration:none}.foot-bottom a:hover{color:var(--inkt)}
.article.legal .head{padding-bottom:clamp(30px,4vw,50px)}
.article.legal h1{font-size:clamp(42px,6vw,84px)}
.article.legal .body p:first-child::first-letter{float:none;font-size:inherit;padding:0;color:inherit;font-family:inherit;line-height:inherit}
.article.legal .body h2{font-size:clamp(24px,2.4vw,30px);margin:2em 0 .4em}
.article.legal .body p{font-size:17px}

/* WordPress-aanpassingen */
[hidden]{display:none!important}
html{margin-top:0!important}
.admin-bar .top{top:32px}
.admin-bar .overlay{padding-top:calc(116px + env(safe-area-inset-top,0px))}
@media (max-width:782px){.admin-bar .top{top:46px}.admin-bar .overlay{padding-top:calc(130px + env(safe-area-inset-top,0px))}}
@media (max-width:600px){.admin-bar .top{top:0}#wpadminbar{position:absolute}}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.alma-site a{color:inherit}
.alma-site h1,.alma-site h2,.alma-site h3,.alma-site h4{font-family:var(--font-display);font-weight:300;color:inherit}
.article .body img{height:auto;margin:2em auto}
.article .body ul,.article .body ol{padding-left:1.2em;font-size:19px;line-height:1.8}
.article .body a{color:var(--olijf)}
.btn[disabled],.btn:disabled{opacity:.35;pointer-events:none}
/* thema-stijlen overrulen */
body.alma-body{background:var(--zand)!important;color:var(--inkt);font-family:var(--font-body);font-weight:300;font-size:17px;line-height:1.75;margin:0;letter-spacing:normal}
body.alma-body .alma-site{font-family:var(--font-body);font-size:17px;line-height:1.75;font-weight:300;color:var(--inkt)}
body.alma-body .alma-site :where(input,select,textarea){font-family:inherit}
body.alma-body .alma-site .article .body :where(p,li){font-size:19px;line-height:1.8}