/* Phase 6: prominent contact details, scoped to the contact page. */
.page-contact .contact-intro{background:var(--cream);padding:35px 0 55px}
.page-contact .contact-intro .breadcrumb{margin-bottom:24px}
.page-contact .contact-intro-heading{margin-bottom:32px}
.page-contact .contact-intro-heading .eyebrow{margin-bottom:14px}
.page-contact .contact-intro h1{font-size:clamp(2.4rem,4vw,3.75rem);color:var(--green-dark);margin-bottom:16px;max-width:1000px}
.page-contact .contact-intro-heading>p{font-size:1.04rem;color:var(--muted);margin-bottom:0}
.page-contact .contact-details-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:26px;align-items:stretch}
.page-contact .contact-call-card{padding:33px;background:var(--green-dark);color:#fff;border-radius:14px;border-bottom:5px solid var(--orange);display:flex;flex-direction:column}
.page-contact .contact-card-heading{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.page-contact .contact-card-heading h2{font-size:1.5rem;letter-spacing:-.025em;margin:0}
.page-contact .contact-detail-icon{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:50%;background:var(--green-light);color:var(--green)}
.page-contact .contact-detail-icon .icon{width:23px;height:23px}
.page-contact .contact-call-card .contact-detail-icon{background:#ffffff17;color:#fff}
.page-contact .contact-call-card h2 span{color:#ffad69}
.page-contact .contact-phone-list{display:grid;gap:10px;margin-bottom:27px}
.page-contact .contact-phone-list>a{display:flex;align-items:center;gap:12px;font-size:1.55rem;line-height:1.3;letter-spacing:.015em;min-height:46px;width:fit-content;max-width:100%}
.page-contact .contact-phone-list .icon{width:21px;height:21px;flex:none;color:#b9d6c8}
.page-contact .contact-phone-list .contact-primary-phone{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;width:100%;padding:5px 0 21px;margin-bottom:9px;border-bottom:1px solid #ffffff30}
.page-contact .contact-primary-phone>span{grid-column:1/-1;font-size:.76rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#d4e6dc}
.page-contact .contact-primary-phone>strong{font-size:clamp(1.9rem,3vw,2.75rem);letter-spacing:.02em}
.page-contact .contact-primary-phone>.icon{width:27px;height:27px;color:var(--orange)}
.page-contact .contact-phone-list a:hover strong{text-decoration:underline;text-underline-offset:6px}
.page-contact .contact-whatsapp{background:#fff;color:var(--green-dark);border:1px solid #fff;align-self:flex-start;font-size:.95rem;margin-top:auto}
.page-contact .contact-whatsapp:hover{background:#eaf4e9;border-color:#eaf4e9}
.page-contact .contact-whatsapp .icon{width:25px;height:25px}
.page-contact .contact-secondary-details{display:grid;gap:20px;min-width:0}
.page-contact .contact-detail-card{padding:26px 30px;background:#fff;border:1px solid var(--line);border-radius:14px;min-width:0}
.page-contact .contact-detail-card .contact-card-heading{margin-bottom:15px}
.page-contact .contact-email-list{display:grid;gap:10px}
.page-contact .contact-email-list a{font-size:clamp(1rem,1.6vw,1.32rem);font-weight:750;line-height:1.45;color:var(--green);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#b8cdc2}
.page-contact .contact-email-list a:hover{text-decoration-color:var(--green)}
.page-contact .contact-detail-card address{font-size:1.08rem;line-height:1.65;font-style:normal;color:var(--green-dark);margin:0 0 18px}
.page-contact .contact-detail-card .text-link{font-size:.88rem}
.page-contact .contact-message-copy .section-heading{margin-bottom:0}
.page-contact .map-section .contact-lines a{font-size:1.05rem;line-height:1.5;min-height:34px}
.page-contact .map-section .contact-lines .icon{height:21px;width:21px;flex:none}
.page-contact .map-section .map-layout>div>p{font-size:1.05rem}
@media(max-width:900px){
 .page-contact .contact-details-grid{grid-template-columns:1fr 1.1fr;gap:18px}
 .page-contact .contact-call-card,.page-contact .contact-detail-card{padding:24px}
 .page-contact .contact-card-heading{gap:10px}
 .page-contact .contact-card-heading h2{font-size:1.25rem}
 .page-contact .contact-phone-list>a{font-size:1.4rem}
 .page-contact .contact-whatsapp{font-size:.8rem;padding:13px 12px;gap:8px}
}
@media(max-width:760px){
 .page-contact .contact-intro{padding:25px 0 35px}
 .page-contact .contact-intro .breadcrumb{margin-bottom:21px}
 .page-contact .contact-intro-heading{margin-bottom:25px}
 .page-contact .contact-intro h1{font-size:2.65rem;line-height:1.1}
 .page-contact .contact-intro-heading>p{font-size:.96rem}
 .page-contact .contact-details-grid{grid-template-columns:1fr;gap:18px}
 .page-contact .contact-call-card{padding:26px}
 .page-contact .contact-card-heading h2{font-size:1.4rem}
 .page-contact .contact-phone-list .contact-primary-phone>strong{font-size:2.3rem}
 .page-contact .contact-phone-list>a{font-size:1.5rem}
 .page-contact .contact-whatsapp{font-size:.91rem;padding:14px 17px}
 .page-contact .contact-detail-card{padding:25px}
 .page-contact .contact-email-list a{font-size:1.08rem}
 .page-contact .contact-detail-card address{font-size:1.05rem}
}
@media(max-width:380px){
 .page-contact .contact-intro h1{font-size:2.3rem}
 .page-contact .contact-call-card,.page-contact .contact-detail-card{padding:20px}
 .page-contact .contact-card-heading h2{font-size:1.2rem}
 .page-contact .contact-phone-list .contact-primary-phone>strong{font-size:1.9rem}
 .page-contact .contact-whatsapp{font-size:.79rem;padding:13px 10px;gap:7px}
 .page-contact .contact-email-list a{font-size:1rem}
}