/* A fixed photo behind normally scrolling contact content, on desktop and touch. */
.contact-photo-band{position:relative;isolation:isolate;clip-path:inset(0);background:#09121f;border-block:1px solid #8fb7e52b}
.contact-photo-band::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#070e19d9 0%,#070e19a8 50%,#070e1978 100%),url("./assets/contact-workspace.png");background-size:cover;background-position:center;background-repeat:no-repeat}
.contact-photo-band .contact-section{padding-bottom:50px}
.contact-photo-note{padding-bottom:26px;color:#bccbdf;font-size:.875rem;line-height:1.5}
.motion-static .contact-photo-band::before{position:absolute}
@media(prefers-reduced-motion:reduce){.contact-photo-band::before{position:absolute}}
.contact-section{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}
.contact-copy .contact-intro{margin-top:24px;color:var(--muted);font-size:1rem}
.contact-copy .contact-options{margin-top:38px}
.contact-copy .contact-type{font-size:.875rem;letter-spacing:.08em}
.contact-copy .contact-destination{font-size:.875rem}
.contact-form{min-width:0;padding:36px;background:#101c2bf5;border:1px solid #b4d6ff30;border-radius:12px;box-shadow:0 24px 70px #0004}
.contact-form h3{font-size:1.625rem;line-height:1.25;letter-spacing:-.04em;color:#f3f7ff}
.contact-form .form-intro{margin-top:12px;margin-bottom:28px;color:var(--muted);font-size:1rem;line-height:1.6}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}
.contact-field{display:flex;flex-direction:column;gap:9px;min-width:0}
.contact-field-wide{grid-column:1/-1}
.contact-field label{font-size:.9375rem;font-weight:600;line-height:1.4;color:#e5eefb}
.contact-field label span{color:var(--muted);font-size:.875rem;font-weight:400}
.contact-field input,.contact-field textarea{width:100%;min-width:0;min-height:50px;padding:13px 14px;border:1px solid #66809f;border-radius:5px;background:#0a1422;color:#f3f7ff;font:400 1rem/1.5 var(--font)}
.contact-field textarea{resize:vertical;min-height:146px}
.contact-field textarea::placeholder{color:#a1b2c8;opacity:1}
.contact-field input:focus-visible,.contact-field textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-color:var(--blue)}
.contact-submit{width:100%;margin-top:26px;border:0;background:#bbd6ff;color:#0a1628}
.contact-submit:disabled{background:#263c57;color:#b6c9df;opacity:1;cursor:not-allowed;transform:none;box-shadow:none}
.contact-status{margin-top:16px;color:var(--muted);font-size:.875rem;line-height:1.6}
.contact-fallback{display:inline-block;margin-top:12px;color:#bbd6ff;font-size:.875rem;font-weight:500;text-decoration:underline;text-underline-offset:3px;line-height:1.6}
.contact-fallback span{font-weight:400}
@media(max-width:960px){.contact-section{grid-template-columns:minmax(0,1fr);gap:38px}.contact-form{width:100%;max-width:660px}.contact-copy .contact-options{max-width:590px}}
@media(max-width:480px){.contact-form{padding:26px 22px}.contact-fields{grid-template-columns:minmax(0,1fr);gap:20px}.contact-form h3{font-size:1.45rem}}

/* Provider honeypot is not an interactive field; avoid inline styles under CSP. */
.contact-honeypot{display:none}
