/* Lettertypes lokaal (geen verbinding met Google) */
@font-face{font-family:"Gloock";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/gloock-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/public-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/public-sans-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/public-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Courier Prime";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/courier-prime-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Courier Prime";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/courier-prime-latin-700-normal.woff2) format("woff2")}
/* Nostalgic Artprints – stijlblad
   Layout: smalle leeskolom met brede beeldbanden; het bestelformulier is de achterkant van een postkaart */
:root{
  --paper:#eef0eb;
  --card:#f8f9f5;
  --ink:#1d3437;
  --ink-soft:#4d6266;
  --line:#c9d0c8;
  --stamp:#b5452c;
  --on-stamp:#ffffff;
  --canal:#2f6f73;
  --f-display:"Gloock", Georgia, "Times New Roman", serif;
  --f-body:"Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-post:"Courier Prime", "Courier New", monospace;
  --wrap:1080px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --paper:#141d1e; --card:#1c2729; --ink:#e7ece6; --ink-soft:#a8b6b2; --line:#33433f;
  --stamp:#e07a5c; --on-stamp:#1a1310; --canal:#6fb3b0; color-scheme:dark}}
:root[data-theme="dark"]{
  --paper:#141d1e; --card:#1c2729; --ink:#e7ece6; --ink-soft:#a8b6b2; --line:#33433f;
  --stamp:#e07a5c; --on-stamp:#1a1310; --canal:#6fb3b0; color-scheme:dark}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.6}
img{max-width:100%}
[hidden]{display:none!important}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(16px, env(safe-area-inset-left, 0px));padding-right:max(16px, env(safe-area-inset-right, 0px))}
h1,h2,h3{font-family:var(--f-display);font-weight:400;line-height:1.12;text-wrap:balance;margin:0}
h2{font-size:clamp(1.8rem,4vw,2.6rem)}
h3{font-size:1.3rem}
p{margin:0}
a{color:var(--canal)}
:focus-visible{outline:2px solid var(--stamp);outline-offset:3px}
.postmark{font-family:var(--f-post);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--stamp)}
section{padding-block:clamp(56px,9vw,104px);scroll-margin-top:70px}
section + section{border-top:1px solid var(--line)}

/* kop */
header.site{position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;padding-block:12px;flex-wrap:wrap}
.brand{font-family:var(--f-display);font-size:1.35rem;color:var(--ink);text-decoration:none;line-height:1.2}
.brand small{display:block;font-family:var(--f-post);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}
nav.main{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
nav.main a{color:var(--ink);text-decoration:none;font-size:.95rem}
nav.main a:hover{color:var(--stamp)}
.langs{display:flex;gap:2px;font-family:var(--f-post);font-size:.8rem;list-style:none;margin:0;padding:0}
.langs a{display:block;padding:4px 7px;color:var(--ink-soft);text-decoration:none;border:1px solid transparent;border-radius:2px}
.langs a:hover{color:var(--ink)}
.langs a[aria-current="true"]{color:var(--ink);border-color:var(--ink)}
.btn{display:inline-block;background:var(--stamp);color:var(--on-stamp);text-decoration:none;padding:12px 22px;border-radius:2px;border:0;font:inherit;font-weight:600;cursor:pointer}
nav.main a.btn{color:var(--on-stamp)}
.btn:hover{filter:brightness(1.08)}
.btn.small{padding:8px 14px;font-size:.9rem}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}

/* hero */
.hero .wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,5vw,64px);align-items:center}
.hero h1{font-size:clamp(2.4rem,6vw,4.2rem);margin-top:14px}
.hero p.lead{font-size:1.15rem;color:var(--ink-soft);margin-top:20px;max-width:34em}
.hero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.promise{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:26px;padding:0;list-style:none;font-size:.95rem}
.promise li::before{content:"✓ ";color:var(--canal);font-weight:600}

.frame{background:var(--card);padding:10px;margin:0;box-shadow:0 1px 2px rgba(0,0,0,.08),0 12px 30px rgba(20,40,40,.14);max-width:100%}
.frame canvas,.frame img{display:block;width:100%;height:auto}
.frame img{aspect-ratio:3/2;object-fit:cover}
.frame figcaption{font-family:var(--f-post);font-size:.72rem;color:var(--ink-soft);padding-top:8px;letter-spacing:.06em}
.pair{position:relative;min-height:340px}
.pair .old{position:absolute;left:0;top:0;width:52%;transform:rotate(-4deg)}
.pair .new{position:absolute;right:0;top:56px;width:66%;transform:rotate(2deg)}
.pair .arrow{position:absolute;left:44%;top:-6px;font-family:var(--f-post);font-size:.75rem;color:var(--stamp);transform:rotate(-6deg)}

/* stappen */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:40px 0 0;padding:0;list-style:none}
.steps li{border-top:2px solid var(--ink);padding-top:16px}
.steps .n{display:block;font-family:var(--f-post);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--stamp);margin-bottom:8px}
.steps p{color:var(--ink-soft);margin-top:8px;font-size:.97rem}
.extras{margin-top:36px;display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none}
.chip{border:1px solid var(--line);padding:6px 12px;border-radius:999px;font-size:.9rem;background:var(--card)}

/* voorbeelden */
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:40px}
.work{display:flex;flex-direction:column;gap:12px;min-width:0}
.work .media{position:relative}
.work .orig{position:absolute;left:-8px;bottom:-12px;width:38%;transform:rotate(-5deg);padding:5px}
.work .orig figcaption{font-size:.6rem;padding-top:3px}
.work .meta{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-top:4px}
.work h3{font-size:1.15rem}
.work .price{font-family:var(--f-post);font-size:.85rem;white-space:nowrap}
.work p{font-size:.92rem;color:var(--ink-soft)}

/* prijzen */
.prices{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;margin-top:36px;align-items:start}
.table-wrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-size:.95rem}
th{font-family:var(--f-post);font-weight:400;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
td.req{color:var(--ink-soft);font-style:italic}
.pricenotes{display:flex;flex-direction:column;gap:14px;font-size:.97rem}
.pricenotes strong{font-weight:600}

/* over mij */
.about .wrap{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:start}
.portrait{aspect-ratio:1080/1276;max-width:100%;width:100%;object-fit:cover;box-shadow:0 2px 14px rgba(0,0,0,.14)}
div.portrait{background:repeating-linear-gradient(135deg,var(--card) 0 10px,var(--paper) 10px 20px);border:1px dashed var(--line);display:grid;place-items:center;text-align:center;font-family:var(--f-post);font-size:.78rem;color:var(--ink-soft);padding:16px}
.about .text{display:flex;flex-direction:column;gap:16px;max-width:38em}
.about .text p{font-size:1.05rem}
.honest{border-left:3px solid var(--canal);padding-left:16px;color:var(--ink-soft)}

/* bestelformulier = achterkant postkaart */
.order h2{margin-top:10px}
.order .lead{color:var(--ink-soft);margin-top:12px;max-width:40em}
.postcard{margin-top:36px;background:var(--card);border:1px solid var(--line);box-shadow:0 12px 30px rgba(20,40,40,.12);display:grid;grid-template-columns:1fr 1px 1fr}
.postcard .side{padding:clamp(20px,3vw,36px);display:flex;flex-direction:column;gap:16px;min-width:0}
.postcard .divider{background:var(--line)}
.label{font-family:var(--f-post);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.postcard textarea{width:100%;min-height:220px;resize:vertical;border:0;background:repeating-linear-gradient(transparent 0 33px,var(--line) 33px 34px);line-height:34px;font-family:var(--f-post);font-size:1rem;color:var(--ink);padding:0}
.postcard textarea:focus{outline:none}
.postcard textarea:focus-visible{outline:2px solid var(--stamp);outline-offset:4px}
.addr{display:flex;flex-direction:column;gap:14px}
.addr label{display:flex;flex-direction:column;gap:2px}
.addr input{border:0;border-bottom:1px solid var(--ink-soft);background:transparent;font-family:var(--f-post);font-size:1rem;color:var(--ink);padding:6px 0;border-radius:0}
.addr input:focus{outline:none;border-bottom-color:var(--stamp);border-bottom-width:2px}
.stamprow{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.styles{display:flex;flex-direction:column;gap:8px;font-size:.92rem;border:0;margin:0;padding:0;min-width:0}
.styles legend{padding:0;margin-bottom:8px}
.styles label{display:flex;gap:8px;align-items:flex-start}
.stamp{width:124px;flex:none;aspect-ratio:4/5;border:2px dashed var(--stamp);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;cursor:pointer;font-family:var(--f-post);font-size:.72rem;color:var(--stamp);position:relative;background:var(--paper);overflow:hidden}
.stamp input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.stamp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.stamp:focus-within{outline:2px solid var(--stamp);outline-offset:3px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:var(--ink-soft)}
.sendrow{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;padding:0 clamp(20px,3vw,36px) clamp(20px,3vw,36px)}
.formerr{color:var(--stamp);font-size:.92rem;max-width:36em}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* faq */
.faq .wrap{max-width:820px}
details{border-bottom:1px solid var(--line);padding-block:16px}
details:first-of-type{margin-top:28px;border-top:1px solid var(--line)}
summary{cursor:pointer;font-weight:600;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--f-post);color:var(--stamp)}
details[open] summary::after{content:"–"}
details p{margin-top:10px;color:var(--ink-soft);max-width:44em}

/* eenvoudige pagina's (bedankt, privacy) */
.simple{padding-block:clamp(56px,10vw,120px)}
.simple .wrap{max-width:720px;display:flex;flex-direction:column;gap:18px}
.simple h1{font-size:clamp(2rem,5vw,3rem)}
.simple p{color:var(--ink-soft)}

footer{border-top:1px solid var(--line);font-size:.9rem;color:var(--ink-soft)}
footer .wrap{padding-block:32px;display:flex;gap:16px 40px;flex-wrap:wrap;justify-content:space-between}
footer .mail{font-family:var(--f-post);color:var(--ink);user-select:all}
footer a{color:var(--ink-soft)}

@media (max-width:860px){
  .hero .wrap,.prices,.about .wrap{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about .wrap{gap:28px}
  .portrait{max-width:300px}
}
@media (max-width:640px){
  nav.main > a:not(.btn){display:none}
  .steps,.gallery{grid-template-columns:1fr}
  .gallery{gap:44px}
  .postcard{grid-template-columns:1fr}
  .postcard .divider{height:1px}
  .pair{min-height:300px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* prijstabellen canvas + papier */
.tables{display:flex;flex-direction:column;gap:32px;min-width:0}
.tabletitle{font-size:1.15rem;margin-bottom:8px}
.tablenote{font-size:.88rem;color:var(--ink-soft);margin-top:10px}

/* rode pijl naar het opladen */
.stamprow{padding-top:56px}
.stampwrap{position:relative;flex:none}
.stamphint{position:absolute;bottom:100%;right:34px;margin-bottom:-6px;display:flex;align-items:flex-start;gap:2px;color:var(--stamp);font-family:var(--f-post);font-size:.85rem;font-weight:700;white-space:nowrap;transform:rotate(-3deg);pointer-events:none}
.stamphint span{padding-top:0}
.stamphint svg{display:block;flex:none}
.stamp{border-width:2.5px}
@keyframes stamp-pulse{0%,100%{box-shadow:0 0 0 0 rgba(181,69,44,0)}50%{box-shadow:0 0 0 6px rgba(181,69,44,.18)}}
.stamp:not(.has){animation:stamp-pulse 2.4s ease-in-out infinite}
.stamp.has{border-style:solid}
@media (prefers-reduced-motion:reduce){.stamp:not(.has){animation:none}}

/* collectie Buitingse meesterwerken */
.coll-head{padding-block:clamp(48px,8vw,88px) 24px}
.coll-head h1{font-size:clamp(2.2rem,5.5vw,3.6rem);margin-top:12px}
.coll-head .lead{font-size:1.12rem;color:var(--ink-soft);margin-top:18px;max-width:40em}
.coll-pricenote{font-size:.92rem;color:var(--ink-soft);margin-top:14px;max-width:46em}
section.coll-list{padding-block:24px clamp(56px,9vw,104px);border-top:0}
.coll-list .wrap{display:flex;flex-direction:column;gap:clamp(56px,8vw,96px)}
.mw{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.mw:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
.mw:nth-child(even) .mw-img{order:2}
.mw-img img{display:block;width:100%;height:auto}
.mw-text{display:flex;flex-direction:column;gap:12px;min-width:0}
.mw-text h2{font-size:clamp(1.6rem,3.4vw,2.3rem);font-style:italic}
.mw-text p{color:var(--ink-soft);max-width:34em}
.mw-actions{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin-top:6px}
.mw-video{font-size:.95rem;color:var(--canal);text-decoration:none}
.mw-video:hover{text-decoration:underline}
.mw-actions .price{font-family:var(--f-post);font-size:.85rem;color:var(--ink-soft)}
.addr select{border:0;border-bottom:1px solid var(--ink-soft);background:transparent;font-family:var(--f-post);font-size:1rem;color:var(--ink);padding:6px 0;border-radius:0}
.addr select:focus{outline:none;border-bottom-color:var(--stamp);border-bottom-width:2px}
.addr select option{background:var(--card);color:var(--ink)}

/* teaser op de startpagina */
.teaser .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(24px,5vw,56px);align-items:center}
.teaser-imgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.teaser-imgs img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.teaser-text{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.teaser-text p{color:var(--ink-soft);max-width:30em}
@media (max-width:860px){
  .mw,.mw:nth-child(even),.teaser .wrap{grid-template-columns:1fr}
  .mw:nth-child(even) .mw-img{order:0}
}

/* kerstkaarten */
.xmas-head .ctas{margin-top:22px}
.xmas-example .lead{color:var(--ink-soft);margin-top:12px;max-width:44em}
.xmas-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:32px;align-items:start}
.xcard img{aspect-ratio:1000/747;object-fit:cover}
.xcard:nth-child(odd){transform:rotate(-1deg)}
.xcard:nth-child(even){transform:rotate(1deg)}
.xback{grid-column:span 2}
.xback img{aspect-ratio:910/656}
.xmas-price{margin-top:36px;display:flex;flex-direction:column;gap:8px;max-width:44em}
.xmas-deadline{color:var(--stamp);font-size:.95rem}
.addr input[type=file]{border:0;font-size:.85rem;padding:6px 0}
.teaser.xmas-teaser .teaser-imgs{grid-template-columns:repeat(2,minmax(0,1fr))}
.teaser.xmas-teaser .teaser-imgs img{aspect-ratio:1000/747}
@media (max-width:860px){.xmas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.xmas-grid{grid-template-columns:1fr}.xback{grid-column:auto}}
.xmas-head .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:center}
.xmas-circle{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 14px 34px rgba(10,25,35,.25)}
@media (max-width:860px){.xmas-head .wrap{grid-template-columns:1fr}}
nav.main{gap:14px}
nav.main > a:not(.btn){font-size:.9rem}
.langs a{padding:4px 5px}
.mw-img img{aspect-ratio:auto;object-fit:contain;width:100%;height:auto}
.mw-img.staand{width:min(100%,460px);justify-self:center}
.work .frame img{aspect-ratio:auto}
.work .orig{width:27%;left:-10px;bottom:-16px}
.work .media:has(.orig){margin-bottom:20px}
.xmas-ex2 .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(24px,4vw,56px);align-items:center}
.xmas-ex2 .lead{color:var(--ink-soft);margin-top:12px}
.xmas-ex2-img img{aspect-ratio:auto}
@media (max-width:860px){.xmas-ex2 .wrap{grid-template-columns:1fr}}
.xmas-ex2-media{position:relative;padding-bottom:28px}
.xmas-ex2-orig{position:absolute;left:-14px;bottom:0;width:36%;transform:rotate(-4deg);padding:6px}
.xmas-ex2-orig img{aspect-ratio:auto}
.xmas-ex2-orig figcaption{font-size:.65rem;padding-top:4px}
@media (max-width:520px){.xmas-ex2-orig{left:-6px;width:42%}}

/* galerij: staand bovenaan, liggend onderaan */
.gallery-v{margin-top:40px}
.gallery-h{margin-top:48px}
.work-link{display:block;color:inherit;text-decoration:none}
.work-link:hover .frame{box-shadow:0 1px 2px rgba(0,0,0,.08),0 16px 36px rgba(20,40,40,.22)}
.work h3 a{color:inherit;text-decoration:none}
.work h3 a:hover{color:var(--stamp)}
.work-more{font-size:.9rem;color:var(--canal);text-decoration:none;margin-top:2px}
.work-more:hover{text-decoration:underline}
.gallery-v .frame canvas,.gallery-v .frame img{aspect-ratio:8/11;object-fit:cover}
.gallery-h .frame canvas,.gallery-h .frame img{aspect-ratio:3/2;object-fit:cover}
.gallery .orig img{aspect-ratio:auto!important;object-fit:contain}

/* productpagina */
.wp-head h1{font-size:clamp(2.2rem,5vw,3.4rem);margin-top:14px}
.wp-back{font-size:.9rem;color:var(--ink-soft);text-decoration:none}
.wp-back:hover{color:var(--stamp)}
.wp-price{font-family:var(--f-post);font-size:.9rem;margin-top:12px;color:var(--ink-soft)}
.wp-versions .lead{color:var(--ink-soft);margin-top:10px;max-width:44em}
.wp-grid{display:grid;gap:24px;margin-top:32px;align-items:start}
.wp-grid.wp-h{grid-template-columns:repeat(2,minmax(0,1fr))}
.wp-grid.wp-v{grid-template-columns:repeat(4,minmax(0,1fr))}
.wp-version img,.wp-version canvas{aspect-ratio:auto;width:100%;height:auto}
.wp-version figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.8rem;padding-top:10px}
.wp-version.picked{outline:3px solid var(--stamp);outline-offset:2px}
.wp-orig{filter:saturate(.9)}
.wp-own{margin-top:22px;color:var(--ink-soft)}
.wp-pick{gap:6px}
@media (max-width:860px){.wp-grid.wp-v{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.wp-grid.wp-h{grid-template-columns:1fr}}
.addr .wp-pick label{flex-direction:row;align-items:center;gap:8px}
.wp-version figcaption{flex-wrap:wrap}
.expr-input{border:0;border-bottom:1px solid var(--ink-soft);background:transparent;font-family:var(--f-post);font-size:1rem;color:var(--ink);padding:6px 0;margin:0 0 6px 24px;border-radius:0;width:calc(100% - 24px)}
.expr-input:focus{outline:none;border-bottom-color:var(--stamp);border-bottom-width:2px}
.expr-input:disabled{opacity:.4}
.gallery-h{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-art{display:flex;flex-direction:column;gap:28px;min-width:0}
.hero .pair{min-height:360px}
.pair .frame img{aspect-ratio:auto!important;object-fit:contain}
.pair .old{width:44%;top:10px}
.pair .new{width:72%;top:70px}
.note{border-left:3px solid var(--stamp);padding:2px 0 2px 16px;max-width:36em}
.note p{font-family:var(--f-display);font-style:italic;font-size:1.02rem;line-height:1.55;color:var(--ink-soft);margin-top:6px}
@media (max-width:640px){.gallery-h{grid-template-columns:1fr}.hero .pair{min-height:280px}}
.sc-cta{margin-top:18px}
.wp-version{position:relative}
.note-badge{position:absolute;top:-12px;right:10px;background:var(--stamp);color:var(--on-stamp);font-family:var(--f-post);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:2px;text-decoration:none;z-index:1}
.wp-note{margin-top:36px;max-width:44em}
.wp-grid .wp-note{margin-top:0;align-self:center}
.wp-grid.wp-v .wp-note{grid-column:span 3}
.wp-grid.wp-h .wp-note{grid-column:span 1}
@media (max-width:860px){.wp-grid.wp-v .wp-note{grid-column:span 1}}
@media (max-width:520px){.wp-grid .wp-note{grid-column:1/-1}}

/* gsm-menu */
.nav-toggle{display:none;background:transparent;border:1px solid var(--ink);color:var(--ink);font:inherit;font-size:.9rem;padding:6px 12px;border-radius:2px;cursor:pointer}
@media (max-width:640px){
  .nav-toggle{display:inline-block}
  header.site .wrap{flex-wrap:wrap}
  nav.main{width:100%;gap:10px 14px}
  nav.main > a:not(.btn){display:none}
  nav.main.open{flex-direction:column;align-items:flex-start}
  nav.main.open > a:not(.btn){display:block;font-size:1.05rem;padding:4px 0}
}
/* verzending en prijzen bij bestellen */
.ship-small{font-size:.75em;color:var(--ink-soft);white-space:nowrap}
.ship-hint{font-size:.85rem;color:var(--ink-soft);margin-top:-6px}
.addr select.js-size{font-family:var(--f-post)}
.wp-prices{margin-top:18px;border:1px solid var(--line);background:var(--card);padding:10px 16px}
.wp-prices summary{cursor:pointer;font-weight:600}
.wp-prices .tables{margin-top:14px}
.about.no-photo .wrap{grid-template-columns:1fr}

/* Galerij per gemeente */
.gal-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.gal-jump .chip{text-decoration:none;color:inherit}
.gal-jump .chip:hover{border-color:var(--ink-soft)}
.gal-group{padding-block:32px;scroll-margin-top:80px}
.gal-group+.gal-group{border-top:1px solid var(--line)}
.gal-group h2 small{font-family:'Public Sans',sans-serif;font-size:.95rem;font-weight:400;color:var(--ink-soft);margin-left:.4em}
.gal-group .gallery-v,.gal-group .gallery-h{margin-top:24px}
.gal-cta{padding-block:48px 72px;text-align:center}
.gal-cta .lead{max-width:36em;margin:12px auto 20px;color:var(--ink-soft)}
.gal-more{text-align:center;margin-top:40px}

footer .legal{font-size:.75rem;opacity:.75;margin-top:10px;line-height:1.5}
.terms h2{font-size:1.25rem;margin-top:32px}
.terms ul{padding-left:1.2em;margin:8px 0}
.terms li{margin:6px 0}
.terms-updated{color:var(--ink-soft);font-size:.9rem}
.terms-form{border:1px dashed var(--line);padding:12px 18px;background:var(--card)}
.terms-form p{margin:4px 0}
.terms-note{font-size:.85rem;margin-top:6px}