.contact-page{background:var(--wim-cream);color:var(--wim-charcoal);padding:clamp(2.25rem, 4.5vw, 4rem) var(--wim-gutter) clamp(4rem, 9vw, 8rem)}.contact-page-inner{grid-template-columns:minmax(15rem,.78fr) minmax(0,1.22fr);gap:clamp(3rem,8vw,8rem);width:100%;max-width:80rem;margin:0 auto;display:grid}.contact-page-intro{align-self:start;max-width:34rem;position:sticky;top:2rem}.contact-eyebrow{color:var(--wim-terracotta);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.8rem;margin:0 0 1.25rem;font-size:.75rem;font-weight:700;display:flex}.contact-eyebrow:after{background:var(--wim-teal);content:"";width:2.5rem;height:2px}.contact-page-intro h1{max-width:11ch;font-family:var(--font-anton), Impact, sans-serif;letter-spacing:-.025em;text-transform:uppercase;overflow-wrap:anywhere;margin:0;font-size:clamp(2.8rem,5.1vw,5rem);font-weight:400;line-height:.98}.contact-page-intro h1>span{display:block}.contact-headline-working{color:var(--wim-blue)}.contact-headline-towards{color:var(--wim-terracotta)}.contact-page-intro>p{max-width:26rem;margin:1.5rem 0 0;font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.7}.contact-social{margin-top:1rem}.contact-social p{color:var(--wim-terracotta);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .25rem;font-size:.68rem;font-weight:700}.contact-social ul{flex-wrap:wrap;gap:.25rem .9rem;margin:0;padding:0;list-style:none;display:flex}.contact-social a{min-height:44px;color:var(--wim-blue);text-decoration:underline;-webkit-text-decoration-color:var(--wim-terracotta);text-decoration-color:var(--wim-terracotta);text-underline-offset:.25em;align-items:center;font-size:.82rem;font-weight:600;display:inline-flex}.contact-social a:focus-visible{outline:3px solid var(--wim-terracotta);outline-offset:3px}.contact-form{min-width:0;padding-top:.25rem}.contact-required-note{border-left:3px solid var(--wim-teal);color:color-mix(in srgb, var(--wim-charcoal) 72%, transparent);margin:0 0 1.5rem;padding-left:.75rem;font-size:.8rem}.contact-form-status{border-left:4px solid var(--wim-terracotta);color:var(--wim-charcoal);background:#fffaf7;margin:0 0 1.5rem;padding:.85rem 1rem;font-weight:600}.contact-form-success{border-block:1px solid color-mix(in srgb, var(--wim-blue) 24%, transparent);border-left:5px solid var(--wim-teal);background:0 0;margin:0 0 2rem;padding:1.35rem 1rem 1.45rem 1.4rem;scroll-margin-top:1.5rem}.contact-form-success:focus{outline:3px solid var(--wim-terracotta);outline-offset:4px}.contact-form-success h2{color:var(--wim-blue);font-family:var(--font-anton), Impact, sans-serif;letter-spacing:-.015em;margin:0;font-size:clamp(2rem,4.2vw,3.25rem);font-weight:400;line-height:1.04}.contact-form-success h2 span{display:block}.contact-form-success p{max-width:34rem;color:var(--wim-charcoal);margin:.85rem 0 0;font-size:1rem;line-height:1.65}.contact-form-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 2rem;display:grid}.contact-field{flex-direction:column;gap:.55rem;min-width:0;display:flex}.contact-field--message{grid-column:1/-1}.contact-field label{color:var(--wim-charcoal);font-size:.875rem;font-weight:600}.contact-field label>span[aria-hidden=true]{color:var(--wim-terracotta)}.contact-optional{color:#5e5957;margin-left:.35rem;font-size:.75rem;font-weight:400}.contact-field input,.contact-field select,.contact-field textarea{width:100%;min-width:0;color:var(--wim-charcoal);background:0 0;border:1px solid #746d68;border-radius:0;padding:.85rem .9rem;font-size:1rem;line-height:1.5}.contact-field input,.contact-field select{min-height:3.25rem}.contact-field textarea{resize:vertical;min-height:10rem}.contact-field input:focus-visible,.contact-field select:focus-visible,.contact-field textarea:focus-visible{outline:3px solid var(--wim-terracotta);outline-offset:3px}.contact-field [aria-invalid=true]{border-color:#8b302b}.contact-field-error{color:#8b302b;margin:0;font-size:.875rem;font-weight:600}.contact-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact-form-bottom{border-top:1px solid var(--wim-peach);background:0 0;justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:2rem;padding:1.25rem 0 0;display:flex}.contact-privacy-note{color:#4f4946;max-width:26rem;margin:0;font-size:.8rem;line-height:1.6}.contact-privacy-note a{color:var(--wim-blue);text-decoration:underline;-webkit-text-decoration-color:var(--wim-terracotta);text-decoration-color:var(--wim-terracotta);text-underline-offset:.18em;font-weight:600;text-decoration-thickness:2px}.contact-privacy-note a:hover{color:var(--wim-terracotta)}.contact-privacy-note a:focus-visible{outline:3px solid var(--wim-terracotta);outline-offset:4px;border-radius:0}.contact-submit{border:1px solid var(--wim-charcoal);background:var(--wim-blue);min-width:12rem;min-height:3.25rem;color:var(--wim-cream);letter-spacing:.06em;text-transform:uppercase;border-radius:0;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.8rem;font-weight:700;display:inline-flex}.contact-submit:hover:not(:disabled){border-color:var(--wim-teal);background:var(--wim-teal);color:var(--wim-charcoal)}.contact-submit:focus-visible{outline:3px solid var(--wim-terracotta);outline-offset:4px}.contact-submit:disabled{cursor:progress;opacity:.68}.contact-whatsapp{min-height:44px;color:var(--wim-blue);letter-spacing:.04em;text-decoration:underline;-webkit-text-decoration-color:var(--wim-terracotta);text-decoration-color:var(--wim-terracotta);text-underline-offset:.25em;align-items:center;gap:.45rem;margin-top:1rem;font-size:.7rem;font-weight:800;display:inline-flex}.contact-whatsapp span{color:var(--wim-terracotta)}.contact-whatsapp:focus-visible{outline:3px solid var(--wim-terracotta);outline-offset:4px}@media (forced-colors:active){.contact-field input:focus-visible,.contact-field select:focus-visible,.contact-field textarea:focus-visible,.contact-submit:focus-visible,.contact-privacy-note a:focus-visible{outline-color:highlight}}@media (max-width:900px){.contact-page-inner{grid-template-columns:1fr;gap:2.75rem}.contact-page-intro{position:static}.contact-page-intro h1{max-width:13ch;font-size:clamp(2.8rem,9vw,4.25rem)}}@media (max-width:560px){.contact-page{padding-block:2rem 4rem}.contact-page-intro h1{font-size:clamp(2.5rem,11vw,3.5rem)}.contact-form-fields{grid-template-columns:1fr;gap:1.35rem}.contact-field--message{grid-column:auto}.contact-form-bottom{flex-direction:column;align-items:stretch;gap:1.25rem}.contact-submit{width:100%}}
