/* Contact page — shared colors, header, footer and display font from ../styles.css. */
.contact-page {background:var(--pink);}
.contact-hero {background:var(--pink);}
.contact-hero-inner {padding-block:clamp(55px,6vw,94px) clamp(58px,6.5vw,104px);}
.contact-hero .eyebrow {margin:0 0 25px;}
.contact-hero h1 {font-size:clamp(94px,13vw,184px);line-height:.91;margin:0 0 30px;}
.contact-intro {font-size:clamp(20px,2.5vw,32px);font-weight:700;line-height:1.3;margin:0 0 22px;}
.contact-address {font-size:clamp(21px,3.1vw,42px);line-height:1.3;font-weight:700;border-bottom:2px solid var(--ink);padding-bottom:9px;display:inline-flex;align-items:center;gap:15px;overflow-wrap:anywhere;}
.contact-address span {font-size:.8em;flex-shrink:0;}
.contact-address:hover {opacity:.7;}
.contact-options {background:var(--ink);color:var(--white);padding-block:clamp(55px,6vw,95px);}
.contact-options-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;}
.contact-option {min-width:0;border:1px solid var(--pink);color:var(--pink);padding:21px 22px;min-height:105px;display:flex;justify-content:space-between;align-items:center;gap:12px;font:400 clamp(25px,2.45vw,37px)/1.1 var(--font-display);text-transform:uppercase;}
.contact-option span:last-child {font:700 27px/1 var(--font-body);}
.contact-option:hover,.contact-option:focus-visible {background:var(--pink);color:var(--ink);}
.contact-reply {margin:25px 0 0;color:#ddd0da;font-size:15px;line-height:1.5;}
.contact-listen {background:var(--paper);padding-block:clamp(55px,5.5vw,86px);}
.contact-listen .eyebrow {margin:0 0 15px;}
.contact-listen h2 {font-size:clamp(59px,7.2vw,102px);margin:0 0 31px;}
.contact-listen .about-platforms {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;}
.contact-listen .about-platforms a {display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:18px 7px 18px 0;font-weight:700;font-size:clamp(13px,1.2vw,17px);}
.contact-listen .about-platforms a span {font-size:21px;}
.contact-listen .about-platforms a:hover {opacity:.66;}
@media(max-width:1000px) {
 .contact-options-grid {grid-template-columns:1fr;gap:12px;}
 .contact-option {min-height:78px;}
 .contact-listen .about-platforms {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:700px) {
 .contact-hero h1 {font-size:clamp(80px,17vw,122px);}
 .contact-listen .about-platforms {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:520px) {
 .contact-hero-inner {padding-block:42px 55px;}
 .contact-hero h1 {font-size:clamp(70px,17vw,90px);}
 .contact-address {font-size:clamp(20px,6.2vw,27px);gap:7px;}
 .contact-option {font-size:29px;padding-inline:17px;}
 .contact-listen .about-platforms {grid-template-columns:1fr;gap:0;}
 .contact-listen .about-platforms a {padding-block:16px;border-bottom:0;}
 .contact-listen .about-platforms a:last-child {border-bottom:1px solid var(--ink);}
}

@media(max-width:380px) {.contact-hero h1 {font-size:clamp(54px,16vw,62px);}}