.contact-page{padding-bottom:clamp(4rem,9vw,8rem)}.contact-panel{display:grid;grid-template-columns:minmax(15rem,.7fr)minmax(0,1.3fr);padding:0;overflow:hidden;border:3px solid var(--ink);background:var(--paper);box-shadow:12px 12px 0 var(--red)}.contact-panel__intro{display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;padding:clamp(2rem,5vw,4rem);color:var(--paper);background:var(--ink)}.contact-panel__intro h2,.contact-panel__intro p{margin:0}.contact-panel__intro h2{color:var(--yellow);font-size:clamp(2rem,5vw,4.5rem);line-height:.92;text-transform:uppercase}.contact-panel__mark{color:var(--red);font-size:3rem;line-height:1}.contact-form{display:grid;gap:1.5rem;padding:clamp(2rem,5vw,4rem)}.contact-form__field{display:grid;gap:.55rem;color:var(--ink);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;border:2px solid var(--ink);border-radius:0;padding:.85rem 1rem;color:var(--ink);background:#fff;font:inherit;text-transform:none}.contact-form textarea{min-height:12rem;resize:vertical}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:4px solid var(--yellow);outline-offset:2px;border-color:var(--blue)}.contact-form__honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.contact-form__actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.contact-form__actions .button:disabled{cursor:wait;opacity:.65}.contact-form__status{flex:1 1 15rem;margin:0;border-left:5px solid var(--blue);padding:.75rem 1rem;color:var(--ink);background:var(--paper-deep);font-weight:700}.contact-form__status[data-state=success]{border-color:var(--red);background:var(--yellow)}.contact-form__status[data-state=error]{border-color:var(--yellow);color:var(--paper);background:var(--red)}@media(max-width:760px){.contact-panel{grid-template-columns:1fr;box-shadow:7px 7px 0 var(--red)}.contact-panel__intro{min-height:14rem}}