.contact-page { min-height:calc(100vh - 130px); padding:clamp(82px,10vw,155px) 8vw 150px; }
.contact-intro { margin-bottom:clamp(50px,7vw,94px); }
.contact-eyebrow { margin:0 0 14px; color:#666; font:700 11px var(--body); letter-spacing:.14em; text-transform:uppercase; }
.contact-intro h1 { margin:0; font:900 clamp(74px,10vw,148px)/.78 var(--display); letter-spacing:-.025em; text-transform:uppercase; }
.contact-intro > p:last-child { margin:26px 0 0; font-size:clamp(18px,2vw,25px); }
.contact-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(18px,2.2vw,34px); max-width:1240px; }
.contact-card { position:relative; display:grid; grid-template-columns:auto 1fr auto; column-gap:18px; align-items:center; min-height:195px; padding:34px clamp(25px,3vw,48px); border:1px solid #111; border-radius:27px; color:#080808; text-decoration:none; transition:background .2s ease,color .2s ease; }
.contact-card svg { grid-row:1/3; width:31px; height:31px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.65; }
.contact-card-label { align-self:end; color:#606060; font:700 11px var(--body); letter-spacing:.14em; text-transform:uppercase; }
.contact-card-value { grid-column:2; align-self:start; margin-top:6px; font:700 clamp(18px,2vw,28px)/1.15 var(--body); letter-spacing:-.03em; overflow-wrap:anywhere; }
.contact-card-arrow { grid-column:3; grid-row:1/3; font-size:30px; }
.contact-card:hover, .contact-card:focus-visible { background:#080808; color:#fff; outline:0; }.contact-card:hover .contact-card-label, .contact-card:focus-visible .contact-card-label { color:#d8d8d8; }
@media (max-width:650px) { .contact-page { min-height:calc(100vh - 90px); padding:70px 7vw 100px; }.contact-cards { grid-template-columns:1fr; }.contact-card { min-height:155px; padding:27px 24px; border-radius:22px; }.contact-card-value { font-size:18px; } }