.contact-page{background:var(--papier);color:var(--inkt)}.contact-intro{padding:144px max(var(--rand), 5vw) 64px;grid-template-columns:1.2fr 1fr;align-items:center;gap:7vw;display:grid}.contact-title h1{color:var(--kastanje);font-size:clamp(70px,11vw,172px);line-height:.94}.contact-title p{margin-top:28px;font-size:clamp(18px,1.6vw,23px);line-height:1.5}.contact-photo{margin:0;rotate:2deg}.contact-photo img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-kaart);width:100%;height:auto}.contact-photo figcaption{color:var(--kastanje);text-align:right;padding:10px .3em;font-size:clamp(26px,3.2vw,46px);line-height:1.4}.contact-conversation{padding:64px max(var(--rand),5vw) 104px;border-top:1px solid var(--hair);grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(40px,8vw,130px);display:grid}.contact-aside h2{color:var(--kastanje);margin-bottom:28px;font-size:clamp(40px,4.8vw,70px);line-height:1}.contact-aside p{max-width:34ch;margin-bottom:18px;line-height:1.65}.contact-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;display:grid}.contact-field{flex-wrap:wrap;align-content:start;gap:8px;font-size:16px;font-weight:500;display:flex}.contact-field.full{grid-column:1/-1}.contact-field input,.contact-field select,.contact-field textarea{font:inherit;color:var(--inkt);background:0 0;border:0;border-bottom:1px solid #88776c;border-radius:0;width:100%;min-width:0;min-height:48px;padding:12px 0;font-weight:400}.contact-field textarea{resize:vertical;min-height:140px;line-height:1.5}.contact-field textarea::placeholder{color:#6b5d56}.contact-field :is(input,select,textarea):focus-visible{outline:2px solid var(--kastanje);outline-offset:5px}.contact-field [aria-invalid=true]{border-bottom-color:var(--kastanje)}.contact-optional{color:#6b5d56;font-weight:400}.contact-error{color:var(--kastanje);font-size:14px;line-height:1.5}.contact-send{flex-direction:column;align-items:flex-start;gap:24px;margin-top:28px;display:flex}.contact-send p{color:#6b5d56;max-width:60ch;font-size:14px}.contact-send a{text-underline-offset:3px}.contact-send button{gap:24px;min-height:52px;padding-inline:28px}.contact-send button:disabled{opacity:.65;cursor:wait}.contact-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact-notice{border-left:3px solid var(--kastanje);color:var(--kastanje);margin-bottom:28px;padding:16px 20px}.contact-notice h2{margin-bottom:18px;font-size:clamp(34px,4vw,54px);line-height:1}.contact-notice .pil{margin-top:24px}.contact-notice:focus-visible{outline:2px solid var(--kastanje);outline-offset:6px}.privacy-page{max-width:850px;padding:140px var(--rand) 90px;margin:auto}.privacy-page h1{margin-bottom:36px;font-size:clamp(54px,8vw,90px);line-height:1}.privacy-page h2{margin:32px 0 12px;font-size:25px}.privacy-page p{margin-bottom:18px;line-height:1.7}@media (max-width:900px){.contact-intro{gap:32px;padding-top:112px}.contact-conversation{grid-template-columns:minmax(0,1fr);gap:32px;padding-bottom:72px}.contact-aside p{max-width:62ch}}@media (max-width:600px){.contact-intro{grid-template-columns:minmax(0,1fr);gap:28px;padding:110px 22px 40px}.contact-title h1{font-size:clamp(60px,19vw,100px)}.contact-photo{max-width:430px;rotate:none}.contact-photo img{aspect-ratio:16/9}.contact-conversation{padding:40px 22px 64px}.contact-fields{grid-template-columns:minmax(0,1fr);gap:24px}.contact-send button{justify-content:space-between;width:100%}}
