/* OneWay Web — pages/contact.css */
.contact-hero-description { max-width:520px; margin-top:24px; font-size:14px; line-height:1.75; }
.contact-hero-transition { position:relative; max-width:1080px; height:72px; margin:0 auto 24px; pointer-events:none; }
.contact-hero-art { position:absolute; right:0; bottom:90px; display:block; width:200px; height:108px; color:var(--blue); opacity:.78; mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); }
@media(max-width:760px) { .contact-hero-transition { height:64px; margin-bottom:20px; } .contact-hero-art { bottom:0; width:160px; height:80px; opacity:.62; } }
@media(max-width:680px) { .contact-hero-description { font-size:13px; } }
.form-heading h2 {
font-size:24px
}
.form-heading p {
font-size:12px;
    margin-top:12px
}
.form-grid {
display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px 18px;
    margin-top:30px
}
.field {
min-width:0
}
.field label {
display:block;
    font-size:12px;
    margin-bottom:8px;
    color:var(--text)
}
.field label span {
font-size:12px;
    color:var(--muted)
}
.field input,.field textarea,.field select {
width:100%;
    min-height:46px;
    padding:12px 14px;
    color:var(--text);
    background:#f3faffb3;
    border:1px solid #144f7226;
    border-radius:10px;
    font-size:12px;
    transition:border-color var(--transition),box-shadow var(--transition)
}
.field input::placeholder,.field textarea::placeholder {
color:#4c6575;
    opacity:1
}
.field textarea {
resize:vertical;
    min-height:130px;
    line-height:1.7
}
.field input:focus,.field textarea:focus,.field select:focus {
outline:none;
    border-color:var(--blue);
    box-shadow:0 0 0 3px #0077b51a
}
.field small {
display:block;
    font-size:12px;
    color:var(--muted);
    margin-top:4px
}
.full-width {
grid-column:1/-1
}
.contact-select { position:relative; }
.field select { display:block; appearance:none; padding-right:42px; cursor:pointer; }
.field select:invalid { color:#4c6575; }
.field select option { color:var(--text); background:#edf7fc; }
.field select:hover { border-color:var(--border-active); }
.contact-select>.icon { position:absolute; right:14px; top:50%; transform:translateY(-50%); width:16px; height:16px; color:var(--blue); pointer-events:none; }
.has-js .contact-other-request:not(:has(input[required])),.contact-other-request[hidden] { display:none; }
.form-consent {
font-size:12px;
    line-height:1.8;
    margin-top:20px
}
.contact-form>.button {
margin-top:24px;
    align-self:flex-end;
    max-width:100%
}
.form-status {
color:#8b202d;
    background:#b93f4512;
    border:1px solid #b93f4540;
    padding:13px;
    border-radius:8px;
    font-size:12px;
    margin-top:20px
}
.form-status.success {
color:#176044;
    background:#75bda012;
    border-color:#75bda040
}
.form-status[hidden] {
display:none
}
.contact-layout { max-width:900px; margin:0 auto 32px; display:grid; }
.contact-form.panel { min-width:0; display:flex; flex-direction:column; padding:32px; background:var(--offer-card-background); border:1px solid #9fe9ff55; border-top-color:#f1fbffb3; border-radius:18px; box-shadow:var(--card-shadow),0 12px 24px #10273314; }
.contact-information { min-width:0; margin-top:24px; padding-top:20px; border-top:1px solid var(--border); }
.contact-direct-label { margin-bottom:18px; color:var(--blue); font-size:11px; font-weight:600; letter-spacing:.08em; }
.contact-methods { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.contact-method { min-width:0; display:flex; align-items:center; gap:12px; }
.contact-method .icon-box { flex-shrink:0; width:32px; height:32px; background:none; border:0; box-shadow:none; color:var(--blue); }
.contact-method .icon { width:22px; height:22px; }
.contact-method>div { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.contact-method>div>span { display:block; margin:0; color:var(--blue); font-size:12px; font-weight:600; line-height:1.4; }
.contact-method a,.contact-method p { margin:0; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.contact-method a { position:relative; display:inline-block; transition:color var(--content-motion); }
.contact-method a::after { content:""; position:absolute; inset:auto 0 -3px; height:1px; background:var(--cyan); transform:scaleX(0); transform-origin:left; transition:transform var(--content-motion); }
.contact-method a:hover,.contact-method a:focus-visible { color:var(--blue); }
.contact-method a:hover::after,.contact-method a:focus-visible::after { transform:scaleX(1); }
@media(prefers-reduced-motion:reduce) { .contact-method a,.contact-method a::after { transition:none; } }
@media(max-width:680px) {
    .contact-layout { margin-bottom:24px; }
    .contact-form.panel { padding:24px 20px; }
    .form-grid { grid-template-columns:minmax(0,1fr); gap:18px; margin-top:24px; }
    .field input,.field textarea,.field select { font-size:16px; padding:12px; }
    .field input::placeholder,.field textarea::placeholder { font-size:12px; }
    .contact-methods { grid-template-columns:minmax(0,1fr); gap:20px; }
    .contact-method { justify-self:start; }
}