.contact-page{--bg:var(--red);--fg:var(--black);background:var(--bg);color:var(--fg)}
.contact-page .nav{background:var(--red)}
.contact-page .contact{max-width:1600px;margin:0 auto;padding:calc(var(--nav-h) + 42px) var(--gut) 0;overflow:visible;min-height:100svh}
.contact-page .contact__title{font:900 clamp(64px,11vw,160px)/.88 var(--display);text-transform:uppercase;margin:0;max-width:100%;overflow-wrap:break-word}
.contact-page__lead{font:600 clamp(16px,1.3vw,20px)/1.5 var(--body);max-width:54ch;margin:24px 0 0}
.contact-page .contact__grid{margin:40px 0 64px;gap:40px 5vw}
.contact-page .contact__direct{gap:20px;min-width:0}
.contact-page .contact__direct>a{font-size:clamp(26px,3.2vw,48px);max-width:100%;overflow-wrap:anywhere}
.contact-page .contact__info{width:100%;margin:20px 0 0;gap:20px}
.contact-page .form{min-width:0}
.contact-page .form__help{display:block;margin:0}
.contact-page .form__status:empty{display:none}
.contact-page .form__status{margin:0;font:600 15px/1.5 var(--body)}
.contact-page .form__status[data-state=error]{color:#ff987c}
.contact-page .form__status[data-state=ok]{color:var(--paper)}
.contact-page .footer{margin-top:auto;line-height:1.5;gap:16px 24px}
@media (width<=859px){.contact-page .contact{padding-top:calc(var(--nav-h) + 28px)}.contact-page .contact__grid{gap:32px;margin-bottom:40px}.contact-page .contact__direct{flex-direction:column;align-items:flex-start}.contact-page .contact__info{flex-basis:100%;margin-top:8px}.contact-page .contact__title{font-size:clamp(56px,14vw,104px)}.contact-page .form__send{gap:16px}.contact-page .form .btn{font-size:16px}}