.contact-center-section { padding:80px 0; background:#fff; color:#0d1b3e; }
.contact-center-inner { width:calc(100% - clamp(32px,9vw,128px)); max-width:1280px; margin:auto; }
.contact-center-head { margin-bottom:80px; }
.contact-center-eyebrow { display:block; color:#4264ff; font-size:12px; margin-bottom:40px; }
.contact-center-heading { display:grid; grid-template-columns:1.45fr 1fr; gap:80px; align-items:start; }
.contact-center-heading h2 { margin:0; max-width:24ch; font-size:clamp(24px,3vw,40px); font-weight:500; line-height:1.4; }
.contact-center-heading p { margin:0; font-size:16px; line-height:1.85; text-align:justify; }
.contact-center-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.contact-center-card { grid-column:span 2; display:flex; flex-direction:column; border:1px solid #edeef4; border-radius:8px; background:#f5f5fa; min-width:0; overflow:hidden; --contact-card-fade:#f5f5fa; transition:background-color .2s,border-color .2s; }
.contact-center-card:hover,.contact-center-card:focus-visible,.contact-center-card.is-animating { background-color:#eceffa; background-image:linear-gradient(transparent 56%,#fff 70%),url('images/contact-center/hover-gradient.avif'); background-position:0 0,50% 0; background-size:auto,cover; border-color:#1a1b4514; --contact-card-fade:#fff; }
.contact-center-card:nth-child(-n+2) { grid-column:span 3; }
.contact-center-motion { width:100%; aspect-ratio:12 / 17; flex:none; }
.contact-center-card:nth-child(-n+2) .contact-center-motion { aspect-ratio:10 / 11; }
.contact-center-copy { padding:32px; }
.contact-center-copy h3 { margin:0 0 10px; font-size:20px; font-weight:500; line-height:1.5; }
.contact-center-copy p { margin:0; color:#748096; font-size:17px; line-height:1.8; text-align:justify; }
@media(max-width:991px) {
 .contact-center-inner { width:calc(100% - 16px); }
 .contact-center-heading { gap:32px; }
 .contact-center-head { margin-bottom:48px; }
 .contact-center-copy { padding:24px; }
 .contact-center-copy p { font-size:15px; }
}
@media(prefers-reduced-motion:reduce) { .contact-center-card { transition:none; } }
@media(max-width:600px) {
 .contact-center-section { padding:56px 0; }
 .contact-center-eyebrow { margin-bottom:24px; }
 .contact-center-heading { grid-template-columns:1fr; gap:20px; }
 .contact-center-grid { grid-template-columns:1fr; gap:16px; }
 .contact-center-card,.contact-center-card:nth-child(-n+2) { grid-column:auto; }
 .contact-center-motion,.contact-center-card:nth-child(-n+2) .contact-center-motion { aspect-ratio:1; }
}