.contact-page{background:#090708}
.contact-hero{position:relative;min-height:100svh;min-height:100dvh;background:#090708 url('/assets/contact-hero.webp') right center/cover no-repeat;display:flex;align-items:center}
.contact-hero-content{width:min(46vw,660px);margin-left:clamp(28px,6.2vw,112px);padding:130px 0 42px;animation:arrive .8s ease-out both}
.contact-hero h1{display:flex;flex-direction:column;gap:8px;margin:0 0 22px;font-size:clamp(50px,5.1vw,88px);line-height:.96;letter-spacing:.12em;font-weight:700;text-shadow:0 3px 22px rgba(0,0,0,.65)}
.contact-hero h1 span:last-child{color:#e9323b}
.contact-tagline{margin:0 0 28px;font-size:clamp(17px,1.35vw,21px);line-height:1.5;color:#fff;text-shadow:0 2px 16px #000}
#contact-form{width:100%}
.contact-short-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.contact-field{min-width:0}
.contact-field input,.contact-field textarea{display:block;width:100%;border:1px solid #fff;border-radius:0;background:rgba(0,0,0,.9);color:#fff;font:inherit;font-size:16px;line-height:1.5;padding:14px 17px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}
.contact-field input{height:54px}
.contact-field textarea{min-height:142px;resize:vertical;max-height:360px}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:#f4f0f0;opacity:1}
.contact-field input:focus-visible,.contact-field textarea:focus-visible{outline:2px solid #ff4b51;outline-offset:3px}
.contact-submit{min-height:56px;margin-top:20px;border:1px solid #f03b43;border-radius:0;display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:0 24px;background:rgba(0,0,0,.9);color:#fff;font-size:12px;font-weight:700;letter-spacing:.17em;cursor:pointer;transition:background .2s,transform .2s}
.contact-submit svg{width:23px;height:23px;stroke:#f03b43;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.contact-submit:hover:not(:disabled){background:rgba(45,4,8,.95);transform:translateY(-2px)}
.contact-submit:hover:not(:disabled) svg{transform:translateX(4px)}
.contact-submit:disabled{cursor:wait;opacity:.7}
#contact-status{margin:16px 0 0;min-height:1.5em;font-size:14px;line-height:1.5;color:#fff;max-width:600px;text-shadow:0 1px 8px #000}
#contact-status[data-state="error"]{color:#ffb1b5}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.contact-honeypot{display:none}
@media(max-height:800px) and (min-width:701px){.contact-hero-content{padding-top:112px;padding-bottom:24px}.contact-hero h1{font-size:clamp(46px,4.4vw,66px);margin-bottom:18px}.contact-tagline{margin-bottom:22px}.contact-field textarea{min-height:114px}.contact-field input{height:50px}.contact-submit{min-height:52px}}
@media(max-width:1080px) and (min-width:701px){.contact-hero-content{width:51vw}.contact-hero h1{font-size:clamp(46px,5.2vw,65px)}}
@media(max-width:700px){.contact-hero{min-height:100dvh;background-position:72% center;align-items:flex-start}.contact-hero-content{width:calc(100% - 48px);max-width:560px;margin:0 auto;padding:clamp(118px,17vh,165px) 0 36px}.contact-hero h1{font-size:clamp(39px,10.2vw,64px);letter-spacing:.09em}.contact-tagline{font-size:17px;margin-bottom:26px}.contact-short-fields{grid-template-columns:1fr}.contact-field textarea{min-height:150px}.contact-submit{min-height:54px}}
@media(prefers-reduced-motion:reduce){.contact-hero-content{animation:none}.contact-submit,.contact-submit svg{transition:none}}