/* Kontaktformular — "Ring mig op". Står på den mørke grafit, så den bryder
 * kapitlet mellem den lyse hero og de lyse udtalelser. */
.contact{background:var(--surface-sand);color:var(--text-on-light)}
.contact__inner{max-width:var(--content-max);margin:0 auto;padding:var(--space-12) var(--space-4);display:grid;grid-template-columns:1fr;gap:var(--space-8)}
.contact__head{display:flex;flex-direction:column;gap:var(--space-4);max-width:38ch}
.contact__head h2{margin:0;font-family:var(--font-heading);font-size:var(--text-h2);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--heading-tracking,0)}
.contact__head p{margin:0;color:var(--text-on-light)}
.contact__form{display:flex;flex-direction:column;gap:var(--space-4)}
.contact__form .btn{align-self:flex-start}
/* Kvittering: guld, ikke grøn. Grøn er handlingsfarven nu, så kvitteringen
 * skal skille sig ud på form og ikon frem for på farve alene. */
.receipt{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-6);border:1px solid var(--gold-500);border-radius:20px;background:var(--ink-0)}
.receipt__mark{flex:none;width:40px;height:40px;border-radius:50%;border:2px solid var(--gold-500);color:var(--gold-700);display:grid;place-items:center;font-size:20px;line-height:1}
.receipt p{margin:0;color:var(--ink-900)}
.receipt small{display:block;margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-sm)}
.state-label{margin:0 0 var(--space-4);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}
@media (min-width:768px){
  .contact__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--space-16);padding:var(--space-24) var(--space-6);align-items:start}
  .contact__states{display:flex;flex-direction:column;gap:var(--space-12)}
}