/* Studio Emora, richting C "Boog" */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/fraunces-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/fraunces-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/fraunces-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:300;font-display:swap;src:url(../fonts/fraunces-latin-300-italic.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/fraunces-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/fraunces-latin-500-italic.woff2) format("woff2")}
@font-face{font-family:"Familjen Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/familjen-grotesk-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Familjen Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/familjen-grotesk-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Familjen Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/familjen-grotesk-latin-600-normal.woff2) format("woff2")}

:root{
  --room:#F5ECE1; --zand:#EAD7C3; --klei:#B98B7C; --ink:#2E1F18; --muted:#5C493F;
  --salie:#3F4B3A; --salie-m:#56644F; --goud:#8A6320;
  --lijn:rgba(46,31,24,.18);
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Familjen Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --m:clamp(20px,4vw,56px);
  --r:clamp(36px,8vw,132px);
  --kop:68px;
  --boog:999px 999px 0 0;
  --uit:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--room);color:var(--ink);font-family:var(--sans);font-size:clamp(1.0625rem,1rem + .25vw,1.2rem);line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}
h1,h2,h3,p,ul,dl,dd,figure{margin:0}
ul{padding:0;list-style:none}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--salie-m);outline-offset:3px}
.vn :focus-visible,.boek :focus-visible,.voet :focus-visible{outline-color:var(--room)}
.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:var(--room);padding:12px 18px;z-index:100}
.skip:focus{top:12px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* typografie */
.h1,.h2,h3,.groot,.merk__naam,.bijschrift,figcaption{font-family:var(--serif)}
.h1{font-weight:300;font-size:clamp(3.4rem,1.2rem + 8.4vw,9rem);line-height:.98;letter-spacing:-.03em}
.h1 .l{display:block}
.h1 i,.h2 i{font-style:italic;font-weight:300}
.h2{font-weight:300;font-size:clamp(2.4rem,1.3rem + 4.2vw,5.2rem);line-height:1.02;letter-spacing:-.022em}
.lead{font-size:clamp(1.15rem,1.05rem + .55vw,1.45rem);line-height:1.5;max-width:34em}
.groot{font-weight:300;font-size:clamp(1.55rem,1.2rem + 1.6vw,2.5rem);line-height:1.2;letter-spacing:-.012em}
.bijschrift,figcaption{font-style:italic;font-weight:300;font-size:1.05rem;line-height:1.35;color:var(--muted)}
.wm{padding:.02em .1em .3em;margin:-.02em -.1em -.3em}

/* kop */
.kop{position:sticky;top:0;z-index:50;height:var(--kop);display:flex;align-items:center;gap:clamp(16px,3vw,44px);padding:0 var(--m);background:var(--room)}
.merk{text-decoration:none;display:flex;flex-direction:row;align-items:center;gap:12px;line-height:1;margin-right:auto}
.merk__naam{font-weight:300;font-size:clamp(1.05rem,.95rem + .5vw,1.35rem);letter-spacing:.24em;text-transform:uppercase;color:var(--goud)}
.merk__tag{margin-top:6px;font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:500}
.kop .knop{display:none}
.merk__naam{white-space:nowrap}
.nav-d{display:none;gap:clamp(18px,2.4vw,40px)}
.nav-d a{text-decoration:none;font-weight:500;font-size:1rem;padding:10px 0;position:relative}
.nav-d a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--salie-m);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--uit)}
.nav-d a:hover::after{transform:scaleX(1)}
.menu-m summary{list-style:none;cursor:pointer;min-height:44px;min-width:44px;display:flex;align-items:center;font-weight:500;padding:0 4px}
.menu-m summary::-webkit-details-marker{display:none}
.menu-m nav{position:absolute;left:0;right:0;top:var(--kop);background:var(--room);padding:8px var(--m) 28px;display:grid}
.menu-m nav a{font-family:var(--serif);font-weight:300;font-size:2rem;text-decoration:none;padding:12px 0;min-height:48px}
@media (min-width:900px){.kop .knop{display:inline-flex}}
@media (min-width:1000px){
  .nav-d{display:flex}.menu-m{display:none}.kop{--kop:84px}
}

/* knoppen: kader met boog bovenaan */
.knop{--boogr:999px;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;background:var(--salie-m);color:var(--room);text-decoration:none;font-weight:600;font-size:1rem;border-radius:var(--boogr);transition:background-color .35s var(--uit);will-change:transform;cursor:pointer}
.knop:hover{background:var(--salie)}
.knop:active span{transform:scale(.95)}
.knop--klein{min-height:46px;padding:0 22px}
.knop--groot{min-height:64px;padding:0 44px;font-size:1.15rem}
.knop--licht{background:var(--room);color:var(--ink)}
.knop--licht:hover{background:var(--zand)}
.knop span{display:block;pointer-events:none;transition:transform .25s var(--uit)}

/* de boog */
.boog{position:relative;overflow:hidden;border-radius:var(--boog);background:var(--klei)}
.boog img{width:100%;height:100%;object-fit:cover;transform-origin:50% 60%}
.boogrand{position:absolute;left:-3%;right:-3%;top:calc(var(--r) * -1 + 1px);height:var(--r);border-radius:50% 50% 0 0 / 100% 100% 0 0;background:inherit;transform-origin:50% 100%;pointer-events:none}

section{position:relative}
.sectie-pad,.emma,.beh,.prijs,.vn,.salon,.afspr,.boek,.contact{padding:clamp(88px,12vw,190px) var(--m)}

/* hero */
.hero{display:grid;gap:32px;padding:24px var(--m) clamp(80px,12vw,180px);align-items:center}
.hero__tekst{display:flex;flex-direction:column;gap:clamp(20px,2.6vw,34px)}
.hero__tekst .lead{max-width:28em}
.hero__acties{display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px}
.hero__adres{font-size:1.0625rem;color:var(--muted);line-height:1.45}
.hero__beeld{width:min(100%,420px);justify-self:center}
.b-hero{aspect-ratio:3/4}
@media (min-width:900px){
  .hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:5vw;min-height:calc(100svh - 84px);padding-top:clamp(24px,4vh,56px)}
  .hero__beeld{width:100%;max-width:520px;justify-self:end}
  .b-hero{aspect-ratio:3/4.3}
}

/* emma */
.emma{background:var(--zand);margin-top:0}
.emma__in{display:grid;gap:40px;max-width:1360px;margin:0 auto}
.emma__foto{max-width:420px}
.b-emma{aspect-ratio:3/4.7;background:var(--klei)}
.emma__foto figcaption{margin-top:14px}
.emma__tekst{display:flex;flex-direction:column;gap:clamp(22px,2.4vw,34px)}
.emma__tekst .groot{max-width:22em}
.kolom{display:grid;gap:1em;max-width:34em}
@media (min-width:900px){
  .emma__in{grid-template-columns:5fr 6fr;gap:7vw;align-items:start}
  .emma__tekst{padding-top:clamp(40px,9vw,150px)}
  .emma__foto{max-width:none}
  .emma__foto{margin-top:-6vw}
}

/* behandelingen */
.beh{background:var(--room)}
.beh__cta{max-width:1360px;margin:clamp(40px,5vw,72px) auto 0}

/* prijzen */
.prijs{background:var(--zand)}
.prijs__in{display:grid;gap:36px;max-width:1360px;margin:0 auto}
.prijs__zij{display:flex;flex-direction:column;gap:28px;align-items:flex-start}
.tabs{display:flex;flex-wrap:wrap;gap:10px}
.tabs[hidden]{display:none}
.tabs button{cursor:pointer;min-height:46px;padding:0 18px;background:var(--room);border:0;border-radius:999px;font-weight:500;font-size:1rem;transition:background-color .3s var(--uit),color .3s}
.tabs button:hover{background:#fff6ec}
.tabs button[aria-selected="true"]{background:var(--salie-m);color:var(--room)}
.panelen{min-width:0}
.paneel__kop{font-weight:300;font-style:italic;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.2rem);line-height:1.1;margin:44px 0 6px}
.paneel>.paneel__kop:first-child{margin-top:0}
table{width:100%;border-collapse:collapse}
th{font-weight:500;font-size:.875rem;color:var(--muted);text-align:left;padding:10px 0}
th.p,td.p{text-align:right}
td{padding:15px 0;border-top:1px solid var(--lijn);font-size:1.05rem;line-height:1.35;vertical-align:baseline}
td.p{font-family:var(--serif);font-weight:400;font-size:1.3rem;white-space:nowrap;padding-left:14px;font-variant-numeric:lining-nums tabular-nums}
td.d,th.d{white-space:nowrap;color:var(--muted);padding-left:12px;font-size:.98rem;text-align:left}
th.d{font-size:.875rem}
tbody tr:last-child td{border-bottom:1px solid var(--lijn)}
.noot{margin-top:14px;font-size:.98rem;color:var(--muted);max-width:40em}
.js .paneel{display:none}
.js .paneel.is-on{display:block}
@media (min-width:900px){
  .prijs__in{grid-template-columns:4fr 8fr;gap:5vw}
  .prijs__zij{position:sticky;top:110px;align-self:start}
  .tabs{flex-direction:column;gap:2px;width:100%}
  .tabs button{background:transparent;text-align:left;border-radius:0;font-family:var(--serif);font-weight:300;font-size:1.6rem;min-height:56px;padding:0 0 0 0;position:relative;transition:padding .45s var(--uit),color .3s}
  .tabs button:hover{background:transparent;padding-left:12px}
  .tabs button::before{content:"";position:absolute;left:0;top:50%;width:14px;height:22px;margin-top:-11px;border-radius:var(--boog);background:var(--salie-m);transform:scale(0);transform-origin:50% 100%;transition:transform .45s var(--uit)}
  .tabs button[aria-selected="true"]{background:transparent;color:var(--salie);font-style:italic;padding-left:28px}
  .tabs button[aria-selected="true"]::before{transform:scale(1)}
  td{font-size:1.15rem;padding:18px 0}
  td.p{font-size:1.45rem}
}

/* voor & na */
.vn{background:var(--salie);color:var(--room);padding-top:clamp(70px,9vw,130px)}
.vn__in{max-width:1360px;margin:0 auto;display:grid;gap:clamp(40px,5vw,72px)}
.vn__tekst{display:grid;gap:24px;max-width:36em}
.paren{display:grid;gap:clamp(56px,7vw,88px)}
.paar{display:grid;gap:16px;max-width:1100px}
.paar__rij{display:grid;grid-template-columns:1fr;gap:22px}
.foto{position:relative;overflow:hidden;border-radius:14px;background:var(--klei)}.foto img{display:block;width:100%;height:auto}
.paar figure{min-width:0;display:flex;flex-direction:column}
.paar figcaption{font-family:var(--serif);font-style:normal;font-weight:400;font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);color:var(--room);margin:0 0 10px;line-height:1.1;order:-1}
.paar__omschrijving{font-size:1.25rem;color:#F0E6D8}
@media (min-width:700px){.paar__rij{grid-template-columns:1fr 1fr;gap:20px}}

/* salon */
.salon{background:var(--room)}
.salon>*{max-width:1360px;margin-left:auto;margin-right:auto}
.salon__beeld{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px;margin-top:clamp(28px,4vw,56px);align-items:start}
.s-bed{grid-column:1/3;order:1}
.salon__tekst{grid-column:1/3;order:2;max-width:22em}
.s-lamp{grid-column:1/3;order:3;max-width:330px;width:100%}
.s-kaars{order:4;max-width:210px;width:100%}
.s-hand{grid-column:1/3;order:5;max-width:561px;width:100%}
.s-bed .boog{aspect-ratio:4/4.8}.s-lamp .boog{aspect-ratio:330/405}.s-kaars .boog{aspect-ratio:210/278}
.salon figcaption{margin-top:10px}
@media (min-width:900px){
  .salon{padding-bottom:clamp(120px,14vw,220px)}
  .salon__beeld{grid-template-columns:repeat(12,1fr);gap:0 2vw}
  .s-bed{grid-column:1/7;grid-row:1/4}
  .s-lamp{grid-column:8/11;grid-row:1;max-width:none}
  .s-kaars{grid-column:11/13;grid-row:1;margin-top:7vw;max-width:none}
  .salon__tekst{grid-column:7/13;grid-row:2;margin-top:3vw;font-size:clamp(1.8rem,1.2rem + 1.6vw,2.8rem)}
  .s-hand{grid-column:8/13;grid-row:3;max-width:none;margin-top:2vw}
}

/* afspraken */
.afspr{background:var(--zand)}
.afspr__in{display:grid;gap:36px;max-width:1360px;margin:0 auto}
.lijst li{font-size:clamp(1.1rem,1.02rem + .45vw,1.35rem);line-height:1.4;padding:16px 0;border-top:1px solid var(--lijn)}
.lijst li:last-child{border-bottom:1px solid var(--lijn)}
.groot-bijschrift{font-size:clamp(1.3rem,1.1rem + 1vw,2rem);color:var(--ink)}
@media (min-width:900px){
  .afspr__in{grid-template-columns:5fr 6fr;gap:6vw;align-items:start}
  .afspr__in .h2{grid-row:1/3}
  .afspr__in .h2{font-size:clamp(2.2rem,1.2rem + 3vw,4.2rem)}
  .groot-bijschrift{padding-top:6px}
}

/* boeken */
.boek{background:var(--salie);color:var(--room)}
.boek__in{max-width:1360px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(24px,3vw,40px)}
.boek .h2{font-size:clamp(2.6rem,1.2rem + 6vw,7rem);max-width:13em}
.boek__acties{display:flex;flex-direction:column;gap:26px;align-items:flex-start}
.boek__acties p{color:#EADFCF}
.boek__acties p a{color:var(--room);text-underline-offset:4px;padding:10px 0}
.boek__acties p b{padding:0 .3em}
@media (min-width:900px){.boek__acties{flex-direction:row;align-items:center;gap:40px}}

/* contact */
.contact{background:var(--room)}
.contact__in{display:grid;gap:44px;max-width:1360px;margin:0 auto}
.contact__logo{max-width:420px;width:100%}
.contact__logo .boog{aspect-ratio:1/1.04}
.gegevens{display:grid;gap:0;margin-top:clamp(24px,3vw,44px)}
.gegevens div{display:grid;gap:4px;padding:18px 0;border-top:1px solid var(--lijn)}
.gegevens div:last-child{border-bottom:1px solid var(--lijn)}
.gegevens dt{font-size:.95rem;color:var(--muted);font-weight:500}
.gegevens dd{font-family:var(--serif);font-weight:300;font-size:clamp(1.4rem,1.1rem + 1.2vw,2.1rem);line-height:1.2;overflow-wrap:anywhere}
.gegevens dd a{text-underline-offset:5px;text-decoration-thickness:1px}
.gegevens dd a:hover{color:var(--salie-m)}
.gegevens dd a[href*="maps"]{font-family:var(--sans);font-size:1rem;font-weight:500;display:inline-block;padding:8px 0;margin-top:4px}
@media (min-width:900px){.contact__in{grid-template-columns:4fr 7fr;gap:8vw;align-items:center}}

/* voet */
.voet{background:var(--ink);color:var(--room);padding:clamp(56px,8vw,120px) var(--m) 28px}
.voet__naam{font-family:var(--serif);font-weight:300;font-size:clamp(3rem,15.6vw,16rem);line-height:.9;letter-spacing:-.035em;white-space:nowrap;margin-bottom:clamp(36px,5vw,72px)}
.voet__rij{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 36px;font-size:1rem;color:#E7DCCB}
.voet__rij a{text-underline-offset:4px}
body{padding-bottom:0}

/* beginstaten voor motion */
.anim .h1,.anim [data-split]{visibility:hidden}
.anim .is-split{visibility:visible}

@media (prefers-reduced-motion:reduce){
  *{transition-duration:.01ms !important;animation-duration:.01ms !important}
}

/* aanvullingen */
main{overflow-x:clip}
.merk{min-height:44px}
.gegevens dd a{display:inline-block;padding:7px 0}
.voet__rij a{display:inline-block;padding:10px 0}
.gegevens dd a[href*="maps"]{padding:12px 0}

/* behandelingen: elk een eigen beeld */
.beh__kop{display:grid;gap:32px;max-width:1360px;margin:0 auto clamp(40px,6vw,90px);align-items:end}
.beh__kop-tekst{display:grid;gap:24px}
.b-beide{width:min(62%,300px);aspect-ratio:3/4.2}
.rijen{max-width:1360px;margin:0 auto}
.rij{display:grid;gap:22px;padding:clamp(28px,3.4vw,52px) 0;border-top:1px solid var(--lijn);align-items:center}
.rij:last-child{border-bottom:1px solid var(--lijn)}
.rij__beeld{display:flex;gap:14px;align-items:flex-end}
.rij__beeld .boog{width:min(46%,230px);aspect-ratio:3/4.1}
.rij__beeld .a1.breed{width:min(100%,360px);aspect-ratio:4/4.4}
.rij__beeld .a1.klein{width:min(52%,230px);aspect-ratio:1/.9}
.rij__beeld.duo .a1{width:min(40%,200px)}
.rij__beeld.duo .a2{width:min(40%,200px);aspect-ratio:3/5;margin-bottom:-26px}
.rij__tekst{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.rij__tekst .items{max-width:44em}
.rij a{margin-top:4px}
@media (min-width:900px){
  .beh__kop{grid-template-columns:5fr 3fr;gap:6vw}
  .b-beide{width:100%;max-width:300px;justify-self:end}
  .rij{grid-template-columns:4fr 6fr;gap:6vw}
  .rij:nth-child(even) .rij__beeld{order:2;justify-content:flex-end}
  .rij__beeld .boog{width:min(46%,260px)}
  .rij__beeld .a1.breed{width:min(100%,420px)}
  .rij__beeld.duo .a1,.rij__beeld.duo .a2{width:min(42%,230px)}
}

.items{display:flex;flex-wrap:wrap;gap:6px 22px}
.items li{display:flex;align-items:baseline;gap:9px}
.items li::before{content:"";flex:none;width:7px;height:11px;border-radius:var(--boog);background:var(--klei);transform:translateY(1px)}
.rij h3{font-weight:300;font-size:clamp(1.7rem,1.2rem + 1.7vw,2.8rem);line-height:1.08;letter-spacing:-.015em}
.rij a{font-weight:600;color:var(--salie-m);text-decoration:none;padding:8px 0;min-height:44px;display:inline-flex;align-items:center;border-bottom:2px solid transparent;transition:border-color .3s}
.rij a:hover{border-bottom-color:var(--salie-m)}

/* ===== makkelijk voor iedereen: groter, duidelijker ===== */
:root{--ink:#231710;--muted:#4A382F;--salie:#34402F;--salie-m:#43503C;--goud:#7A5518}
body{font-size:clamp(1.125rem,1.06rem + .25vw,1.25rem)}
.knop{min-height:56px;font-size:1.125rem}
.knop--klein{min-height:56px}
.knop--groot{min-height:64px;font-size:1.2rem}
.knop:hover{background:#2F3A2B}
.knop--licht:hover{background:var(--zand)}
.merk__tag{font-size:.75rem}
.nav-d a{font-size:1.0625rem;min-height:56px;display:inline-flex;align-items:center}
.menu-m summary{min-height:56px;padding:0 24px;background:var(--zand);border-radius:999px;font-weight:600;font-size:1.125rem}
.menu-m nav{max-height:calc(100svh - var(--kop));overflow:auto}
.menu-m nav a{font-size:2rem;min-height:64px;display:flex;align-items:center;border-top:1px solid var(--lijn)}
th{font-size:1rem}
td{font-size:1.125rem}
td.d{font-size:1.0625rem}
.noot{font-size:1.0625rem}
.gegevens dt{font-size:1.0625rem}
.lijst li{font-size:1.2rem}
.items li{font-size:1.125rem}
.rij a{min-height:56px}
.tabs button{min-height:60px;font-size:1.125rem;font-weight:600}
.bijschrift,figcaption{font-size:1.125rem}
.lead{font-size:clamp(1.2rem,1.1rem + .55vw,1.45rem)}
.balk{display:none}
@media (max-width:899px){
  body{padding-bottom:100px}
  .tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
  .tabs button{padding:0 12px;line-height:1.2;border-radius:999px}
  .balk{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--zand);border-top:1px solid var(--lijn)}
  .balk .knop{width:100%;min-height:60px;padding:0 12px}
  .knop--bel{background:var(--room);color:var(--ink);border:2px solid var(--salie-m)}
  .knop--bel:hover{background:#fff6ec}
  .h1{font-size:clamp(3rem,1rem + 10vw,4rem)}
}
.gegevens dd a,.voet__rij a{padding-top:14px;padding-bottom:14px}
.gegevens dd a[href*="maps"]{padding:16px 0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.voet__credit{margin-top:clamp(28px,4vw,48px);padding-top:20px;border-top:1px solid rgba(245,236,225,.22);font-size:1rem;color:#E7DCCB}

.promo{max-width:1360px;margin:clamp(40px,5vw,64px) auto 0;padding-top:24px;border-top:1px solid rgba(46,31,24,.22);font-size:1.25rem;line-height:1.5}
.promo a{display:inline-block;padding:10px 0;text-underline-offset:4px}
.voet__volg{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 24px;margin-top:20px;font-size:1rem;color:#E7DCCB}
.voet__volg a{display:inline-block;padding:10px 0;text-underline-offset:4px}

/* logo meer aanwezig: monogram in de header, medaillon op de hero-foto, merkteken in de footer */
.merk__mark{flex:none;display:block;height:58px;width:auto}
.merk__mark img{display:block;height:100%;width:auto;mix-blend-mode:multiply}
.merk__tekst{display:flex;flex-direction:column;line-height:1}
.hero__beeld{position:relative}
.medaillon{position:absolute;left:-12px;bottom:-22px;width:clamp(108px,30vw,152px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:6px solid var(--room);background:var(--zand)}
.medaillon img{width:100%;height:100%;object-fit:cover;object-position:46% 50%;transform:scale(1.04)}
@media (min-width:900px){.medaillon{left:-46px;bottom:-26px}}
.voet__mark{width:72px;height:84px;border-radius:999px 999px 0 0;overflow:hidden;margin-bottom:clamp(24px,3vw,40px);background:var(--zand)}
.voet__mark img{width:100%;height:100%;object-fit:cover;object-position:46% 50%}
@media (max-width:480px){.merk{gap:10px}.merk__mark{height:50px}.merk__naam{letter-spacing:.2em}.merk__tag{letter-spacing:.1em;white-space:nowrap;font-size:.6875rem}}

/* 404-pagina en bedrijfsgegevens (livegang) */
.nf{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;max-width:900px;padding:clamp(40px,8vw,120px) var(--m)}
.nf__naam{font-family:var(--serif);font-weight:300;font-size:1.25rem;letter-spacing:.24em;text-transform:uppercase;color:var(--goud)}
.nf__acties{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}
.voet__bedrijf{margin-top:20px;font-size:1rem;color:#E7DCCB}

.voet__credit a{text-underline-offset:4px;display:inline-block;padding:10px 0}