.contact-page .site-nav { gap: clamp(12px, 1.55vw, 22px); }
.contact-page .site-nav > a { font-size: .8rem; }
.contact-hero { position: relative; overflow: hidden; color: #fff; background: radial-gradient(circle at 78% 42%, rgba(31, 126, 139, .35), transparent 34%), linear-gradient(118deg, #071725, #0a2c3b 64%, #0b3443); }
.contact-hero::after { content: ''; position: absolute; inset: auto 0 0; height: 90px; background: linear-gradient(transparent, rgba(3, 16, 28, .24)); pointer-events: none; }
.contact-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr; align-items: center; min-height: 570px; padding-block: 145px 94px; }
.contact-hero-copy { max-width: 850px; }
.contact-hero h1 { max-width: 850px; margin-bottom: 28px; font-size: clamp(3.3rem, 5.15vw, 5.7rem); font-weight: 650; letter-spacing: -.075em; }
.contact-hero h1 em { color: var(--mint); font-style: normal; }
.contact-hero-copy > p:not(.eyebrow) { max-width: 600px; margin-bottom: 31px; color: #c7dadd; font-size: clamp(1rem, 1.35vw, 1.13rem); line-height: 1.8; }
.contact-channels { padding-block: 112px 120px; }
.contact-section-head { display: grid; grid-template-columns: 1.25fr .75fr; gap: 7%; align-items: end; margin-bottom: 42px; }
.contact-section-head h2 { margin-bottom: 0; }
.contact-section-head > p { max-width: 435px; margin-bottom: 2px; color: var(--muted); font-size: 1.02rem; line-height: 1.75; }
.contact-channel-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
.contact-channel-card { display: flex; flex-direction: column; min-height: 345px; padding: 27px; border: 1px solid #d4e5de; border-radius: 25px; background: #fff; box-shadow: 0 16px 35px rgba(10, 51, 51, .045); }
.contact-channel-whatsapp { background: #d8f2e4; }
.contact-channel-faq { background: #e8f2ef; }
.contact-icon { display: grid; place-items: center; width: 60px; height: 60px; margin-bottom: 24px; border-radius: 17px; color: #e6fff0; background: #0d6265; }
.contact-channel-email .contact-icon { color: #0e6b71; background: #dff5e9; }.contact-channel-faq .contact-icon { color: #aaf0d1; background: #103d4b; }
.contact-icon svg { width: 29px; height: 29px; }
.channel-kicker { display: block; margin-bottom: 10px; color: #26777a; font-size: .66rem; font-weight: 800; letter-spacing: .14em; }
.contact-channel-card h3 { margin-bottom: 11px; font-size: clamp(1.55rem, 2vw, 2rem); }
.contact-channel-card p { max-width: 330px; margin: 0; color: #4c6a68; font-size: .92rem; line-height: 1.68; }
.channel-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 10px; width: fit-content; max-width: 100%; min-height: 45px; margin-top: auto; padding-top: 20px; border-bottom: 1px solid #177a78; color: #0c6065; font-size: .88rem; font-weight: 800; overflow-wrap: anywhere; }
.channel-link:hover { color: #0b3d48; border-color: #0b3d48; }
.social-section { display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: 8%; padding-block: 104px 118px; }
.social-copy h2 { max-width: 430px; margin-bottom: 20px; }
.social-copy p { max-width: 415px; color: var(--muted); font-size: .98rem; line-height: 1.75; }
.social-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.social-option { display: grid; justify-items: start; align-content: space-between; min-height: 190px; padding: 23px; border: 1px solid #d5e6de; border-radius: 22px; background: #fff; }
.social-icon { display: grid; place-items: center; width: 49px; height: 49px; margin-bottom: 22px; border-radius: 15px; color: #0d686d; background: #e0f4e9; }
.social-icon svg { width: 25px; height: 25px; }
.social-option > span:nth-child(2) { font: 800 1.05rem/1.3 Manrope, sans-serif; }
.social-option small { display: inline-block; margin-top: 11px; padding: 5px 9px; border-radius: 999px; background: #eaf1ee; color: #66817d; font-size: .65rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
@media (max-width: 1050px) { .contact-page .site-nav { gap: 10px; }.contact-page .site-nav > a { font-size: .73rem; } }
@media (max-width: 800px) { .contact-page .site-nav > a { font-size: .94rem; }.contact-hero-grid { padding-block: 128px 75px; }.contact-hero-copy { max-width: 700px; }.contact-section-head, .social-section { grid-template-columns: 1fr; gap: 28px; }.contact-channel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.contact-channel-card { min-height: 330px; }.contact-channel-faq { grid-column: 1 / -1; min-height: 255px; }.social-options { max-width: 760px; } }
@media (max-width: 560px) { .contact-hero-grid { padding-block: 117px 62px; }.contact-hero h1 { font-size: clamp(2.7rem, 11vw, 4rem); }.contact-hero-copy > p:not(.eyebrow) { font-size: 1rem; line-height: 1.7; }.contact-channels { padding-block: 70px 78px; }.contact-section-head { margin-bottom: 25px; }.contact-section-head h2, .social-copy h2 { font-size: clamp(2.25rem, 9.7vw, 3.2rem); }.contact-channel-grid { grid-template-columns: 1fr; gap: 11px; }.contact-channel-faq { grid-column: auto; }.contact-channel-card, .contact-channel-faq { min-height: 285px; padding: 24px; }.contact-icon { margin-bottom: 20px; }.social-section { padding-block: 75px 82px; }.social-options { grid-template-columns: 1fr; gap: 10px; }.social-option { grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; min-height: 81px; padding: 15px; }.social-icon { margin: 0; }.social-option small { margin: 0; } }