body { min-height: 100vh; display: flex; flex-direction: column; }
.contact-main { flex: 1; background: linear-gradient(120deg, #f2f7fa, #fff 75%); padding: 76px 40px 88px; }
.contact-shell { max-width: 1120px; margin: auto; }
.contact-eyebrow { margin: 0 0 18px; color: var(--blue); font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }
.contact-main h1 { margin: 0 0 20px; font-size: clamp(42px, 5vw, 64px); line-height: 1.1; letter-spacing: -2px; font-weight: 500; }
.contact-lead { max-width: 560px; margin: 0 0 48px; color: var(--muted); font-size: 18px; line-height: 1.75; }
.contact-panel { display: grid; grid-template-columns: 1fr 1.15fr; background: #fff; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; box-shadow: 0 18px 60px #172f4008; }
.contact-address { padding: 42px; background-color: #192f3d; background-image: linear-gradient(180deg, rgba(25, 47, 61, .88), rgba(25, 47, 61, .68)), url('../images/location-001.jpg'); background-size: cover; background-position: center; color: #fff; }
.contact-address .contact-label { color: #83cdec; }
.contact-address h2 { font-size: 24px; font-weight: 500; margin: 24px 0 18px; letter-spacing: -.5px; }
.contact-address address { font-style: normal; line-height: 1.9; color: #d8e5ed; font-size: 16px; }
.contact-label { font-size: 11px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase; margin: 0 0 12px; color: var(--muted); }
.contact-details { padding: 12px 42px; margin: 0; }
.contact-detail { padding: 26px 0; }
.contact-detail + .contact-detail { border-top: 1px solid var(--line); }
.contact-details dd { margin: 0; line-height: 1.65; font-size: 17px; }
.contact-details a { color: var(--ink); text-decoration: none; text-underline-offset: 5px; overflow-wrap: anywhere; }
.contact-details a:hover { color: var(--blue); text-decoration: underline; }
.contact-details .contact-email { font-size: clamp(18px, 2.2vw, 24px); }
.contact-hours { color: var(--muted); font-size: 15px; }
.contact-footer { padding: 28px 40px; border-top: 1px solid var(--line); background: #fff; }
.contact-footer-inner { max-width: 1120px; margin: auto; display: flex; justify-content: space-between; gap: 24px; color: var(--muted); font-size: 12px; }
.contact-footer a { color: var(--muted); text-decoration: none; }
.contact-footer a:hover { text-decoration: underline; }
.contact-footer-links { display: flex; flex-wrap: wrap; gap: 24px; }
@media (max-width: 700px) { .contact-main { padding: 44px 22px 52px; } .contact-lead { font-size: 16px; margin-bottom: 30px; } .contact-panel { grid-template-columns: 1fr; } .contact-address { padding: 30px; } .contact-details { padding: 4px 30px; } .contact-footer { padding: 24px 22px; } .contact-footer-inner { flex-direction: column; gap: 16px; } }