.contact{background:#176bff;color:#fff;display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;align-items:start}
.contact .eyebrow span{background:#fff}
.contact-intro h2{font-size:clamp(3.2rem,6vw,6.8rem);margin:2rem 0}
.contact-intro h2 em{color:#c4d8ff;font-style:normal;font-weight:500}
.contact-intro>p:last-child{max-width:560px;color:#dbe7ff;font-size:1.12rem}
.contact-grid{border-top:1px solid rgba(255,255,255,.38)}
.contact-card{display:grid;grid-template-columns:42px 1fr auto;grid-template-areas:"number label arrow" "number value arrow";gap:.1rem 1.2rem;align-items:center;padding:1.75rem .25rem;border-bottom:1px solid rgba(255,255,255,.38);transition:padding .25s,background .25s}
.contact-card:hover,.contact-card:focus-visible{padding-left:1rem;padding-right:1rem;background:rgba(4,20,52,.16);outline:none}
.contact-number{grid-area:number;color:#bcd3ff;font-size:.72rem;align-self:start;padding-top:.3rem}
.contact-card small{grid-area:label;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;color:#c5d8ff}
.contact-card strong{grid-area:value;font:600 clamp(1.15rem,2vw,1.75rem)/1.35 "Manrope",sans-serif;letter-spacing:-.035em}
.contact-card b{grid-area:arrow;font-size:1.2rem}
footer a{transition:color .2s}footer a:hover{color:#fff}
@media(max-width:900px){.contact{grid-template-columns:1fr}.contact-grid{margin-top:1rem}}
@media(max-width:600px){.contact-intro h2{font-size:2.8rem}.contact-card{grid-template-columns:30px 1fr auto;gap:.15rem .7rem}.contact-card strong{font-size:1rem}.address-card strong{font-size:1.05rem}}