/* pagina/aanvraag.css — ronde 2 (tweede herziening na de jury), eigenaar: pagina-bouwer van kozijnen/aanvraag/index.html (prefix .av-).
   "De offerte in wording": omslag met het huis vrij op de zon en de totaalkaart los eronder (p1) · stappenrail · positielijst met
   renders in de gekozen kleur en verhouding (p13) · contact- en projectkader (p16) · de gevel met genummerde medaillons (p4/p5) ·
   brief met briefhoofd en folio (p2) · akkoordblok (p16) · slot met logo, 谢谢 en het schip (p17).
   Elk hoofdstuk een eigen titelblok: 清单 links (p13) · 资料 rechts (p4) · gevelbeeld + 文件 (p5) · 信 gecentreerd (p16).
   Breekpunten: < 768 mobiel · ≥ 768 tabelrijen · ≥ 1024 omslag en titelblokken op kolommen · ≥ 1280 zijkolom. Beweging alleen transform/opacity. */

/* ================================================================ 0 OMSLAG */
.av-omslag{position:relative;padding-top:4px}
.av-omslag__kruimel .s-kruimel{margin:0 0 2px}
.av-omslag__kruimel .s-kruimel a{padding-inline:6px;margin-inline:-6px;min-width:44px}
@media (min-width:1200px){.av-omslag__kruimel{padding-inline:32px}}
.av-blad{display:grid;grid-template-columns:minmax(0,1fr);overflow:clip;padding:0 20px 128px;isolation:isolate}
.av-blad__watermerk{left:-10%;top:30%;width:min(90vw,560px);z-index:-1;opacity:.045}
.av-blad__bergen{left:1px;right:1px;bottom:1px;height:clamp(80px,11vw,150px);z-index:-1;opacity:.75;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 62%);mask-image:linear-gradient(180deg,transparent,#000 62%)}
.av-blad__den{right:clamp(14px,3vw,40px);bottom:12px;width:clamp(40px,4.4vw,64px);z-index:-1;transform:scaleX(-1)}
.av-blad__tak{z-index:1;top:-8px;right:-40px;width:210px;clip-path:inset(8px 40px 0 0)}
.av-blad__blaadjes{inset:0 0 50% 40%;z-index:1}
/* beeld: zon · huis · grondschaduw · nevelband · detailmedaillon */
.av-blad__beeld{position:relative;margin:0 -14px;padding-top:40px}
.av-blad__zon{position:absolute;z-index:0;left:54%;top:46%;width:min(66%,300px);aspect-ratio:1;translate:-50% -50%;pointer-events:none}
.av-blad__zon > span{display:block;width:100%;height:100%;border-radius:50%;
  background:radial-gradient(circle at 46% 42%,rgba(246,226,166,.95) 0,rgba(240,214,140,.86) 48%,rgba(236,206,126,.62) 64%,rgba(232,200,118,.18) 69%,rgba(232,200,118,0) 70.5%)}
.av-blad__grond{position:absolute;z-index:1;left:2%;right:0;bottom:2%;height:22%;border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse at 52% 46%,rgba(var(--inkt-rgb),.16),rgba(var(--inkt-rgb),.06) 46%,rgba(var(--inkt-rgb),0) 70%)}
.av-blad__huis{position:relative;z-index:2;display:block}
.av-blad__huis picture{display:block}
.av-blad__huis img{display:block;width:100%;height:auto}
.av-blad__nevel{z-index:3;left:-10%;right:-10%;bottom:-10px;height:24%;opacity:.85}
.av-blad__detail{position:absolute;z-index:4;right:18px;bottom:-4px;display:grid;justify-items:center;gap:8px}
.av-blad__inzet{--d:92px}
/* tekens linksboven (报价单 + 吉祥) */
.av-blad__teken{position:absolute;z-index:5;left:22px;top:22px;display:flex;flex-direction:column;align-items:center;gap:10px}
.av-blad__kalli{width:26px;height:78px;opacity:.9;mix-blend-mode:multiply}
.av-blad__zegel{width:20px;height:20px;rotate:-4deg}
/* tekst: kicker · AANVRAAG · ondertitel (cursieve zin op een eigen regel, nooit gesplitst) · ornament */
.av-blad__tekst{position:relative;z-index:4;min-width:0;margin-top:14px}
.av-blad__tekst .s-kicker{margin-bottom:12px}
@media (max-width:400px){.av-blad__tekst .s-kicker{letter-spacing:.12em}}
.av-blad__titel{margin:0}
.av-blad__titel .s-omslag__woord{font-size:2.875rem}
@media (max-width:389px){.av-blad__titel .s-omslag__woord{font-size:2.5rem}}
.av-blad__sub{margin-top:14px;font-size:1.3125rem;line-height:1.34;color:var(--inkt2)}
.av-nw{white-space:nowrap}
/* merk (p1): alleen op de brede omslag */
.av-blad__merk{display:none}
.av-blad__sub em{display:block;white-space:nowrap;margin-top:2px}
@media (max-width:389px){.av-blad__sub{font-size:1.1875rem}}
.av-blad__orn{margin:20px 0 0}
/* metaregels: label | waarde op één basislijn */
.av-blad__meta{position:relative;z-index:4;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:10px 18px;margin:26px 0 0}
.av-blad__meta > div{display:contents}
.av-blad__meta dt{font:500 .875rem/1.3 var(--f-kop);letter-spacing:.18em;text-transform:uppercase;color:var(--grijs2)}
.av-blad__meta dd{margin:0;min-width:0;font:400 .9375rem/1.4 var(--f-tekst);color:var(--inkt)}
.av-blad__meta dd[data-av-datum]{font:500 .9375rem/1.4 var(--f-mono);font-variant-numeric:tabular-nums}
.av-leegnaam{font:italic 400 1.1875rem/1.3 var(--f-serif);color:var(--grijs2)}
.av-handnaam{display:inline-block;font:italic 500 1.375rem/1.15 var(--f-serif);color:var(--inkt);overflow-wrap:break-word;text-wrap:balance}
/* totaalkaart (p1): los onder het huis, 龍 als zegel op de hoek */
.av-blad__totaal{position:relative;z-index:5;justify-self:stretch;max-width:none;margin:30px 0 0;padding:22px 24px 14px}
.av-blad__totaalzegel{position:absolute;right:-8px;top:-24px;z-index:2;line-height:0}
.av-blad__totaalzegel .s-zegel-svg{width:42px;height:42px;rotate:5deg}
.av-blad__totaal .s-totaal__label{display:flex;flex-wrap:wrap;gap:0 .5em;padding-right:28px}
.av-blad__labelextra{flex-basis:100%}
.av-blad__labelextra:empty{display:none}
@media (max-width:399px){.av-blad__labelextra{display:none}}
.av-blad__totaal .s-totaal__waarde{display:flex;align-items:baseline;gap:12px;margin:8px 0 4px}
.av-blad__totaal .s-totaal__waarde--leeg{display:block;margin:8px 0 6px}
.av-totaalgetal{font:500 2.375rem/1 var(--f-mono);font-variant-numeric:tabular-nums lining-nums;color:var(--inkt)}
.av-totaaleenheid{font:500 .875rem/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--grijs1)}
.av-blad__noot{display:block;font-size:.875rem;line-height:1.35;color:var(--grijs1)}
.av-blad__verder{margin-top:8px}
.av-blad__verder .s-ico{width:14px;height:14px}
/* volgorde mobiel: beeld · tekst · totaal · meta */
.av-blad__beeld{order:1}.av-blad__tekst{order:2}.av-blad__totaal{order:3}.av-blad__meta{order:4}
@media (min-width:600px){
  .av-blad{padding:0 32px 150px}
  .av-blad__beeld{margin:0 -20px;padding-top:30px}
  .av-blad__teken{left:30px;top:28px}
  .av-blad__kalli{width:34px;height:102px}
  .av-blad__tak{width:300px;right:-46px;clip-path:inset(8px 46px 0 0)}
  .av-blad__inzet{--d:112px}
  .av-blad__titel .s-omslag__woord{font-size:clamp(56px,8.4vw,72px);letter-spacing:.36em;margin-right:-.36em}
  .av-blad__sub{font-size:1.5rem}
  .av-blad__totaal{max-width:420px}
  .av-blad__meta{grid-template-columns:repeat(3,max-content);grid-template-rows:auto auto;grid-auto-flow:column;column-gap:40px;row-gap:6px}
}
@media (min-width:768px) and (max-width:1199px){
  .av-blad__beeld{justify-self:end;width:min(100%,660px);margin:0 -12px 0 0}
  .av-blad__zon{left:56%;top:40%;width:min(64%,400px)}
  .av-blad__tekst{margin-top:-8px}
}
@media (min-width:1200px){
  .av-blad{grid-template-columns:56px minmax(0,400px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;column-gap:32px;padding:40px 40px 44px}
  .av-blad__teken{position:relative;left:auto;top:auto;grid-column:1;grid-row:1 / 3;align-self:start;margin-top:6px;gap:16px}
  .av-blad__kalli{width:48px;height:144px}
  .av-blad__zegel{width:28px;height:28px}
  .av-blad__tekst{grid-column:2;grid-row:1;align-self:end;order:0;margin:0 0 60px}
  .av-blad__titel .s-omslag__woord{font-size:clamp(54px,4.15vw,60px);letter-spacing:.34em;margin-right:-.34em}
  .av-blad__sub{font-size:1.5625rem}
  .av-blad__merk{grid-column:2;grid-row:1;align-self:start;display:flex;align-items:center;gap:16px;margin:2px 0 0;position:relative;z-index:4}
  .av-blad__merk img{width:56px;height:56px;border-radius:50%;box-shadow:0 0 0 1px var(--lijn-goud-sterk),0 0 0 4px var(--rijst),0 0 0 5px var(--lijn-goud-zacht)}
  .av-blad__merk > span{display:grid;gap:6px}
  .av-blad__merknaam{font:500 1.0625rem/1 var(--f-kop);letter-spacing:.3em;text-transform:uppercase;color:var(--inkt);white-space:nowrap}
  .av-blad__merknaam b{font-weight:500;color:var(--dgoud)}
  .av-blad__merktag{font:italic 400 1rem/1.2 var(--f-serif);color:var(--grijs1)}
  .av-blad__orn{margin-top:24px}
  .av-blad__meta{grid-column:2 / 4;grid-row:2;align-self:start;order:0;margin:0 436px 0 0;padding-top:6px;
    grid-template-columns:minmax(0,1fr) max-content max-content;column-gap:40px}
  .av-blad__meta .av-handnaam{text-wrap:balance}
  .av-blad__beeld{grid-column:3;grid-row:1;order:0;align-self:end;margin:0 -44px 0 -72px;padding-top:0}
  .av-blad__zon{left:56%;top:44%;width:min(72%,430px)}
  .av-blad__den{display:none}
  .av-blad__detail{right:52px;bottom:14px}
  .av-blad__inzet{--d:120px}
  .av-blad__totaal{grid-column:3;grid-row:2;order:0;justify-self:end;align-self:start;width:380px;margin:22px 0 0}
  .av-blad__tak{width:380px;right:-52px;top:-10px;clip-path:inset(10px 52px 0 0)}
  .av-blad__watermerk{left:6%;top:-4%;width:520px}
}
/* lagen bewegen licht mee (JS zet --av-dy/--av-dx); het LCP-beeld zelf is meteen zichtbaar: alleen de nevel trekt op */
[data-av-diepte]{will-change:transform}
.av-blad__zon,.av-blad__huis,.av-blad__tak{transform:translate3d(var(--av-dx,0px),var(--av-dy,0px),0)}
@media (prefers-reduced-motion:no-preference){
  .av-blad__zon > span{animation:av-adem 9s ease-in-out infinite alternate}
  html.av-beweeg .av-blad__nevel{animation:av-nevel 2.4s var(--s-ease-inkt) both}
  html.av-beweeg .av-blad__detail{animation:av-detail .9s var(--s-ease-inkt) .5s both}
}
@keyframes av-adem{from{transform:scale(1);opacity:.96}to{transform:scale(1.035);opacity:1}}
@keyframes av-nevel{from{transform:translate3d(0,-14%,0) scaleY(1.9)}to{transform:none}}
@keyframes av-detail{from{transform:translate3d(0,14px,0) scale(.94)}to{transform:none}}

/* ================================================================ STAPPENRAIL (medaillons op een gouden draad) */
.av-rail__lijst{position:relative;list-style:none;margin:0;padding:0}
.av-rail__stap a{display:flex;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}
.av-rail__munt{position:relative;z-index:1;flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--rijst);
  box-shadow:inset 0 0 0 1px var(--dgoud),inset 0 0 0 4px var(--rijst),inset 0 0 0 5px rgba(var(--dgoud-rgb),.4);transition:background-color .3s var(--ease)}
.av-rail__nr{font:500 1.0625rem/1 var(--f-kop);letter-spacing:0;color:var(--inkt);font-variant-numeric:lining-nums}
.av-rail__vink{display:none;width:18px;height:18px;color:var(--dgoud)}
.av-rail__stap[data-ok] .av-rail__nr{display:none}
.av-rail__stap[data-ok] .av-rail__vink{display:block}
.av-rail__stap.is-actief .av-rail__munt{background:radial-gradient(circle at 36% 30%,#F6E7BD,var(--goud) 58%,var(--dgoud));
  box-shadow:inset 0 0 0 1px var(--dgoud),inset 0 0 0 3px rgba(255,250,232,.55),0 3px 10px rgba(var(--dgoud-rgb),.28)}
.av-rail__stap.is-actief .av-rail__vink{color:var(--inkt)}
.av-rail__titel{font:500 .875rem/1.25 var(--f-kop);letter-spacing:.08em;text-transform:uppercase;color:var(--inkt)}
.av-rail__stap a:hover .av-rail__titel{color:var(--dgoud)}
.av-rail__stap a:focus-visible{outline:0}
.av-rail__stap a:focus-visible .av-rail__munt{box-shadow:0 0 0 2px var(--rijst),0 0 0 4px var(--inkt)}
.av-rail--rij{margin-top:26px}
.av-rail--rij .av-rail__lijst{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.av-rail--rij .av-rail__lijst::before{content:"";position:absolute;left:12.5%;right:12.5%;top:21.5px;height:1px;
  background:linear-gradient(90deg,rgba(var(--dgoud-rgb),.25),var(--lijn-goud-sterk) 12%,var(--lijn-goud-sterk) 88%,rgba(var(--dgoud-rgb),.25))}
.av-rail--rij .av-rail__stap a{flex-direction:column;align-items:center;gap:10px;min-height:44px;text-align:center;padding:0 2px}
.av-rail--rij .av-rail__titel{white-space:nowrap}
.av-rail__kort{display:none}
@media (max-width:767px){
  .av-rail--rij .av-rail__lang{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .av-rail--rij .av-rail__kort{display:inline;letter-spacing:.1em}
}
@media (min-width:768px){.av-rail--rij{margin-top:34px}.av-rail--rij .av-rail__titel{font-size:.8125rem;letter-spacing:.16em;max-width:none}}
@media (min-width:1280px){.av-rail--rij{display:none}}
.av-rail--kolom .av-rail__lijst{display:grid;gap:0}
.av-rail--kolom .av-rail__lijst::before{content:"";position:absolute;left:21.5px;top:22px;bottom:22px;width:1px;
  background:linear-gradient(180deg,var(--lijn-goud-sterk),var(--lijn-goud-sterk) 85%,rgba(var(--dgoud-rgb),.25))}
.av-rail--kolom .av-rail__stap + .av-rail__stap{margin-top:14px}
.av-rail--kolom .av-rail__stap a{align-items:center;gap:16px;min-height:44px}
.av-rail__tekst{display:grid;gap:2px;min-width:0}
.av-rail--kolom .av-rail__titel{font-size:.8125rem;letter-spacing:.16em}
.av-rail__status{font-size:.875rem;line-height:1.3;color:var(--grijs1)}
.av-rail__stap.is-actief .av-rail__status{color:var(--inkt)}

/* ================================================================ RASTER + ZIJKOLOM */
.av-raster{position:relative}
.av-hoofd{min-width:0}
.av-zij{display:none}
@media (min-width:1280px){
  .av-raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
  .av-hoofd{grid-column:1 / 9}
  .av-zij{display:block;grid-column:9 / 13;align-self:stretch;position:relative;padding:calc(var(--sectie) * .7) 0 0 40px}
  /* de kolomlijn loopt door tot de onderrand van de afsprakentabel en eindigt in een ruit */
  .av-zij::before{content:"";position:absolute;left:12px;top:calc(var(--sectie) * .7);bottom:10px;width:1px;
    background:linear-gradient(180deg,transparent,var(--lijn-goud) 6%,var(--lijn-goud) 100%)}
  .av-zij__eind{position:absolute;left:8.5px;bottom:0;width:8px;height:8px;rotate:45deg;background:var(--goud);box-shadow:0 0 0 2px var(--rijst),0 0 0 3px var(--lijn-goud-sterk)}
}
@media (min-width:1280px) and (min-height:760px){.av-zij__plak{position:sticky;top:calc(56px + var(--s-subnav-h) + 28px)}}
.av-zij__titel{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:500 .75rem/1.3 var(--f-kop);letter-spacing:.3em;text-transform:uppercase;color:var(--dgoud)}
.av-zij__titel::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--lijn-goud),transparent)}
/* in één oogopslag: alleen de soorten (mini-renders in kleur), montage en kleur; het totaal staat op de totaalkaart */
.av-oog{margin-top:30px}
.av-oog__soorten{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px;min-height:60px;padding:4px 0 12px;border-bottom:1px solid var(--lijn-goud)}
.av-oog__soorten:empty::before{content:attr(data-leeg);align-self:center;font:italic 400 1.0625rem/1.3 var(--f-serif);color:var(--grijs2)}
.av-oog__soorten .av-mini{height:52px;max-width:76px}
.av-oog__soorten .av-mini img,.av-oog__soorten .av-mini canvas{max-height:52px;max-width:76px}
.av-oog__regels{display:grid;gap:0;margin:0}
.av-oog__regels > div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--lijn-goud-zacht)}
.av-oog__regels dt{font:500 .75rem/1.3 var(--f-kop);letter-spacing:.24em;text-transform:uppercase;color:var(--grijs2)}
.av-oog__regels dd{margin:0;font-size:.875rem;line-height:1.4;color:var(--inkt)}
.av-oog__regels dd.is-open{font:italic 400 1rem/1.3 var(--f-serif);color:var(--grijs2)}
.av-mini{display:grid;place-items:end center;height:40px;max-width:64px}
.av-mini picture{display:contents}
.av-mini img,.av-mini canvas{display:block;max-height:40px;max-width:64px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(var(--inkt-rgb),.14))}
.av-mini .av-onbekend{width:36px;height:40px}
.av-mini--meer{place-items:center;min-width:32px;font:500 .875rem/1 var(--f-mono);color:var(--grijs1)}
/* aanspreekpunt: wijkt zodra stap 4 (met Melvin in het akkoordblok) in beeld is */
.av-zij__persoon{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:center;margin-top:24px}
.av-zij[data-fase=versturen] .av-zij__persoon{display:none}
.av-zij__foto{display:block;width:56px;height:56px;border-radius:50%;padding:3px;background:var(--rijst);
  box-shadow:0 0 0 1px var(--lijn-goud-sterk),0 0 0 4px var(--rijst),0 0 0 5px var(--goud)}
.av-zij__foto img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.av-zij__kop{margin:0 0 2px;font:500 .75rem/1.3 var(--f-kop);letter-spacing:.26em;text-transform:uppercase;color:var(--grijs2)}
.av-zij__naam{margin:0;font:italic 400 1.375rem/1.15 var(--f-serif);color:var(--inkt)}
.av-zij__tel{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:.9375rem;color:var(--inkt);text-decoration:none}
.av-zij__tel .s-ico{width:16px;height:16px;color:var(--dgoud)}
.av-zij__tel:hover{text-decoration:underline;text-decoration-color:var(--goud)}
.av-zij__privacy{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;margin:8px 0 0;font-size:.875rem;line-height:1.45;color:var(--grijs1)}
.av-zij__privacy .s-ico{width:18px;height:18px;color:var(--dgoud);margin-top:1px}

/* ================================================================ HOOFDSTUKKEN — vaste rubriekregel (zegel · kicker · lijn · folio), daaronder per hoofdstuk een eigen compositie */
.av-hst{position:relative;padding-top:calc(var(--sectie) * .7);scroll-margin-top:calc(var(--s-kop-h) + var(--s-subnav-h) + 20px)}
.av-hst + .av-hst,.av-form > .av-hst{padding-top:var(--sectie)}
.av-kop{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:12px;margin-bottom:var(--titelblok-na)}
.av-kop > *{grid-column:1}
.av-kop__rubriek{grid-column:1 / -1;display:flex;align-items:center;gap:12px;margin:0;min-width:0}
.av-kop__rubriek .s-kicker{margin:0}
.av-zegelnr{flex:none;display:grid;place-items:center;width:30px;height:30px;padding-bottom:1px;rotate:-3deg;
  background:url('../../kit/svg/zegel/leeg.svg?v=648606df') center/100% 100% no-repeat;font:500 1.0625rem/1 var(--f-kop);color:var(--zegeltekst);font-variant-numeric:lining-nums}
.av-kop__tel{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;font:500 .875rem/1 var(--f-mono);color:var(--grijs2);font-variant-numeric:tabular-nums;white-space:nowrap}
.av-kop__tel::before{content:"";flex:1;min-width:16px;height:1px;background:linear-gradient(90deg,rgba(var(--dgoud-rgb),.1),var(--lijn-goud) 30%,var(--lijn-goud) 80%,rgba(var(--dgoud-rgb),.1))}
.av-kop__titel{margin:4px 0 0}
.av-kop__lead{margin:4px 0 0;max-width:40ch;font:italic 400 1.1875rem/1.42 var(--f-serif);color:var(--grijs1);text-wrap:pretty}
/* kalligrafisch teken per hoofdstuk (mobiel: verticaal naast de titel) */
.av-kop__teken{grid-column:2;grid-row:2 / span 2;align-self:start;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:2px;pointer-events:none}
.av-kop__teken .s-kalli{writing-mode:vertical-rl;font-size:2.25rem;line-height:1;letter-spacing:.04em;color:var(--inkt);opacity:.9}
.av-kop__zegel{width:22px;height:22px;rotate:-4deg}
@media (min-width:768px){
  .av-kop__lead{font-size:1.3125rem;max-width:46ch}
  .av-kop__teken .s-kalli{font-size:3rem}
  .av-kop__zegel{width:26px;height:26px}
}
@media (min-width:1024px){
  .av-kop{column-gap:36px;row-gap:10px}
  .av-kop__rubriek{margin-bottom:10px}
  .av-kop__titel{margin:0;font-size:clamp(34px,2.9vw,42px)}
  .av-kop__titel em{display:block;margin-top:2px}
  /* 1 · lijst (p13): 清单 links naast de titel, cursieve toelichting rechts, rechts uitgelijnd */
  .av-kop--lijst{grid-template-columns:60px minmax(0,1fr) minmax(0,236px)}
  .av-kop--lijst .av-kop__teken{grid-column:1;grid-row:2;align-self:center;margin:0}
  .av-kop--lijst .av-kop__teken .s-kalli{font-size:3.25rem}
  .av-kop--lijst .av-kop__titel{grid-column:2;grid-row:2;align-self:center}
  .av-kop--lijst .av-kop__lead{grid-column:3;grid-row:2;align-self:end;margin:0;text-align:right;font-size:1.25rem;text-wrap:balance}
  /* 2 · gegevens (p2/p4): titel en lead links, 资料 groot rechts met zegel */
  .av-kop--gegevens{grid-template-columns:minmax(0,1fr) 96px}
  .av-kop--gegevens .av-kop__teken{grid-column:2;grid-row:2 / 4;margin-top:-6px}
  .av-kop--gegevens .av-kop__teken .s-kalli{font-size:3.75rem}
  .av-kop--gegevens .av-kop__lead{grid-column:1;margin-top:6px}
  /* 3 · tekeningen (p5): 文件 links, titel, cursieve toelichting rechts achter een gouden streep */
  .av-kop--bijlagen{grid-template-columns:60px minmax(0,1fr) minmax(0,280px)}
  .av-kop--bijlagen .av-kop__teken{grid-column:1;grid-row:2;align-self:center;margin:0}
  .av-kop--bijlagen .av-kop__teken .s-kalli{font-size:3.25rem}
  .av-kop--bijlagen .av-kop__titel{grid-column:2;grid-row:2;align-self:center}
  .av-kop--bijlagen .av-kop__lead{grid-column:3;grid-row:2;align-self:center;margin:0;padding-left:20px;font-size:1.1875rem;
    background:linear-gradient(180deg,var(--goud),rgba(var(--goud-rgb),.35)) 0 4px/2px calc(100% - 8px) no-repeat}
}
/* 4 · versturen (p16): 信 + zegel gecentreerd boven de titel, alles op de as */
.av-kop--versturen{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.av-kop--versturen .av-kop__rubriek{justify-self:stretch;text-align:left}
.av-kop--versturen .av-kop__teken{grid-column:1;grid-row:auto;flex-direction:row;align-items:flex-end;gap:10px;margin:10px 0 2px}
.av-kop--versturen .av-kop__teken .s-kalli{writing-mode:horizontal-tb;font-size:3.25rem}
.av-kop--versturen .av-kop__titel{margin:0}
.av-kop--versturen .av-kop__lead{margin-inline:auto;text-wrap:balance}
@media (min-width:1024px){
  .av-kop--versturen .av-kop__teken .s-kalli{font-size:4rem}
  .av-kop--versturen .av-kop__titel em{display:inline;margin:0}
  .av-kop--versturen .av-kop__lead{max-width:48ch}
}

/* ================================================================ 1 POSITIELIJST (p13) */
.av-opslag{margin-bottom:var(--blok)}
.av-tabelkop{display:none}
.av-groep__kop{display:flex;flex-wrap:wrap;align-items:center;column-gap:14px;row-gap:2px;min-width:0;margin:0;padding:22px 0 10px;border-bottom:1px solid var(--lijn-goud)}
.av-groep:first-child .av-groep__kop{padding-top:12px}
.av-ruit{flex:none;width:8px;height:8px;rotate:45deg;background:var(--goud);box-shadow:0 0 0 2px var(--rijst),0 0 0 3px var(--lijn-goud-sterk);margin-inline:3px}
.av-groep__naam{min-width:0;font:500 .875rem/1.2 var(--f-kop);letter-spacing:.24em;text-transform:uppercase;color:var(--inkt)}
@media (min-width:768px){.av-groep__naam{font-size:.8125rem;letter-spacing:.3em}}
.av-groep__tel{margin-left:auto;font-size:.875rem;color:var(--grijs1);letter-spacing:0;white-space:nowrap}
.av-groep__regels{list-style:none;margin:0;padding:0}

/* rij: mobiel = render | info + maat, daaronder stepper | acties, dan de opmerkingslijn */
.av-regel{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);
  grid-template-areas:"beeld info" "beeld maat" "aantal acties" "opm opm";column-gap:16px;row-gap:6px;
  padding:18px 0 14px;border-bottom:1px solid rgba(var(--dgoud-rgb),.25)}
.av-regel::before{content:"";position:absolute;inset:0 -12px;z-index:-1;opacity:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(var(--goud-rgb),0),rgba(var(--goud-rgb),.22) 18%,rgba(var(--goud-rgb),.22) 82%,rgba(var(--goud-rgb),0))}
.av-regel__beeld{grid-area:beeld;position:relative;align-self:start;width:132px;height:112px}
/* zonschijf + zachte slagschaduw zoals de medaillons in de offerte */
.av-regel__zon{position:absolute;left:54%;top:46%;width:92px;aspect-ratio:1;translate:-50% -50%;border-radius:50%;
  background:radial-gradient(circle at 44% 40%,rgba(246,228,172,.95),rgba(238,214,150,.7) 54%,rgba(232,200,118,.16) 68%,rgba(232,200,118,0) 70.5%)}
.av-regel__beeld > .s-codelabel{position:absolute;left:0;top:0;z-index:2;height:22px;padding:0 7px;font-size:.875rem;letter-spacing:.1em}
.av-regel__render{position:absolute;inset:16px 2px 2px 12px;display:flex;align-items:flex-end;justify-content:center}
.av-regel__render picture{display:contents}
.av-regel__render img,.av-regel__render canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;
  filter:drop-shadow(0 6px 6px rgba(var(--inkt-rgb),.16)) drop-shadow(0 1px 1px rgba(var(--inkt-rgb),.1))}
.av-regel__render .av-onbekend{width:62%;height:86%}
/* kleur wordt ingekleurd: het origineel blijft onzichtbaar tot het doek klaar is (nooit een zwarte flits) */
.av-kleurt img{opacity:0}
.av-kleurt.is-gekleurd img{display:none}
.av-regel__info{grid-area:info;min-width:0;align-self:end}
.av-regel__naam{margin:0;font:500 1rem/1.25 var(--f-kop);letter-spacing:.08em;text-transform:uppercase;color:var(--inkt);overflow-wrap:break-word}
@media (min-width:768px){.av-regel__naam{font-size:1.0625rem}}
.av-regel__indeling{margin:3px 0 0;font-size:.9375rem;line-height:1.4;color:var(--grijs1)}
.av-regel__kleur{display:flex;align-items:center;gap:8px;margin:5px 0 0;font-size:.9375rem;line-height:1.3;color:var(--grijs1)}
.av-regel__ral{font:500 .875rem/1.3 var(--f-mono);color:var(--inkt);letter-spacing:0}
.av-staal{flex:none;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1px var(--lijn-goud-sterk),0 0 0 3px var(--rijst),0 0 0 4px rgba(var(--dgoud-rgb),.3);background:var(--av-staal,var(--grijs3))}
.av-regel__maat{grid-area:maat;align-self:start;min-width:0}
.av-regel__maat .s-maat{font-size:.9375rem;color:var(--inkt);white-space:nowrap}
.av-regel__maat .s-maat.is-open{font:italic 400 1.0625rem/1.2 var(--f-serif);color:var(--grijs1)}
.av-aantal{grid-area:aantal;justify-self:start;align-self:center;display:inline-flex;align-items:stretch;height:46px;margin-top:6px;border:1px solid var(--grijs3);border-radius:var(--straal-s);background:var(--s-vlak-vol)}
.av-aantal__knop{display:grid;place-items:center;width:44px;padding:0;border:0;background:none;color:var(--inkt);cursor:pointer;-webkit-tap-highlight-color:transparent}
.av-aantal__knop:hover:not(:disabled){background:var(--goudlicht)}
.av-aantal__knop:disabled{color:var(--grijs3);cursor:default}
.av-aantal__knop .s-ico{width:16px;height:16px}
.av-aantal__getal{width:44px;border:0;border-inline:1px solid var(--grijs3);border-radius:0;background:transparent;text-align:center;padding:0;
  font:500 1rem/1 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--inkt);-moz-appearance:textfield;appearance:textfield}
.av-aantal__getal::-webkit-outer-spin-button,.av-aantal__getal::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.av-aantal__getal:focus{outline:0;background:rgba(var(--goud-rgb),.18)}
.av-regel__acties{grid-area:acties;display:flex;gap:6px;justify-content:flex-end;align-self:center;margin-top:6px}
.av-ico{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:var(--dgoud);cursor:pointer;
  box-shadow:inset 0 0 0 1px var(--lijn-goud);text-decoration:none;transition:background-color var(--duur-kort) var(--ease),color var(--duur-kort) var(--ease);-webkit-tap-highlight-color:transparent}
.av-ico .s-ico{width:18px;height:18px}
.av-ico:hover{background:var(--goudlicht);color:var(--inkt)}
.av-ico--weg{color:var(--grijs1)}
.av-ico:focus-visible{outline:0;box-shadow:0 0 0 2px var(--rijst),0 0 0 4px var(--inkt)}
.av-ico[hidden]{display:grid!important;visibility:hidden}
.av-ico__tip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 4px;z-index:4;padding:6px 10px;white-space:nowrap;pointer-events:none;opacity:0;
  background:var(--s-vlak-vol);border:1px solid var(--lijn-goud);font:500 .8125rem/1.2 var(--f-kop);letter-spacing:.14em;text-transform:uppercase;color:var(--inkt);
  transition:opacity .18s var(--ease),translate .18s var(--ease)}
@media (pointer:fine) and (min-width:768px){.av-ico__tip{display:block}.av-ico--weg .av-ico__tip{left:auto;right:0;translate:0 4px}
  .av-ico:hover .av-ico__tip,.av-ico:focus-visible .av-ico__tip{opacity:1;translate:-50% 0}.av-ico--weg:hover .av-ico__tip,.av-ico--weg:focus-visible .av-ico__tip{translate:0 0}}
.av-regel__opm{grid-area:opm;display:block;margin-top:2px}
.av-regel__opminvoer{width:100%;min-height:44px;padding:10px 0 6px;border:0;border-bottom:1px dashed rgba(var(--inkt-rgb),.28);border-radius:0;background:transparent;
  font:400 1rem/1.3 var(--f-tekst);color:var(--inkt)}
.av-regel__opminvoer::placeholder{font:400 1rem/1.3 var(--f-tekst);color:var(--grijs2);opacity:1}
.av-regel__opminvoer:focus{outline:0;border-bottom:1px solid var(--dgoud);box-shadow:0 1px 0 var(--dgoud)}
@media (max-width:389px){.av-regel{grid-template-columns:112px minmax(0,1fr);column-gap:14px}.av-regel__beeld{width:112px;height:96px}.av-regel__zon{width:78px}}
@media (min-width:768px){
  .av-tabelkop:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) 148px 136px;column-gap:20px;align-items:end;padding:0 0 10px;border-bottom:1px solid var(--inkt);
    font:500 .75rem/1.2 var(--f-kop);letter-spacing:.28em;text-transform:uppercase;color:var(--grijs2)}
  .av-tabelkop > span{white-space:nowrap}
  .av-tabelkop > span:nth-child(2){justify-self:end;margin-right:-.28em}
  .av-tabelkop > span:nth-child(3){justify-self:center;margin-right:-.28em}
  .av-regel{grid-template-columns:208px minmax(0,1fr) 148px 136px;grid-template-areas:"beeld info maat aantal" "beeld opm opm acties";
    column-gap:20px;row-gap:4px;padding:22px 0 18px}
  .av-regel__beeld{width:208px;height:156px;align-self:center}
  .av-regel__zon{width:138px}
  .av-regel__render{inset:22px 8px 4px 18px}
  .av-regel__info{align-self:center}
  .av-regel__maat{align-self:center;justify-self:end;text-align:right}
  .av-aantal{justify-self:center;margin:0}
  .av-regel__acties{justify-self:end;align-self:end;margin:0 1px 0 0}
  .av-regel__opm{align-self:end;margin:0}
}
/* toevoegen: rij vloeit in met inkt + gouden waas; verwijderen: rij klapt weg */
@media (prefers-reduced-motion:no-preference){
  .av-regel.is-nieuw{animation:av-vloei .5s var(--s-ease-inkt) both}
  .av-regel.is-nieuw::before{animation:av-waas 2.6s var(--ease) both}
  .av-regel.is-nieuw .av-regel__render{animation:av-render-in .7s var(--s-ease-inkt) .12s both}
  .av-regel.is-weg{opacity:0;translate:14px 0;transition:opacity .26s var(--ease),translate .26s var(--ease)}
  .av-kleurt canvas{animation:av-doek .45s var(--ease) both}
}
@media (prefers-reduced-motion:reduce){.av-regel.is-nieuw::before{opacity:1}}
@keyframes av-vloei{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 -20px 0 -20px)}}
@keyframes av-waas{0%{opacity:0}12%{opacity:1}70%{opacity:1}100%{opacity:0}}
@keyframes av-render-in{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@keyframes av-doek{from{opacity:0}to{opacity:1}}

/* ongedaan maken */
.av-ongedaan{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:16px;padding:12px 16px}
.av-ongedaan p{flex:1 1 180px;margin:0;font-size:.9375rem}

/* totaalkaart onder de lijst (p6-subtotaalbalk): overlappende kozijnsilhouetten · klein kapitaal-label boven een groot getal · prijsnoot.
   诚信 stempelt op de hoek bij elke toevoeging. */
.av-subtotaal{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"sil" "tekst" "prijs";gap:14px;margin-top:28px;padding:26px 20px 20px;
  background:linear-gradient(160deg,rgba(243,233,207,.85),rgba(235,221,185,.55))}
.av-subtotaal__zegel{position:absolute;z-index:2;right:28px;top:-22px;line-height:0}
.av-subtotaal__zegel .s-zegel-svg{width:44px;height:44px;rotate:-5deg}
.av-subtotaal__stukken{grid-area:sil;display:flex;align-items:flex-end;min-height:54px;padding:0 0 10px 6px;
  background:linear-gradient(90deg,var(--lijn-goud-sterk),rgba(var(--dgoud-rgb),0)) 0 100%/100% 1px no-repeat}
.av-subtotaal__stukken .av-mini{position:relative;height:50px;max-width:72px;margin-left:-14px}
.av-subtotaal__stukken .av-mini:first-child{margin-left:0}
.av-subtotaal__stukken .av-mini:nth-child(1){z-index:9}.av-subtotaal__stukken .av-mini:nth-child(2){z-index:8}.av-subtotaal__stukken .av-mini:nth-child(3){z-index:7}
.av-subtotaal__stukken .av-mini:nth-child(4){z-index:6}.av-subtotaal__stukken .av-mini:nth-child(5){z-index:5}.av-subtotaal__stukken .av-mini:nth-child(6){z-index:4}
.av-subtotaal__stukken .av-mini img,.av-subtotaal__stukken .av-mini canvas{max-height:50px;max-width:72px;filter:drop-shadow(-3px 0 0 rgba(var(--rijst-rgb),.9)) drop-shadow(0 3px 3px rgba(var(--inkt-rgb),.18))}
.av-subtotaal__stukken .av-mini--meer{margin-left:10px;align-self:center;height:auto;font-size:.875rem;color:var(--grijs1)}
.av-subtotaal__tekst{grid-area:tekst;display:grid;gap:6px;min-width:0}
.av-subtotaal__label{font:500 .875rem/1.2 var(--f-kop);letter-spacing:.3em;text-transform:uppercase;color:var(--dgoud)}
.av-subtotaal__waarde{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.av-subtotaal__getal{font:500 2.5rem/1 var(--f-mono);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.01em;color:var(--inkt)}
.av-subtotaal__eenheid{font:500 .875rem/1.2 var(--f-kop);letter-spacing:.24em;text-transform:uppercase;color:var(--grijs1);white-space:nowrap}
.av-subtotaal__prijs{grid-area:prijs;font:italic 400 1.125rem/1.3 var(--f-serif);color:var(--grijs1)}
@media (min-width:768px){
  .av-subtotaal{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"sil tekst prijs";align-items:end;column-gap:32px;padding:30px 36px 26px}
  .av-subtotaal__zegel{right:44px;top:-26px}
  .av-subtotaal__zegel .s-zegel-svg{width:52px;height:52px}
  .av-subtotaal__stukken{align-self:end;padding:0 4px 6px 4px;min-width:96px}
  .av-subtotaal__stukken .av-mini{height:62px;max-width:86px;margin-left:-20px}
  .av-subtotaal__stukken .av-mini img,.av-subtotaal__stukken .av-mini canvas{max-height:62px;max-width:86px}
  .av-subtotaal__label{font-size:.75rem;letter-spacing:.36em}
  .av-subtotaal__eenheid{font-size:.75rem;letter-spacing:.3em}
  .av-subtotaal__prijs{text-align:right;padding-bottom:4px}
}
@media (prefers-reduced-motion:no-preference){
  .is-stempel .s-zegel-svg{animation:av-stempel .36s var(--s-ease-stempel) both}
  .is-stempel::after{content:"";position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;pointer-events:none;
    box-shadow:0 0 0 3px rgba(var(--rood-rgb),.3);animation:av-inktring .7s var(--ease) both}
}
.av-lijstvoet{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;margin-top:14px}
.av-lijstvoet .s-pijllink .s-ico{color:var(--dgoud)}
.av-tekstknop{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;border:0;background:none;cursor:pointer;
  font:500 .875rem/1 var(--f-kop);letter-spacing:.18em;text-transform:uppercase;color:var(--grijs1);-webkit-tap-highlight-color:transparent}
.av-tekstknop .s-ico{width:16px;height:16px;color:var(--grijs2)}
.av-tekstknop:hover{color:var(--inkt)}
@media (min-width:768px){.av-tekstknop{font-size:.8125rem}}

/* ================================================================ BEELDMOMENT HOOFDSTUK 1 (offerte p5): het uitgelichte kozijn in de gevel.
   Doek in de verhouding van de render (1800 x 1163), codelabel op de bovenrand, medaillon met de render in uw kleur over de onderrand.
   Wisselen = kruisfade (opacity) + een langzame zoom; de scroll geeft een lichte diepte (--av-uitp, JS). */
.av-uit{position:relative;margin:0 0 clamp(36px,5vw,56px)}
.av-uit__beeld{position:relative;margin:0 -2px}
.av-uit__doek{position:relative;aspect-ratio:1800/1163;overflow:hidden;isolation:isolate;background:var(--rijst)}
.av-uit__laag{position:absolute;inset:0;opacity:0}
.av-uit__laag.is-aan{opacity:1}
.av-uit__laag picture{display:block;height:100%}
/* render iets groter dan het doek: de 1-px rand van de render valt buiten beeld */
.av-uit__laag img{display:block;width:calc(100% + 12px);max-width:none;height:calc(100% + 8px);margin:-4px 0 0 -6px;object-fit:cover;
  transform:scale(calc(1.07 - var(--av-uitp,1) * .07)) translate3d(0,calc((1 - var(--av-uitp,1)) * 14px),0);transform-origin:50% 60%}
.av-uit__nevel{position:absolute;left:-2%;right:-2%;bottom:-1px;height:22%;pointer-events:none;
  background:linear-gradient(180deg,rgba(var(--rijst-rgb),0),rgba(var(--rijst-rgb),.55) 62%,var(--rijst))}
.av-uit__code{position:absolute;left:-2px;top:-11px;z-index:3;height:24px;padding:0 10px;letter-spacing:.16em}
/* medaillon (p5: rond met dubbele goudring, zonschijf en de render erin) */
.av-uit__medaillon{position:absolute;z-index:3;right:14px;bottom:-30px;width:var(--m,98px)}
.av-uit__inzet{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--rijst);
  box-shadow:0 0 0 1px var(--dgoud),0 0 0 5px var(--rijst),0 0 0 6px var(--goud),0 14px 26px -10px rgba(var(--inkt-rgb),.42)}
.av-uit__zon{position:absolute;left:50%;top:46%;width:74%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;
  background:radial-gradient(circle at 44% 40%,rgba(246,228,172,.95),rgba(238,214,150,.72) 54%,rgba(232,200,118,.16) 68%,rgba(232,200,118,0) 70.5%)}
.av-uit__render{position:absolute;inset:16% 14% 14%;display:flex;align-items:flex-end;justify-content:center}
.av-uit__render picture,.av-uit__render .av-doek{display:contents}
.av-uit__render img,.av-uit__render canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;
  filter:drop-shadow(0 5px 5px rgba(var(--inkt-rgb),.18))}
.av-uit__render .av-onbekend{width:56%;height:84%}
.av-uit__aantal{position:absolute;left:-10px;bottom:8%;display:grid;place-items:center;min-width:34px;height:30px;padding:0 8px;rotate:-4deg;
  background:url('../../kit/svg/zegel/leeg.svg?v=648606df') center/100% 100% no-repeat;font:500 .875rem/1 var(--f-mono);color:var(--zegeltekst);font-variant-numeric:tabular-nums}
.av-uit__aantal[hidden]{display:none}
@media (min-width:768px){.av-uit__medaillon{--m:136px;right:28px;bottom:-40px}.av-uit__aantal{height:32px;min-width:40px}}
/* onderschrift: links wat het is, rechts de maat en het aantal (p5), daaronder de medaillonknoppen per positie */
.av-uit__onder{position:relative;padding-top:40px}
.av-uit__leeg{max-width:60ch}
.av-uit__kicker{display:flex;align-items:center;gap:12px;min-height:30px;margin:0 0 10px;font:500 .875rem/1.3 var(--f-kop);letter-spacing:.24em;text-transform:uppercase;color:var(--dgoud)}
.av-uit__ruit{flex:none;width:8px;height:8px;rotate:45deg;background:var(--goud);box-shadow:0 0 0 2px var(--rijst),0 0 0 3px var(--lijn-goud-sterk);margin-inline:2px}
.av-uit__titel{margin:0 0 10px;font:italic 400 1.5rem/1.3 var(--f-serif);color:var(--inkt);text-wrap:balance}
.av-uit__tekst{margin:0 0 22px;color:var(--grijs1);text-wrap:pretty}
@media (min-width:768px){.av-uit__onder{padding-top:30px}.av-uit__leeg{padding-right:170px;max-width:none}.av-uit__kicker{font-size:.75rem;letter-spacing:.3em}.av-uit__titel{font-size:1.75rem}}
.av-uit__vol{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"wat" "cijfers" "keuze";gap:16px}
.av-uit__vol[hidden]{display:none}
.av-uit__wat{grid-area:wat;min-width:0}
.av-uit__naam{margin:0;font:500 1.25rem/1.2 var(--f-kop);letter-spacing:.12em;text-transform:uppercase;color:var(--inkt);text-wrap:balance}
.av-uit__sub{margin:4px 0 0;font:500 .875rem/1.35 var(--f-kop);letter-spacing:.2em;text-transform:uppercase;color:var(--grijs2)}
.av-uit__noot{margin:10px 0 0;font-size:.9375rem;line-height:1.5;color:var(--grijs1);text-wrap:pretty}
.av-uit__cijfers{grid-area:cijfers;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px;padding-top:12px;
  background:linear-gradient(var(--goud),var(--goud)) 0 0/44px 2px no-repeat,linear-gradient(90deg,var(--lijn-goud),rgba(var(--dgoud-rgb),0)) 0 .5px/100% 1px no-repeat}
.av-uit__maat{font-size:1rem;color:var(--inkt)}
.av-uit__maat.is-open{font:italic 400 1.125rem/1.2 var(--f-serif);color:var(--grijs1)}
.av-uit__stuks{display:inline-flex;align-items:baseline;gap:10px}
.av-uit__getal{font-size:2.25rem;line-height:1;color:var(--inkt)}
.av-uit__eenheid{font:500 .875rem/1 var(--f-kop);letter-spacing:.26em;text-transform:uppercase;color:var(--grijs1)}
.av-uit__keuze{grid-area:keuze;display:flex;flex-wrap:wrap;gap:10px;min-width:0}
.av-uit__keuze:empty{display:none}
.av-uitk{position:relative;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;cursor:pointer;background:var(--rijst);
  box-shadow:inset 0 0 0 1px var(--dgoud),inset 0 0 0 4px var(--rijst),inset 0 0 0 5px rgba(var(--dgoud-rgb),.35);
  font:500 .875rem/1 var(--f-mono);letter-spacing:0;color:var(--inkt);-webkit-tap-highlight-color:transparent;transition:background-color .25s var(--ease)}
.av-uitk:hover{background:var(--goudlicht)}
.av-uitk[aria-pressed=true]{background:radial-gradient(circle at 36% 30%,#F6E7BD,var(--goud) 58%,var(--dgoud));
  box-shadow:inset 0 0 0 1px var(--dgoud),inset 0 0 0 3px rgba(255,250,232,.55),0 3px 10px rgba(var(--dgoud-rgb),.28)}
.av-uitk:focus-visible{outline:0;box-shadow:0 0 0 2px var(--rijst),0 0 0 4px var(--inkt)}
.av-uitk--meer{display:inline-flex;align-items:center;min-height:48px;padding:0 6px;font:italic 400 1.0625rem/1 var(--f-serif);color:var(--grijs1)}
@media (min-width:768px){
  .av-uit__vol{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"wat cijfers" "keuze keuze";column-gap:40px;padding-right:176px}
  .av-uit__wat{padding-right:0}
  .av-uit__naam{font-size:1.375rem}
  .av-uit__sub{font-size:.75rem;letter-spacing:.26em}
  .av-uit__cijfers{flex-direction:column;align-items:flex-end;justify-content:flex-start;min-width:180px;background-position:100% 0,0 .5px}
  .av-uit__eenheid{font-size:.75rem;letter-spacing:.3em}
}
@media (prefers-reduced-motion:no-preference){
  html.av-beweeg .av-uit__laag{transition:opacity .8s var(--s-ease-inkt)}
  html.av-beweeg .av-uit__laag:not(.is-aan) img{scale:1.035}
  html.av-beweeg .av-uit__laag img{transition:scale 1.6s var(--s-ease-inkt)}
  html.av-beweeg .av-uit.is-wissel .av-uit__medaillon{animation:av-medaillon .6s var(--s-ease-stempel) both}
}
@keyframes av-medaillon{0%{transform:scale(.86) rotate(-8deg);opacity:.4}100%{transform:none;opacity:1}}

/* "soort nog onbekend": getekend in de inktstijl — gestippeld goudkader (een kozijnopening), 选 (kiezen) en een klein zegel */
.av-onbekend{position:relative;display:grid;place-items:center;width:66px;height:84px}
.av-onbekend__kader{position:absolute;inset:0;border:1.5px dashed var(--dgoud);border-radius:1px;
  box-shadow:inset 0 0 0 5px rgba(var(--rijst-rgb),.6),inset 0 0 0 6px rgba(var(--dgoud-rgb),.28);
  background:linear-gradient(160deg,rgba(255,252,244,.55),rgba(var(--goud-rgb),.12))}
.av-onbekend__teken{position:relative;font-size:2.125rem;line-height:1;color:var(--inkt);opacity:.86}
.av-onbekend__zegel{position:absolute;right:-7px;bottom:-7px;line-height:0}
.av-onbekend__zegel .s-zegel-svg{width:18px;height:18px;rotate:-6deg}
.av-regel .av-onbekend__teken{font-size:2.5rem}
.av-regel .av-onbekend__zegel .s-zegel-svg{width:22px;height:22px}
@media (min-width:768px){.av-regel .av-onbekend__teken{font-size:3.25rem}.av-regel .av-onbekend__zegel .s-zegel-svg{width:26px;height:26px}}
.av-mini .av-onbekend__teken{font-size:1.125rem}
.av-mini .av-onbekend__zegel{display:none}
.av-mini .av-onbekend__kader{box-shadow:none;border-width:1px}

/* ================================================================ OPENING ZELF TOEVOEGEN */
.av-handmatig{margin-top:clamp(28px,4vw,44px);border-block:1px solid var(--lijn-goud)}
.av-handmatig > summary{list-style:none;display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:16px;min-height:72px;padding:14px 0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.av-handmatig > summary::-webkit-details-marker{display:none}
.av-handmatig__plus{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--dgoud),inset 0 0 0 4px var(--rijst),inset 0 0 0 5px rgba(var(--dgoud-rgb),.4);color:var(--dgoud)}
.av-handmatig__plus .s-ico{width:18px;height:18px}
.av-handmatig__kop{display:grid;gap:4px;min-width:0}
.av-handmatig__titel{font:500 1rem/1.25 var(--f-kop);letter-spacing:.14em;text-transform:uppercase;color:var(--inkt)}
.av-handmatig__sub{font-size:.9375rem;line-height:1.4;color:var(--grijs1);text-wrap:pretty}
.av-handmatig__pijl .s-ico{width:20px;height:20px;color:var(--dgoud);transition:rotate .25s var(--ease)}
.av-handmatig[open] .av-handmatig__pijl .s-ico{rotate:180deg}
.av-handmatig > summary:hover .av-handmatig__titel{color:var(--dgoud)}
.av-handmatig > summary:focus-visible{outline:0}
.av-handmatig > summary:focus-visible .av-handmatig__plus{box-shadow:0 0 0 2px var(--rijst),0 0 0 4px var(--inkt)}
.av-handmatig__form{display:grid;gap:20px;padding:8px 0 28px}
.av-veldset{min-width:0;margin:0;padding:0;border:0}
.av-label{display:block;margin:0 0 10px;padding:0;font:500 .875rem/20px var(--f-kop);letter-spacing:.18em;text-transform:uppercase;color:var(--grijs1)}
@media (min-width:768px){.av-label{font-size:.8125rem}}
/* soorttegels: één grondlijn en één beeldvak; de selectiering ligt BINNEN de tegel (buitenmaat blijft gelijk) */
.av-soorten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:600px){.av-soorten{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}
.av-soort{position:relative;display:block;min-width:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.av-soort > input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.av-soort__vak{display:grid;grid-template-rows:100px auto;justify-items:center;align-content:start;gap:12px;height:100%;min-height:154px;padding:14px 8px 12px;text-align:center;
  border:1px solid var(--grijs3);border-radius:var(--straal-s);
  background:radial-gradient(ellipse at 50% 36%,rgba(var(--goud-rgb),.2),rgba(var(--goud-rgb),0) 62%),var(--s-vlak);transition:border-color var(--duur-kort) var(--ease),box-shadow var(--duur-kort) var(--ease)}
.av-soort:hover > input:not(:checked) + .av-soort__vak{border-color:var(--dgoud)}
.av-soort > input:checked + .av-soort__vak{border-color:var(--dgoud);box-shadow:inset 0 0 0 1px var(--dgoud),inset 0 0 0 4px var(--rijst),inset 0 0 0 5px var(--goud);
  background:radial-gradient(ellipse at 50% 36%,rgba(var(--goud-rgb),.34),rgba(var(--goud-rgb),0) 64%),var(--s-vlak-vol)}
.av-soort > input:focus-visible + .av-soort__vak{outline:2px solid var(--inkt);outline-offset:-8px}
/* elk beeld staat op dezelfde grondlijn (onderkant vak, 8 px lucht) en krijgt een optisch gelijke hoogte via --h */
.av-soort__beeld{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:100px;padding-bottom:6px;
  background:radial-gradient(ellipse at 50% 100%,rgba(var(--inkt-rgb),.1),rgba(var(--inkt-rgb),0) 62%) 50% 100%/78% 14px no-repeat}
.av-soort__beeld picture{display:contents}
.av-soort__beeld img{max-width:min(100%,124px);height:calc(88px * var(--h,1));width:auto;object-fit:contain}
.av-soort__naam{font:500 .875rem/1.25 var(--f-kop);letter-spacing:.1em;text-transform:uppercase;color:var(--inkt)}
@media (min-width:768px){.av-soort__naam{font-size:.8125rem;letter-spacing:.14em}}
.av-soort--anders{grid-column:span 2}
.av-soort--anders .av-soort__vak{grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;align-content:center;justify-items:center;text-align:left;gap:12px;min-height:0;padding:14px 8px}
.av-soort--anders .av-soort__beeld{height:auto;padding:4px 0}
.av-soort--anders .av-soort__beeld{align-items:center;background:none;padding:0}
.av-soort--anders .av-soort__tekst{justify-self:start}
@media (min-width:600px){.av-soort--anders .av-soort__vak{grid-template-columns:calc(50% - 6px) minmax(0,1fr);column-gap:22px}}
.av-soort__tekst{display:grid;gap:4px}
.av-soort__sub{font:italic 400 1.0625rem/1.3 var(--f-serif);color:var(--grijs1)}
/* schuifpui: breed en laag, met een dubbele gouden rail onder de vleugels en een schuifpijl over het glas */
.av-soort--schuif .av-soort__beeld img{max-width:min(100%,136px)}
.av-soort__pijl{position:absolute;left:50%;bottom:calc(6px + 88px * var(--h) * .42);translate:-50% 0;display:block;line-height:0;color:var(--dgoud);filter:drop-shadow(0 0 2px rgba(var(--rijst-rgb),.95)) drop-shadow(0 0 1px rgba(var(--rijst-rgb),.95))}
.av-soort__rail{position:absolute;left:50%;bottom:7px;width:min(70%,100px);height:4px;translate:-50% 0;border-block:1px solid var(--dgoud);opacity:.75}
.av-handmatig__intro{margin:0;max-width:60ch;font-size:.9375rem;color:var(--grijs1);text-wrap:pretty}
.av-velden.av-velden--maat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 76px;gap:12px}
@media (min-width:600px){.av-velden.av-velden--maat{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 120px;gap:16px}}
.av .s-veld > .av-eenheid{position:relative;display:block;overflow:visible;font:inherit;letter-spacing:0;text-transform:none;white-space:normal;color:inherit;height:auto}
.av-eenheid > input{padding-right:44px}
.av .s-invoer::placeholder{font:400 1.0625rem/1.4 var(--f-tekst);color:var(--grijs2);opacity:1}
.av-eenheid > input{font-family:var(--f-mono)}
.av .av-eenheid > span{position:absolute;right:12px;top:50%;translate:0 -50%;font:500 .875rem/1 var(--f-mono);letter-spacing:0;text-transform:none;color:var(--inkt2);pointer-events:none}
.av-hint{display:flex;gap:10px;align-items:flex-start;margin:0;font-size:.9375rem;color:var(--grijs1)}
.av-hint .s-ico{width:18px;height:18px;color:var(--dgoud);margin-top:2px}
.av-handmatig__voet{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:6px}
.av-handmatig__voorbeeld{display:flex;align-items:flex-end;gap:18px;min-height:84px}
.av-vb__schets{position:relative;flex:none;display:grid;place-items:end center;padding:0 16px 16px 0}
.av-vb__silhouet{display:grid;place-items:end center;width:var(--w,72px);height:var(--h,60px)}
.av-vb__silhouet picture{display:contents}
.av-vb__silhouet img,.av-vb__silhouet canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(var(--inkt-rgb),.14))}
.av-vb__silhouet .av-onbekend{width:44px;height:56px}
.av-vb__lijn{position:absolute;color:var(--dgoud);font:500 .875rem/1 var(--f-mono)}
.av-vb__lijn--b{left:0;right:16px;bottom:2px;height:8px;border-inline:1px solid currentColor;background:linear-gradient(currentColor,currentColor) 0 50%/100% 1px no-repeat}
.av-vb__lijn--h{top:0;bottom:16px;right:2px;width:8px;border-block:1px solid currentColor;background:linear-gradient(currentColor,currentColor) 50% 0/1px 100% no-repeat}
.av-vb__kader{position:relative;flex:none;display:grid;place-items:center;border:2px solid var(--inkt);border-radius:1px;
  background:linear-gradient(160deg,rgba(214,222,222,.55),rgba(236,232,220,.25));box-shadow:inset 0 0 0 3px var(--rijst),inset 0 0 0 4px rgba(var(--dgoud-rgb),.55)}
.av-vb__tekst{display:grid;gap:4px}
.av-vb__label{font:500 .875rem/1 var(--f-kop);letter-spacing:.24em;text-transform:uppercase;color:var(--grijs2)}
@media (min-width:768px){.av-vb__label{font-size:.75rem;letter-spacing:.3em}}
@media (max-width:480px){.av-handmatig__voet > .s-knop{flex:1 1 100%}}

/* ================================================================ 2 UW GEGEVENS: twee kaders en een inktvignet */
.av-foutlijst{margin:0 0 var(--blok);padding:16px 20px 16px 22px;border-left:3px solid var(--rood);background:rgba(var(--rijst-rgb),.7);
  box-shadow:inset 0 0 0 1px rgba(var(--rood-rgb),.18);scroll-margin-top:calc(var(--s-kop-h) + var(--s-subnav-h) + 24px)}
.av-foutlijst:focus{outline:0}
.av-foutlijst:focus-visible{outline:2px solid var(--inkt);outline-offset:3px}
.av-foutlijst__kop{margin:0 0 6px;font-weight:600;color:var(--inkt)}
.av-foutlijst ul{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.av-foutlijst li{display:flex;gap:12px;align-items:baseline;padding:2px 0}
.av-foutlijst li::before{content:"";flex:none;width:6px;height:6px;rotate:45deg;background:var(--rood);translate:0 -3px}
.av-foutlijst a{display:inline;padding:12px 0;line-height:1.55;color:var(--inkt);text-decoration:underline;text-decoration-color:var(--goud);text-decoration-thickness:2px;text-underline-offset:.22em}
.av-foutlijst a:hover{text-decoration-color:var(--dgoud)}
/* foutregel: zinsletters in de zegelkleur, nooit als label opgemaakt */
.av .av-fout,.av .s-veld > .av-fout{display:flex;align-items:baseline;gap:8px;margin:2px 0 0;overflow:visible;font:500 .9375rem/1.4 var(--f-tekst);letter-spacing:0;text-transform:none;white-space:normal;color:var(--rood)}
.av .av-fout::before{content:"";flex:none;width:6px;height:6px;rotate:45deg;background:var(--rood);translate:0 -2px}
.av .av-fout[hidden]{display:none}
.av .s-invoer[aria-invalid=true]{border-color:rgba(var(--rood-rgb),.6);border-bottom-color:rgba(var(--rood-rgb),.6);box-shadow:inset 4px 0 0 var(--rood)}
.av .s-invoer[aria-invalid=true]:focus{box-shadow:inset 4px 0 0 var(--rood),0 0 0 1px var(--dgoud),0 0 0 4px rgba(var(--goud-rgb),.25)}

.av-blok{padding:30px 20px 26px}
@media (min-width:768px){.av-blok{padding:40px 40px 36px}}
.av-blok__kop{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:4px;align-items:center;margin:0 0 24px;padding-bottom:16px;
  background:linear-gradient(90deg,var(--lijn-goud-sterk),rgba(var(--dgoud-rgb),.08)) 0 100%/100% 1px no-repeat}
.av-blok__ruit{width:9px;height:9px;rotate:45deg;background:var(--goud);box-shadow:0 0 0 2px var(--rijst),0 0 0 3px var(--lijn-goud-sterk);margin-inline:3px}
.av-blok__titel{margin:0;font:400 1.25rem/1.15 var(--f-kop);letter-spacing:.24em;text-transform:uppercase;color:var(--inkt)}
.av-blok__sub{grid-column:2;margin:0;font:italic 400 1.125rem/1.3 var(--f-serif);color:var(--grijs1)}
@media (min-width:768px){
  .av-blok__kop{grid-template-columns:auto auto minmax(0,1fr)}
  .av-blok__titel{font-size:1.375rem}
  .av-blok__sub{grid-column:3;justify-self:end;text-align:right}
}
.av-velden{display:grid;grid-template-columns:minmax(0,1fr);gap:20px 24px;align-items:start}
@media (min-width:640px){.av-velden{grid-template-columns:repeat(2,minmax(0,1fr))}.av-veld--breed{grid-column:1 / -1}}
.av-ster{color:var(--dgoud);text-decoration:none;border:0;cursor:help}
.av-optie{font:italic 400 .9375rem/1 var(--f-serif);letter-spacing:0;text-transform:none;color:var(--grijs2)}
.av-contactregel{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;margin:10px 0 -4px;padding:2px 0 2px 14px;border-left:2px solid var(--goud)}
.av-contactregel__kop{font:500 .9375rem/1.3 var(--f-kop);letter-spacing:.22em;text-transform:uppercase;color:var(--dgoud)}
.av-blok .s-veld > span:first-child{color:var(--grijs2)}
@media (min-width:768px){.av-contactregel__kop{font-size:.875rem;letter-spacing:.26em}.av-blok .s-veld > span:first-child{font-size:.75rem;letter-spacing:.2em}}
.av-blok--contact{overflow:clip}
.av-blok__orn{display:none}
@media (min-width:1024px){
  .av-blok__orn{display:block;position:absolute;right:30px;bottom:24px;width:180px;height:96px;pointer-events:none;opacity:.7;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}
  .av-blok__orn-berg{position:absolute;inset:auto 0 0 0;height:70px;background:url('../../kit/afgeleid/bergen-ver-web.webp?v=5988c592') 100% 100%/auto 100% no-repeat;opacity:.55}
  .av-blok__orn-den{position:absolute;right:36px;bottom:14px;width:44px;aspect-ratio:60.5/66.7;background:url('../../kit/svg/land/den.svg?v=bb26820b') center bottom/contain no-repeat;opacity:.8}
  .av-blok--contact .av-veldset--rol{padding-right:184px}
}
.av-contactregel__noot{font:italic 400 1.0625rem/1.3 var(--f-serif);color:var(--grijs1)}
.av-veldset--rol{margin-top:28px}
.av-form .s-keuze span .s-ico{width:18px;height:18px;color:var(--dgoud)}
.av-form .s-veld > span:first-child{overflow:visible}
.av .s-keuze input:checked + span{box-shadow:inset 0 0 0 1px var(--dgoud),inset 0 0 0 4px var(--rijst),inset 0 0 0 5px var(--goud);background:var(--s-vlak-vol)}
.av .s-keuze > span{position:relative}
.av .s-keuze input:checked + span::after{content:"";position:absolute;right:-6px;top:-7px;width:18px;height:18px;rotate:-6deg;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.5 9.5l3 3 6-7' fill='none' stroke='%23F4ECD8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat,
    url('../../kit/svg/zegel/leeg.svg?v=648606df') center/100% 100% no-repeat}
@media (max-width:599px){
  .av-form .s-keuzes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .av-form .s-keuze{display:flex;min-width:0}
  .av-form .s-keuze > span{width:100%;justify-content:center;text-align:center;text-wrap:balance}
  .av-form .s-keuze:last-child:nth-child(odd){grid-column:1 / -1}
}
.av-montagenoot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:14px 0 0;font-size:.9375rem;line-height:1.45;color:var(--grijs1)}
/* beeldmoment hoofdstuk 2: inktlandschap met het huis in de mist (zon, verre bergen, huis, mist, nabije bergen, den, mist).
   Elke laag schuift op zijn eigen diepte mee (--av-ly, JS, alleen transform); de mist drijft langzaam (CSS, uit bij reduced motion). */
.av-land{position:relative;height:clamp(250px,40vw,360px);margin:clamp(18px,3vw,30px) -2px;overflow:hidden;isolation:isolate;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.av-land__lagen{position:absolute;inset:0;pointer-events:none}
.av-land__lagen > *{position:absolute;display:block;transform:translate3d(0,calc(var(--av-ly,0px) * var(--d,0)),0)}
.av-land__zon{--d:.15;left:55%;top:8%;width:clamp(150px,22vw,220px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 46% 42%,rgba(246,226,166,.9) 0,rgba(240,214,140,.78) 50%,rgba(236,206,126,.5) 64%,rgba(232,200,118,.12) 69%,rgba(232,200,118,0) 70.5%)}
.av-land__ver{--d:.3;left:-6%;right:-6%;bottom:30%;height:52%;background:url('../../kit/afgeleid/bergen-ver-web.webp?v=5988c592') 30% 100%/auto 100% repeat-x;opacity:.5}
.av-land__huis{--d:.5;left:50%;bottom:18%;width:clamp(210px,36vw,330px);margin-left:-2%;
  -webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 94%);mask-image:linear-gradient(180deg,#000 62%,transparent 94%)}
.av-land__huis picture{display:block}
.av-land__huis img{display:block;width:100%;height:auto;filter:saturate(.86) contrast(.96)}
.av-land__mist{left:-30%;width:160%;pointer-events:none;background:url('../../kit/svg/land/nevel.svg?v=caf49ff3') 0 100%/50% 100% repeat-x}
.av-land__mist--a{--d:.6;bottom:6%;height:36%;opacity:.95}
.av-land__dicht{--d:.85;left:-8%;right:-8%;bottom:-2%;height:42%;background:url('../../kit/afgeleid/bergen-web.webp?v=b7ecbbad') 70% 100%/auto 100% repeat-x;opacity:.42}
.av-land__den{--d:.95;left:12%;bottom:10%;width:clamp(54px,7vw,78px);aspect-ratio:60.5/66.7;background:url('../../kit/svg/land/den.svg?v=bb26820b') center bottom/contain no-repeat;opacity:.7}
.av-land__mist--b{--d:1;bottom:-6%;height:30%;opacity:.9;background-size:42% 100%;background-position:30% 100%}
.av-land__as{position:absolute;left:11%;top:10%;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px}
.av-land__kalli{display:block;width:72px;height:36px;opacity:.85;mix-blend-mode:multiply}
.av-land__zegel{width:22px;height:22px;rotate:-4deg}
.av-land__regel{position:absolute;left:0;right:0;bottom:8px;z-index:2;margin:0;padding:0 16px;text-align:center;font:italic 400 1.125rem/1.35 var(--f-serif);color:var(--inkt2);
  text-shadow:0 0 12px var(--rijst),0 0 4px var(--rijst);text-wrap:balance}
@media (min-width:768px){.av-land__kalli{width:88px;height:44px}.av-land__zegel{width:26px;height:26px}.av-land__regel{font-size:1.25rem;bottom:14px}}
@media (prefers-reduced-motion:no-preference){
  html.av-beweeg .av-land__mist--a{animation:av-drift 46s linear infinite}
  html.av-beweeg .av-land__mist--b{animation:av-drift 34s linear infinite reverse}
}
@keyframes av-drift{from{translate:0 0}to{translate:-25% 0}}
/* over het project: tweekoloms label/waarde-ritme zoals "Uitgangspunten" (p16) */
.av-rijen{display:grid}
.av-rij{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:14px 0 18px;border-top:1px solid var(--lijn-goud-zacht)}
.av-rij:first-child{border-top:0;padding-top:2px}
.av-rij:last-child{padding-bottom:0}
.av-rij__label{display:flex;align-items:center;gap:12px;min-height:44px;margin:0;font:500 .875rem/1.35 var(--f-kop);letter-spacing:.18em;text-transform:uppercase;color:var(--inkt)}
.av-rij__nr{flex:none;min-width:12px;font:500 .875rem/1 var(--f-mono);letter-spacing:0;color:var(--dgoud)}
.av-rij__veld{min-width:0}
.av-rij textarea.s-invoer{min-height:112px}
@media (min-width:768px){
  .av-rij{grid-template-columns:200px minmax(0,1fr);column-gap:28px;align-items:start}
  .av-rij__label{font-size:.8125rem;min-height:52px}
  .av-rij[role=radiogroup] .av-rij__label{min-height:48px}
}

/* ================================================================ 3 TEKENINGEN — beeldmoment: de modelwoning in de schemering (p4/p5).
   Bij elk medaillon gaat het licht in zijn eigen opening aan (h3-licht, mix-blend screen, per raam een clip-path). Medaillons staan boven
   het glas van hun opening; de gouden aanwijslijn loopt tot op de latei (--gat = vrije muur boven de opening, in % van het beeld). */
.av-gevel{position:relative;margin:0 0 clamp(32px,4.4vw,52px)}
.av-gevel__beeld{position:relative;overflow:hidden;margin:0 -2px;--x0:.27;--vis:.58;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
@media (min-width:600px){.av-gevel__beeld{--x0:.12;--vis:.78}}
@media (min-width:1024px){.av-gevel__beeld{--x0:.07;--vis:.84}}
.av-gevel__doek{position:relative;width:calc(100% / var(--vis));margin-left:calc(-100% * var(--x0) / var(--vis));isolation:isolate}
.av-gevel__doek > picture{display:block}
.av-gevel__doek > picture img{display:block;width:100%;height:auto}
.av-gevel__licht{position:absolute;inset:0;mix-blend-mode:screen;pointer-events:none}
.av-gevel__licht picture{display:block;height:100%}
.av-gevel__licht img{display:block;width:100%;height:100%}
.av-gevel__licht.is-verdeeld{visibility:hidden}
.av-licht{position:absolute;inset:0;mix-blend-mode:screen;pointer-events:none}
.av-licht picture{display:block;height:100%}
.av-licht img{display:block;width:100%;height:100%}
.av-gevel__nevel{position:absolute;left:0;right:0;bottom:-2px;height:14%;pointer-events:none;
  background:linear-gradient(180deg,rgba(var(--rijst-rgb),0),rgba(var(--rijst-rgb),.8) 70%,var(--rijst))}
.av-gevel__pins{position:absolute;inset:0;z-index:2}
.av-pin{position:absolute;left:var(--px);top:calc(var(--py) - var(--gat));height:var(--gat);width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.av-pin > b{flex:none;display:grid;place-items:center;width:var(--pd,24px);height:var(--pd,24px);border-radius:50%;
  background:radial-gradient(circle at 38% 32%,#F6E7BD,var(--goud) 58%,var(--dgoud));color:var(--inkt);
  box-shadow:inset 0 0 0 1px var(--dgoud),inset 0 0 0 3px rgba(255,250,232,.55),0 0 0 1.5px rgba(var(--rijst-rgb),.55),0 3px 8px rgba(var(--inkt-rgb),.35);
  font:500 .875rem/1 var(--f-kop);font-variant-numeric:lining-nums}
.av-pin::after{content:"";flex:none;width:1.5px;height:var(--lijn,4px);background:linear-gradient(180deg,var(--goud),var(--dgoud))}
@media (min-width:768px){.av-pin{--pd:28px;--lijn:8px}.av-pin > b{font-size:1rem}}
html.av-beweeg .av-gevel:not(.is-zichtbaar) .av-pin{opacity:0;transform:translate3d(0,-10px,0) scale(.7)}
html.av-beweeg .av-pin{transition:opacity .45s var(--ease) calc(var(--i) * 260ms + 250ms),transform .55s var(--s-ease-stempel) calc(var(--i) * 260ms + 250ms)}
html.av-beweeg .av-gevel:not(.is-zichtbaar) .av-licht{opacity:0}
html.av-beweeg .av-licht{transition:opacity 1.1s var(--ease) calc(var(--i) * 260ms + 420ms)}
.av-gevel__onder{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-top:10px;padding-top:14px;
  background:linear-gradient(var(--lijn-goud-sterk),var(--lijn-goud-sterk)) 0 0/100% 1px no-repeat,linear-gradient(var(--lijn-goud),var(--lijn-goud)) 0 4px/100% 1px no-repeat}
.av-gevel__label{font:500 .875rem/1.3 var(--f-kop);letter-spacing:.28em;text-transform:uppercase;color:var(--dgoud)}
@media (min-width:768px){.av-gevel__label{font-size:.75rem;letter-spacing:.34em}}
.av-gevel__tekst{flex:1 1 280px;font:italic 400 1.125rem/1.4 var(--f-serif);color:var(--grijs1);text-wrap:pretty}
@media (min-width:768px){.av-gevel__tekst{font-size:1.1875rem}}

.av-bijlagen{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:stretch}
@media (min-width:900px){.av-bijlagen{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:28px}}
/* vinkje: een echt aan/uit-vak (dubbele goudlijn → goud gevuld met vinkje), kaart goud omrand bij aan */
.av-vinkje{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;align-items:start;align-content:space-between;padding:24px 22px 20px;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:box-shadow var(--duur-kort) var(--ease),background-color var(--duur-kort) var(--ease)}
.av-vinkje:hover{background-color:rgba(var(--goud-rgb),.1)}
.av-vinkje input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}
.av-vinkje__vak{display:grid;place-items:center;width:32px;height:32px;margin-top:1px;border-radius:2px;background:var(--rijst);color:var(--inkt);
  box-shadow:inset 0 0 0 1.5px var(--dgoud),inset 0 0 0 4px var(--rijst),inset 0 0 0 5px rgba(var(--dgoud-rgb),.35);transition:background-color .2s var(--ease)}
.av-vinkje__vink{width:20px;height:20px;opacity:0;scale:.5;transition:opacity .18s var(--ease),scale .24s var(--s-ease-stempel)}
.av-vinkje:has(input:checked){background:radial-gradient(ellipse at 20% 0%,rgba(var(--goud-rgb),.26),rgba(var(--goud-rgb),0) 60%),var(--s-vlak-vol)}
.av-vinkje:has(input:checked) .av-vinkje__vak{background:radial-gradient(circle at 36% 30%,#F6E7BD,var(--goud) 58%,var(--dgoud));box-shadow:inset 0 0 0 1px var(--dgoud),0 2px 6px rgba(var(--dgoud-rgb),.3)}
.av-vinkje:has(input:checked) .av-vinkje__vink{opacity:1;scale:1}
.av-vinkje:has(input:focus-visible){outline:2px solid var(--inkt);outline-offset:3px}
.av-vinkje__tekst{display:grid;gap:6px}
.av-vinkje__tekst b{font-weight:600;color:var(--inkt);line-height:1.35;text-wrap:balance}
.av-vinkje__tekst small{font-size:.9375rem;line-height:1.45;color:var(--grijs1)}
.av-vinkje__stand::before{content:attr(data-uit);font:italic 400 1.0625rem/1.3 var(--f-serif);color:var(--grijs2)}
.av-schets{grid-column:1 / -1;display:grid;justify-items:center;gap:6px;margin-top:12px;padding-top:16px;border-top:1px solid var(--lijn-goud-zacht)}
.av-schets svg{display:block;width:220px;max-width:100%;height:auto;overflow:visible}
.av-schets__inkt{stroke:var(--inkt2)}
.av-schets__maat,.av-schets__lijn{stroke:var(--dgoud)}
.av-schets__nrs circle{fill:var(--goud);stroke:var(--dgoud);stroke-width:1}
.av-schets__cijfers{font:500 14px/1 var(--f-kop);fill:var(--inkt)}
.av-schets__onder{font:italic 400 1.0625rem/1.3 var(--f-serif);color:var(--grijs1);text-align:center}
@media (prefers-reduced-motion:no-preference){
  html.av-beweeg .av-schets__inkt path,html.av-beweeg .av-schets__inkt rect{stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset 1.8s var(--s-ease-inkt)}
  html.av-beweeg .av-schets.is-zichtbaar .av-schets__inkt path,html.av-beweeg .av-schets.is-zichtbaar .av-schets__inkt rect{stroke-dashoffset:0}
  html.av-beweeg .av-schets:not(.is-zichtbaar) .av-schets__nrs,html.av-beweeg .av-schets:not(.is-zichtbaar) .av-schets__cijfers{opacity:0}
  html.av-beweeg .av-schets__nrs,html.av-beweeg .av-schets__cijfers{transition:opacity .5s var(--ease) 1.2s}
}
.av-vinkje:has(input:checked) .av-vinkje__stand::before{content:attr(data-aan);color:var(--dgoud)}
.av-tips{padding:24px 22px 20px;align-self:stretch}
.av-tips__kop{margin:0 0 14px;font:500 .875rem/1.3 var(--f-kop);letter-spacing:.24em;text-transform:uppercase;color:var(--inkt)}
@media (min-width:768px){.av-tips__kop{font-size:.8125rem;letter-spacing:.28em}}
/* tips genummerd met dezelfde medaillons als de gevel */
.av-tips__lijst{list-style:none;display:grid;gap:12px;margin:0;padding:0;counter-reset:tip}
.av-tips__lijst li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:baseline;counter-increment:tip;font-size:.9375rem;line-height:1.5;color:var(--inkt2)}
.av-tips__lijst li::before{content:counter(tip);display:grid;place-items:center;width:24px;height:24px;translate:0 5px;border-radius:50%;
  background:radial-gradient(circle at 38% 32%,#F6E7BD,var(--goud) 58%,var(--dgoud));box-shadow:inset 0 0 0 1px var(--dgoud);font:500 .8125rem/1 var(--f-kop);color:var(--inkt)}
@media (max-width:767px){.av-tips__lijst li::before{font-size:.875rem}}
.av-klein{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--lijn-goud-zacht);font-size:.9375rem;line-height:1.5;color:var(--grijs1);text-wrap:pretty}
.av-klein a{overflow-wrap:anywhere;display:inline-block;padding-block:12px;margin-block:-12px}

/* ================================================================ 4 BRIEF (p2) — de e-mail op rijstpapier, met briefhoofd en folio */
.av-brief{position:relative;padding:28px 22px 22px;background:linear-gradient(170deg,rgba(255,252,244,.72),rgba(var(--rijst-rgb),.4));
  box-shadow:0 30px 50px -34px rgba(var(--inkt-rgb),.42),0 2px 8px rgba(var(--inkt-rgb),.05)}
@media (min-width:768px){.av-brief{padding:44px 52px 36px}}
/* het vel schuift bij binnenkomst één keer licht omhoog (alleen transform; niets bij reduced motion) */
html.av-beweeg .av-brief{transform-origin:50% 100%;will-change:transform;
  transform:perspective(1600px) translate3d(0,calc(var(--av-kant,0) * 46px),0) rotateX(calc(var(--av-kant,0) * 14deg)) rotate(calc(var(--av-kant,0) * -.8deg));
  box-shadow:0 calc(30px - var(--av-kant,0) * 16px) calc(50px - var(--av-kant,0) * 24px) -34px rgba(var(--inkt-rgb),calc(.42 - var(--av-kant,0) * .16)),0 2px 8px rgba(var(--inkt-rgb),.05)}
.av-brief__hoofd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding-bottom:14px}
.av-brief__merk{display:inline-flex;align-items:center;gap:12px}
.av-brief__merk img{width:32px;height:32px;border-radius:50%;box-shadow:0 0 0 1px var(--lijn-goud-sterk),0 0 0 3px var(--rijst),0 0 0 4px var(--lijn-goud-zacht)}
.av-brief__naam{font:500 .875rem/1 var(--f-kop);letter-spacing:.28em;text-transform:uppercase;color:var(--inkt);white-space:nowrap}
.av-brief__naam b{font-weight:500;color:var(--dgoud)}
.av-brief__kenmerk{display:inline-flex;gap:10px;font:500 .875rem/1 var(--f-mono);letter-spacing:.06em;color:var(--grijs2);white-space:nowrap}
.av-brief__kenmerk > span:first-child{letter-spacing:.24em;text-transform:uppercase;color:var(--dgoud)}
@media (min-width:768px){.av-brief__naam{font-size:.8125rem;letter-spacing:.3em}.av-brief__kenmerk{font-size:.8125rem}}
.av-brief__kop{display:grid;gap:0;margin:0 0 28px;padding-top:6px;
  background:linear-gradient(var(--lijn-goud-sterk),var(--lijn-goud-sterk)) 0 0/100% 1px no-repeat,linear-gradient(var(--lijn-goud),var(--lijn-goud)) 0 4px/100% 1px no-repeat}
.av-brief__kop > div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:9px 0;border-bottom:1px solid rgba(var(--dgoud-rgb),.3)}
@media (min-width:600px){.av-brief__kop > div{grid-template-columns:116px minmax(0,1fr);gap:16px;align-items:baseline}}
.av-brief__kop dt{font:500 .875rem/1.3 var(--f-kop);letter-spacing:.24em;text-transform:uppercase;color:var(--grijs2)}
@media (min-width:768px){.av-brief__kop dt{font-size:.75rem;letter-spacing:.3em}}
.av-brief__kop dd{margin:0;font-size:.9375rem;line-height:1.45;color:var(--inkt);overflow-wrap:anywhere}
.av-brief__onderwerp{font-weight:600;text-wrap:balance}
.av-brief__papier{position:relative}
/* ingeklapt: harde snede op een regelgrens + stippellijn, nooit half doorzichtige tekst */
.av-brief__papier.is-ingeklapt{max-height:var(--av-dicht,560px);overflow:hidden;border-bottom:1px dashed var(--lijn-goud-sterk)}
.av-brief__tekst{max-width:640px;font-size:1rem;line-height:1.65;color:var(--inkt2)}
.av-brief__tekst:focus-visible{outline:2px solid var(--dgoud);outline-offset:8px}
@media (min-width:768px){.av-brief__tekst{font-size:1.0625rem}}
.av-b{margin:0;white-space:pre-wrap;overflow-wrap:break-word}
.av-b--wit{display:block;height:.8em;clear:both}
.av-b--aanhef{font:italic 400 1.5rem/1.35 var(--f-serif);color:var(--inkt)}
.av-b--intro{color:var(--inkt2)}
/* positieregels: K-code · naam (vet) · daaronder maat · aantal · kleur in mono; elk gegeven breekt nooit */
.av-b--pos{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:baseline;margin-top:10px;white-space:normal}
.av-b__code{justify-self:start;height:20px;padding:0 6px;font-size:.75rem;letter-spacing:.1em;translate:0 -2px}
@media (max-width:767px){.av-b__code{font-size:.875rem;height:22px}.av-b--pos{grid-template-columns:54px minmax(0,1fr);gap:10px}}
.av-b__regel{display:grid;gap:1px;min-width:0}
.av-b__naam{font-weight:600;color:var(--inkt);line-height:1.4}
.av-b__gegevens{display:flex;flex-wrap:wrap;column-gap:0;font:500 .875rem/1.6 var(--f-mono);color:var(--inkt2);font-variant-numeric:tabular-nums}
.av-b__gegevens > span{white-space:nowrap}
.av-b__gegevens > span + span::before{content:"·";margin:0 .6em;color:var(--dgoud)}
@media (max-width:767px){.av-b__gegevens > .av-b__kl{flex-basis:100%}.av-b__gegevens > .av-b__kl::before{content:none}}
.av-b__mono{font:500 .875rem/1.6 var(--f-mono);color:var(--inkt);font-variant-numeric:tabular-nums}
.av-b--sub{padding-left:64px;font:400 .875rem/1.55 var(--f-mono);color:var(--grijs1);white-space:normal}
@media (max-width:767px){.av-b--sub{padding-left:64px}}
.av-b--sub .av-b__subl{color:var(--grijs2)}
.av-b__link{color:var(--dgoud);text-decoration:underline;text-decoration-color:rgba(var(--dgoud-rgb),.45);text-underline-offset:.2em;font-family:var(--f-tekst)}
.av-b--totaal{margin-top:12px;padding:10px 0 0 64px;
  background:linear-gradient(var(--goud),var(--goud)) 64px 0/44px 2px no-repeat,linear-gradient(90deg,var(--grijs3),rgba(200,191,174,0)) 64px .5px/calc(100% - 64px) 1px no-repeat}
.av-b--totaal .av-b__mono{font-weight:600}
.av-b--kop{margin-top:2px;font:500 .875rem/1.6 var(--f-kop);letter-spacing:.24em;text-transform:uppercase;color:var(--dgoud)}
@media (min-width:768px){.av-b--kop{font-size:.75rem;letter-spacing:.3em}}
.av-b__label{color:var(--grijs2)}
.av-b__waarde{color:var(--inkt)}
.av-b--groet{font:italic 400 1.25rem/1.4 var(--f-serif);color:var(--inkt2)}
.av-b--naam{display:inline-block;min-width:min(100%,280px);max-width:calc(100% - 90px);margin-top:4px;padding:0 24px 8px 0;font:italic 400 1.875rem/1.15 var(--f-serif);color:var(--inkt);
  background:linear-gradient(var(--goud),var(--goud)) 0 100%/100% 1px no-repeat,linear-gradient(var(--lijn-goud),var(--lijn-goud)) 0 calc(100% - 4px)/100% 1px no-repeat}
.av-b--bron{margin-top:6px;font-size:.875rem;color:var(--grijs2)}
.av-b--noot{font:italic 400 1.125rem/1.4 var(--f-serif);color:var(--grijs1)}
.av-brief__meer{margin-top:10px}
.av-brief__meer .s-ico{transition:rotate .25s var(--ease)}
.av-brief__meer.is-open .s-ico{rotate:180deg}
/* folio (p2-voet) */
.av-brief__folio{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:28px;
  font:500 .875rem/1 var(--f-kop);letter-spacing:.24em;text-transform:uppercase;color:var(--dgoud)}
.av-brief__foliolijn{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--grijs2)}
.av-brief__foliolijn::before,.av-brief__foliolijn::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--lijn-goud))}
.av-brief__foliolijn::after{background:linear-gradient(90deg,var(--lijn-goud),transparent)}
.av-brief__folio > span:last-child{color:var(--inkt)}
@media (min-width:768px){.av-brief__folio{font-size:.6875rem;letter-spacing:.3em}}
@media (max-width:519px){.av-brief__foliolijn{gap:0}.av-brief__foliolijn > span,.av-brief__foliolijn::after{display:none}}
/* 函: vooraf een lichte concept-afdruk, na "Open e-mail" stempelt hij vol */
.av-brief__stempel{position:absolute;right:20px;bottom:64px;z-index:2;pointer-events:none;opacity:.13;transition:opacity .3s var(--ease)}
.av-brief__stempel .s-zegel-svg{width:52px;height:52px;rotate:-6deg}
@media (min-width:768px){.av-brief__stempel{right:52px;bottom:76px}.av-brief__stempel .s-zegel-svg{width:76px;height:76px}}
.av-brief.is-gestempeld .av-brief__stempel{opacity:.94}
@media (prefers-reduced-motion:no-preference){
  .av-brief.is-gestempeld .av-brief__stempel{animation:av-stempel-groot .34s var(--s-ease-stempel) both}
  .av-brief.is-gestempeld .av-brief__stempel::after{content:"";position:absolute;inset:-14%;border-radius:50%;box-shadow:0 0 0 3px rgba(var(--rood-rgb),.35);animation:av-inktring .7s var(--ease) both}
}
@keyframes av-stempel-groot{0%{opacity:.13;scale:1.5;rotate:-16deg}70%{opacity:.94}100%{opacity:.94;scale:1;rotate:0deg}}
@keyframes av-stempel{0%{transform:scale(1.15) rotate(-6deg);opacity:.5}100%{transform:none;opacity:1}}
@keyframes av-inktring{0%{opacity:.6;transform:scale(.8)}100%{opacity:0;transform:scale(1.35)}}

/* akkoordblok (p16): twee tekenlijnen */
.av-akkoord{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;margin-top:clamp(40px,5vw,60px);padding-top:24px;
  background:linear-gradient(var(--lijn-goud-sterk),var(--lijn-goud-sterk)) 0 0/100% 1px no-repeat,linear-gradient(var(--lijn-goud),var(--lijn-goud)) 0 4px/100% 1px no-repeat}
@media (min-width:768px){.av-akkoord{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}}
.av-akkoord__kol{min-width:0}
.av-akkoord__label{margin:0 0 12px;font:500 .875rem/1.3 var(--f-kop);letter-spacing:.24em;text-transform:uppercase;color:var(--dgoud)}
@media (min-width:768px){.av-akkoord__label{font-size:.75rem;letter-spacing:.3em}}
.av-akkoord__teken{position:relative;display:flex;align-items:flex-end;gap:16px;min-height:64px;margin:0;padding:0 0 10px 14px;
  font:italic 400 1.875rem/1.1 var(--f-serif);color:var(--inkt);
  background:linear-gradient(var(--goud),var(--goud)) 0 100%/100% 1px no-repeat,linear-gradient(var(--lijn-goud),var(--lijn-goud)) 0 calc(100% - 4px)/100% 1px no-repeat}
/* lege handtekening: gestippelde gouden regel met een kleine cursieve aanwijzing */
.av-akkoord__teken.is-leeg{background:radial-gradient(circle,var(--dgoud) 0 1px,transparent 1.4px) 0 100%/7px 3px repeat-x}
.av-hier{font:italic 400 1.125rem/1.2 var(--f-serif);color:var(--grijs2)}
.av-hier::before{content:"";display:inline-block;width:18px;height:1px;margin:0 10px 5px 0;vertical-align:middle;background:var(--dgoud)}
.av-akkoord__teken .av-handnaam{font-size:1.875rem;font-weight:400}
.av-akkoord__teken .av-leegnaam{font-size:1.375rem}
.av-akkoord__teken--dsd .s-zegel-svg{width:48px;height:48px;rotate:-5deg;margin-bottom:-2px}
.av-akkoord__onder{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 16px;min-height:44px;margin:4px 0 0;font-size:.9375rem;color:var(--grijs1)}
.av-akkoord__onder .s-mono{font-size:.875rem;color:var(--grijs1)}
.av-akkoord__onder .s-tel{display:inline-flex;align-items:center;min-height:44px;font-size:.9375rem;color:var(--inkt);text-decoration:none}
.av-akkoord__onder .s-tel:hover{text-decoration:underline;text-decoration-color:var(--goud)}
.av-akkoord__tekst{margin:10px 0 0;font-size:.9375rem;line-height:1.55;color:var(--grijs1)}
.av-mailregel{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:2px;font:500 .9375rem/1.2 var(--f-mono);color:var(--inkt);text-decoration:none}
.av-mailregel .s-ico{width:18px;height:18px;color:var(--dgoud)}
.av-mailregel span{text-decoration:underline;text-decoration-color:rgba(var(--goud-rgb),.8);text-underline-offset:.25em}
.av-mailregel:hover span{text-decoration-color:var(--dgoud)}
.av-verstuur{display:grid;gap:12px;margin-top:22px}
.av-verstuur__mail{min-height:56px}
.av-verstuur .s-knop{width:100%}
.av-melding{margin:12px 0 0;min-height:1.4em;font-size:.9375rem;line-height:1.45;color:var(--inkt2)}
.av-melding:empty{margin:0;min-height:0}
.av-kopie{margin-top:12px;min-height:160px;font:400 .9375rem/1.5 var(--f-mono)}
/* de handtekening schrijft zich (clip-path van links naar rechts) */
@media (prefers-reduced-motion:no-preference){.av-schrijf{animation:av-schrijf 1.1s cubic-bezier(.45,.05,.3,1) both}}
@keyframes av-schrijf{from{clip-path:inset(-20% 100% -40% -4%)}to{clip-path:inset(-20% -4% -40% -4%)}}

/* bedankt-toestand */
.av-na{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;margin-top:28px;padding:24px 22px}
.av-na > .s-zegel-svg{rotate:-4deg}
.av-na__tekst .s-h3{margin:4px 0 8px}
.av-na__tekst p{margin:0 0 10px;color:var(--inkt2)}
.av-na__kop{margin-top:16px!important;font:500 .875rem/1.3 var(--f-kop);letter-spacing:.24em;text-transform:uppercase;color:var(--dgoud)}
@media (min-width:768px){.av-na{padding:28px 32px}.av-na__kop{font-size:.75rem;letter-spacing:.3em}}
.av-na__lijst{list-style:none;display:grid;gap:8px;margin:0 0 14px;padding:0;counter-reset:na}
.av-na__lijst li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;counter-increment:na;font-size:.9375rem;line-height:1.5}
.av-na__lijst li::before{content:counter(na);font:500 .875rem/1.65 var(--f-mono);color:var(--dgoud)}
.av-na__knoppen{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
@media (prefers-reduced-motion:no-preference){.av-na.is-nieuw{animation:av-vloei .5s var(--s-ease-inkt) both}.av-na.is-nieuw > .s-zegel-svg{animation:s-stempel-in .3s var(--s-ease-stempel) .25s both}}
@media (max-width:599px){.av-na{grid-template-columns:minmax(0,1fr);gap:10px}.av-na > .s-zegel-svg{width:40px;height:40px}}
.is-verstuurd .av-afspraken > div:first-child{display:none}

/* p16-regels onder het akkoord */
.av-afspraken{margin-top:clamp(40px,5vw,56px)}
.av-afsprakentabel{margin-top:clamp(24px,3vw,36px);margin-bottom:0}

/* ================================================================ MOBIEL: vaste onderbalk in stap 4 (dekkend) */
.av-vastbalk{display:none}
@media (max-width:767px){
  .av-vastbalk:not([hidden]){position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--z-kop) + 1);display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:10px;
    padding:5px var(--s-goot) calc(5px + env(safe-area-inset-bottom));background:var(--rijst) url('../../kit/assets/orn/rijstpapier-tegel.jpg?v=766948a5') 0 0/768px 768px repeat;
    border-top:1px solid var(--lijn-goud);transform:translateY(110%);transition:transform .22s var(--ease);visibility:hidden}
  .av-vastbalk.is-zichtbaar{transform:none;visibility:visible}
  .av-vastbalk .s-knop{min-width:0;min-height:52px;padding-inline:14px}
  .av-vastbalk__kopieer{padding:0!important}
  .av-body.av-met-balk .s-toast{bottom:calc(76px + env(safe-area-inset-bottom))}
  .av-body.av-met-balk .s-actiebalk{visibility:hidden}
}
@media (max-width:767px) and (prefers-reduced-motion:reduce){.av-vastbalk:not([hidden]){transition:none}}
/* toast nooit tikvlakken laten blokkeren */
.av-body .s-toast{pointer-events:none}

/* ================================================================ SLOT (p17): logo · 谢谢 · citaat · ornament · bedrijf; het schip vaart over de golflijn de voet in */
.av-slot{position:relative;z-index:1;padding-top:calc(var(--sectie) * 1.1);text-align:center;overflow:clip;isolation:isolate}
.av-slot__tak{z-index:-1;top:0;right:-30px;width:clamp(190px,26vw,400px);clip-path:inset(0 30px 0 0)}
.av-slot__binnen{position:relative}
.av .av-slot__logo{display:block;margin:0 auto 20px}
.av-slot__xiexie{display:block;width:112px;height:56px;margin:0 auto 18px;opacity:.9;mix-blend-mode:multiply}
@media (min-width:768px){.av-slot__xiexie{width:136px;height:68px}}
.av-slot__citaat{max-width:34ch;margin:0 auto;font:italic 400 1.3125rem/1.4 var(--f-serif);color:var(--inkt2);text-wrap:balance}
@media (min-width:768px){.av-slot__citaat{font-size:1.625rem}}
.av-slot__lijn{margin:24px auto 22px}
.av-slot__kop{margin:0}
.av-slot__tekst{max-width:46ch;margin:12px auto 0;color:var(--grijs1);text-wrap:balance}
.av-slot__bedrijf{display:grid;justify-items:center;gap:4px;margin:26px 0 0}
.av-slot__bedrijf b{font:500 .875rem/1.3 var(--f-kop);letter-spacing:.26em;text-transform:uppercase;color:var(--inkt)}
.av-slot__bedrijf span{font-size:.875rem;line-height:1.45;color:var(--grijs1)}
@media (min-width:768px){.av-slot__bedrijf b{font-size:.8125rem;letter-spacing:.3em}}
.av-slot__contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;margin:6px 0 0}
.av-slot__contact a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:500 .9375rem/1.2 var(--f-mono);color:var(--inkt);text-decoration:none;white-space:nowrap}
.av-slot__contact a .s-ico{width:16px;height:16px;color:var(--dgoud)}
.av-slot__contact a:hover{text-decoration:underline;text-decoration-color:var(--goud)}
.av-ruitje{display:inline-block;flex:none;width:5px;height:5px;margin:0 16px;rotate:45deg;background:var(--goud)}
.av-slot__werkwijze{display:inline-flex;width:auto;margin-top:8px}
@media (max-width:599px){
  .av-slot__contact{flex-direction:column}
  .av-slot__contact .av-ruitje{display:none}
}
.av-zee{position:relative;z-index:2;height:96px;margin-top:clamp(14px,2.4vw,28px);overflow:hidden;pointer-events:none}
.av-zee__mist{position:absolute;left:-10%;right:-10%;bottom:0;height:64px;pointer-events:none;
  background:radial-gradient(ellipse 50% 60% at 50% 70%,rgba(var(--inkt-rgb),.07),rgba(var(--inkt-rgb),0) 70%),url('../../kit/svg/land/nevel.svg?v=caf49ff3') 0 100%/50% 100% repeat-x;opacity:.8;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 45%,#000 55%,transparent);mask-image:linear-gradient(180deg,transparent,#000 45%,#000 55%,transparent)}
.av-zee__golf{position:absolute;left:0;bottom:18px;width:200%;height:22px;background:url('../../kit/svg/orn/golf.svg?v=87b72a75') 0 50%/52px 22px repeat-x;opacity:.9;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 40%,transparent 50%,#000 60%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 40%,transparent 50%,#000 60%,#000 90%,transparent)}
.av-zee__schip{position:absolute;left:0;bottom:27px;width:78px;transform:translate3d(var(--av-x,40vw),0,0)}
.av-zee__schip svg{display:block;width:78px;height:36px}
@media (prefers-reduced-motion:no-preference){
  .av-zee__golf{animation:av-golf 48s linear infinite}
  .av-zee__schip svg{animation:av-dein 6s ease-in-out infinite alternate;transform-origin:50% 80%}
}
@keyframes av-golf{to{transform:translate3d(-50%,0,0)}}
@keyframes av-dein{from{transform:translateY(0) rotate(-1.2deg)}to{transform:translateY(-3px) rotate(1.2deg)}}
/* de voet sluit direct op de golflijn aan: een halve bergband (≤ 140 px), de bergen schuiven licht mee (JS zet --av-voet) */
.av-body .s-voet{margin-top:0;padding-top:clamp(88px,10vw,140px)}
.av-body .s-voet > .s-bergen{height:clamp(80px,9vw,128px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 70%);mask-image:linear-gradient(180deg,transparent,#000 70%)}
.av-body .s-voet > .s-bergen::before{transform:translate3d(calc(var(--av-voet,0) * -14px),0,0)}
.av-body .s-voet > .s-bergen::after{transform:translate3d(calc(var(--av-voet,0) * 22px),0,0)}

/* ================================================================ SUBNAV op deze pagina: geen half woord links; het eerste zichtbare item begint op de goot (JS) */
.av-body .s-subnav__lijst li:last-child a{padding-right:14px}
@media (max-width:767px){.av-body .s-subnav__lijst{-webkit-mask-image:linear-gradient(90deg,#000,#000 calc(100% - 24px),var(--fr));mask-image:linear-gradient(90deg,#000,#000 calc(100% - 24px),var(--fr))}}

/* ================================================================ KOP op deze pagina (ingeklapte stand) en tikvlakken
   Ingeklapt valt de ondertitel weg: het woordmerk schuift dan naar het optische midden van de balk. De teller bij AANVRAAGLIJST
   houdt altijd zijn plek (geen sprong van de navigatie zodra er iets in de lijst staat). */
@media (min-width:1024px){
  .av-body .s-kop .s-lijstknop{min-width:76px}
}
@media (min-width:1180px){.av-body .s-kop .s-lijstknop{min-width:192px}
}
.av-omslag__kruimel .s-kruimel a{justify-content:center}
.av-vb__open{font:italic 400 1rem/1.2 var(--f-serif);color:var(--grijs1)}
.av-body .s-voet li > a{min-width:44px}
/* een naam over twee regels: de buren lijnen uit op de eerste regel (inline-block zou de laatste basislijn geven) */
.av-blad__meta .av-handnaam{display:block}
@media (max-width:399px){.av .s-invoer::placeholder{font-size:.9375rem}}
@media (max-width:767px){.av-land__huis{left:auto;right:8%;margin-left:0}.av-land__zon{left:auto;right:12%}}

/* ================================================================ EINDKEURING
   totaalblok als beslismoment (zoals het PDF-totaal): het aantal groot in Plex Mono, eenheid in Oswald gespatieerd; 龍 hangt naast het
   kader zodat alle vier hoekornamenten vrij blijven */
.av-totaalgetal{font:500 clamp(2.75rem,4vw,3.25rem)/1 var(--f-mono);letter-spacing:-.01em}
.av-totaaleenheid{font:500 .875rem/1 var(--f-kop);letter-spacing:.28em}
.av-blad__totaalzegel{right:-30px;top:-34px}
/* interlude: het inktvel loopt aan alle vier de randen naadloos uit (geen geplakte rechthoek); mobiel blijft de den uit het onderschrift */
.av-land__lagen{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 84%,transparent);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 84%,transparent);mask-composite:intersect}
@media (max-width:599px){.av-land__den{display:none}.av-land__regel{bottom:4px}}
/* brief: 函 is een echt rood zegel (bijna volle dekking, licht gedraaid) bij de ondertekening; briefkop mobiel in twee rijen: merk,
   dan CONCEPT links en de datum rechts, met de dubbele lijn eronder */
.av-brief__stempel{opacity:.92}
.av-brief__stempel .s-zegel-svg{width:42px;height:42px;rotate:-5deg}
@media (min-width:768px){.av-brief__stempel .s-zegel-svg{width:44px;height:44px}}
@media (max-width:599px){.av-brief__kenmerk{flex:1 0 100%;justify-content:space-between}}

/* ---------------------------------------------------------------- producten uit de productgroepen (productgroepen/) in dezelfde lijst:
   eigen positierijen per productgroep (P‑05 …), zonder maat en zonder prijs; het beeld als ronde inzet (C13) met dubbele goudring */
.av-productbeeld{display:block;aspect-ratio:1;border-radius:50%;object-fit:cover;background:var(--rijst);
  box-shadow:0 0 0 3px var(--rijst),0 0 0 4px rgba(var(--dgoud-rgb),.85),0 0 0 7px var(--rijst),0 0 0 8px rgba(var(--dgoud-rgb),.45)}
.av-regel--product .av-regel__render{align-items:center}
.av-regel--product .av-regel__render img.av-productbeeld{width:auto;height:calc(100% - 10px);max-height:none;filter:none}
.av-regel--product .av-regel__zon{opacity:.55}
.av-regel--product .av-regel__maat .s-maat{font:italic 400 1rem/1.3 var(--f-serif);color:var(--grijs1);white-space:normal}
.av-regel--product .av-regel__indeling{font:500 .875rem/1.45 var(--f-mono);color:var(--grijs1)}
.av-mini img.av-productbeeld{width:36px;height:36px;max-height:none;filter:none;box-shadow:0 0 0 2px var(--rijst),0 0 0 3px rgba(var(--dgoud-rgb),.8)}
.av-b--soort{margin-top:.6em}