.contactpagina{padding-block:4px clamp(88px,10vw,160px)}.contactpagina__raster{column-gap:var(--goot);grid-template-columns:minmax(0,1fr);row-gap:32px;display:grid}.contactpagina__kop{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.contactpagina__kop>*{margin:0}.contactpagina__titel{max-width:9em}.contactpagina__kop .paginakop__intro{margin-top:18px!important}.contactblad{background:var(--surface);min-width:0;padding:18px 18px 26px;position:relative}.contactblad:before{content:"";border:1px solid var(--haar);pointer-events:none;position:absolute;inset:7px}.contactblad>*{position:relative}.contactblad__boven{border-bottom:1px solid var(--ink);align-items:center;gap:16px;margin-bottom:18px;padding-bottom:14px;display:flex}.contactblad__portret{flex:none;justify-items:start;margin:0;display:grid;position:relative}.contactblad__portret .fotolijst{width:var(--pw,64px);aspect-ratio:4/5}.contactblad__wie{gap:4px;min-width:0;display:grid}.contactblad__wie>*{margin:0}.contactblad__titel{font-family:var(--heading-font);letter-spacing:-.01em;font-size:clamp(1.375rem,2.2vw,1.75rem);font-weight:400;line-height:1.15}.contactblad__reactie{font-family:var(--heading-font);letter-spacing:.06em;color:var(--muted);font-size:1.0625rem;font-variant-caps:all-small-caps}.contactblad__melding{outline:none;margin-bottom:22px}.contactblad__melding [role=alert]{border:0;border-left:2px solid var(--accent);background:var(--bg);border-radius:0}.contactblad__melding:focus-visible [role=alert]{outline:2px solid var(--accent);outline-offset:2px}.contactblad__velden{gap:18px;display:grid}.veld{border:0;align-content:start;gap:6px;min-width:0;margin:0;padding:0;display:grid}.veld__label{padding:0;font-size:.9375rem;font-weight:500;line-height:1.35}.veld__optioneel{font-family:var(--heading-font);letter-spacing:.06em;color:var(--muted);margin-left:6px;font-size:1rem;font-variant-caps:all-small-caps;font-weight:400}[data-compositie=atelier] .contactblad .field{background:var(--bg);min-height:50px;font-size:1rem}[data-compositie=atelier] .contactblad textarea.field{resize:vertical;min-height:116px;padding-block:12px}.contactblad .field[aria-invalid=true]{border-color:var(--ink);box-shadow:inset 3px 0 0 var(--accent)}.veldfout{color:var(--ink);margin:0;font-size:.875rem;font-weight:500;line-height:1.4}.veldfout:empty{display:none}.veldfout:not(:empty):before{content:"";vertical-align:middle;background:var(--accent);width:12px;height:1px;margin-right:8px;display:inline-block}.keuzes__lijst{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.keuze{display:inline-flex;position:relative}.keuze input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.keuze span{border:1px solid var(--line-strong);background:var(--bg);cursor:pointer;border-radius:2px;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 14px;font-size:.9375rem;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.keuze span:before{content:"";border:1px solid var(--line-strong);background:var(--bg);border-radius:50%;flex:none;width:10px;height:10px}.keuze:hover span{border-color:var(--ink)}.keuze input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--bg)}.keuze input:checked+span:before{border-color:var(--bg);background:var(--accent);box-shadow:inset 0 0 0 2px var(--ink)}.keuze input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.contactblad__slot{border-top:1px solid var(--haar);gap:16px;margin-top:24px;padding-top:20px;display:grid}.contactblad__knop{justify-self:start}.contactblad__privacy{color:var(--muted);max-width:32em;margin:0;font-size:.875rem;line-height:1.5}.contactpagina__beeld{flex-direction:column;min-width:0;margin:0;display:flex}.contactpagina__foto{aspect-ratio:16/11}.contactpagina__beeld .plaat-bijschrift{margin-top:12px}.contactpagina__direct{min-width:0}.contactpagina__direct>h2{margin:0 0 12px}.direct{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none;display:grid}.direct li{border-bottom:1px solid var(--haar);justify-items:start;gap:2px;padding-block:14px 16px;display:grid}.direct__soort{font-family:var(--heading-font);letter-spacing:.07em;color:var(--accent);font-size:1.0625rem;font-variant-caps:all-small-caps}.direct__groot{min-height:44px;color:var(--ink);font-family:var(--kop-middel-font);letter-spacing:-.012em;font-variant-numeric:lining-nums;align-items:center;font-size:clamp(2rem,3vw,2.5rem);font-weight:300;line-height:1.05;text-decoration:none;display:inline-flex}.direct__mail{max-width:100%;min-height:44px;color:var(--ink);font-family:var(--heading-font);overflow-wrap:anywhere;text-underline-offset:.22em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);align-items:center;font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.2;display:inline-flex}:is(a.direct__groot,.direct__mail):hover{color:var(--accent);text-decoration-color:currentColor}.direct__noot{color:var(--muted);font-size:.9375rem}.direct__feiten{margin-top:0}.direct__feiten>div:first-child{border-top:0}@media (min-width:640px){.contactblad{padding:32px 34px 36px}.contactblad:before{inset:9px}.contactblad__portret{--pw:88px}.contactblad__velden{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.contactblad__velden .veld--breed{grid-column:1/-1}.contactblad__slot{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:24px}}@media (min-width:1024px){.contactpagina{padding-top:8px}.contactpagina__raster{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;row-gap:56px}.contactpagina__kop{grid-area:1/1/auto/6}.contactpagina__beeld{grid-area:2/1/auto/6;align-self:stretch;margin-top:-24px}.contactpagina__foto{aspect-ratio:auto;flex:1;min-height:22rem}.contactblad{grid-area:1/7/3/13;margin-top:8px;padding:30px 40px 36px}.contactblad:before{inset:10px}.contactpagina__direct{column-gap:var(--goot);grid-area:3/1/auto/-1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.contactpagina__direct>h2{grid-column:1/-1}.contactpagina__direct .direct{column-gap:var(--goot);grid-column:1/8;grid-template-columns:repeat(2,minmax(0,1fr))}.contactpagina__direct .direct__feiten{grid-column:9/13}.contactpagina__direct .direct__feiten>div:first-child{border-top:1px solid var(--ink)}}@media (max-width:389px){.contactpagina__raster{row-gap:20px}.contactblad__boven{gap:12px;margin-bottom:14px;padding-bottom:12px}.contactblad__portret{--pw:52px}}