/* A warm, direct contact experience with a visual identity of its own. */
.contact-page{--contact-ink:#38232c;--contact-muted:#786b6a;--contact-accent:#d96e53;--contact-line:#e4d3c8;background:#f5eee7;color:var(--contact-ink)}
.contact-page .page-hero{position:relative;min-height:clamp(430px,42vw,540px);padding:100px 8vw 96px;overflow:hidden;background:radial-gradient(ellipse at 88% 15%,rgba(245,168,132,.36),transparent 32%),linear-gradient(118deg,#38232c 0%,#55313b 64%,#74464c 100%)}
.contact-page .page-hero:after{content:"";position:absolute;width:min(37vw,500px);aspect-ratio:1;right:8vw;top:50%;border:1px solid rgba(255,218,198,.3);border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 32px rgba(255,255,255,.025),0 0 0 64px rgba(255,255,255,.02)}
.contact-page .page-hero-copy{position:relative;z-index:1;max-width:820px;margin:0}
.contact-page .page-hero-copy:before{content:"NVS INTERNATIONAL SERVICES  /  WE’RE HERE TO HELP";display:block;margin-bottom:25px;color:#f3a17f;font:600 10px/1.5 var(--mono);letter-spacing:.16em}
.contact-page .page-hero h1{max-width:750px;color:#fff8f2;font-size:clamp(58px,8vw,108px);font-weight:600;line-height:.94;letter-spacing:-.065em}
.contact-page .page-hero-copy>p{max-width:540px;margin-top:22px;color:#e4d1ca;font-size:16px;line-height:1.7}
.contact-page .page-section{position:relative;padding:0 8vw 100px;background:#f5eee7}
.contact-page .contact-layout{position:relative;z-index:1;grid-template-columns:.9fr 1.1fr;gap:8vw;max-width:1400px;margin:-1px auto 0;padding:65px 0 0}
.contact-page .contact-layout>div{align-self:start;padding-top:8px}
.contact-page .contact-layout h2{max-width:520px;color:#38232c;font-size:clamp(38px,4.7vw,65px);font-weight:600;line-height:1.02;letter-spacing:-.055em}
.contact-page .contact-layout>div:before{content:"LET’S START A CONVERSATION";display:block;margin-bottom:20px;color:#c2634e;font:600 10px var(--mono);letter-spacing:.14em}
.contact-page .contact-details{margin-top:30px}
.contact-page .contact-details a,.contact-page .contact-details>div{display:block;border-bottom:1px solid var(--contact-line);padding:17px 0;color:#38232c;font-size:15px;font-weight:700;overflow-wrap:anywhere}
.contact-page .contact-details span{display:block;margin-bottom:5px;color:#ad6251;font:600 10px var(--mono);letter-spacing:.13em}
.contact-page .contact-form{padding:34px 38px 36px;border:1px solid #ead9cf;border-radius:8px;background:#fffaf5;box-shadow:0 20px 55px rgba(69,39,43,.09)}
.contact-page .contact-form:before{content:"SEND US A MESSAGE";display:block;margin-bottom:24px;color:#ad6251;font:600 10px var(--mono);letter-spacing:.14em}
.contact-page .field{gap:6px;margin-bottom:15px}
.contact-page .field label{color:#786b6a;font:600 10px var(--mono);letter-spacing:.07em;text-transform:uppercase}
.contact-page .field input,.contact-page .field textarea{border:1px solid #e3d6cf;border-radius:4px;background:#fff;padding:12px 13px;color:#38232c;font:500 13px var(--display);transition:border-color .2s,box-shadow .2s}
.contact-page .field input:focus,.contact-page .field textarea:focus{outline:0;border-color:#d96e53;box-shadow:0 0 0 3px rgba(217,110,83,.12)}
.contact-page .field textarea{min-height:120px;resize:vertical}
.contact-page .contact-form .button{border:0;border-radius:3px;background:#d96e53;color:#fffaf5;cursor:pointer}
.contact-page .contact-form .button:hover{background:#bd5944}
.contact-page .form-status{margin-top:12px;color:#68564f;font-size:13px}
.contact-page + .site-footer{background:#2a2025;color:#f5eee7}
@media(max-width:800px){.contact-page .page-hero{min-height:420px;padding:82px 7vw 78px}.contact-page .page-hero:after{right:-12vw;opacity:.55}.contact-page .page-section{padding:0 7vw 75px}.contact-page .contact-layout{grid-template-columns:1fr;gap:34px;padding-top:45px}.contact-page .contact-layout>div{max-width:650px}.contact-page .contact-form{max-width:750px;width:100%}}
@media(max-width:620px){.contact-page .page-hero{min-height:380px;padding:68px 6vw 62px}.contact-page .page-hero h1{font-size:clamp(54px,14vw,78px)}.contact-page .page-hero:after{width:62vw;right:-25vw}.contact-page .page-section{padding:0 6vw 58px}.contact-page .contact-layout{padding-top:35px}.contact-page .contact-form{padding:25px 20px 27px}}
