/*
 * martel/contact — section layout only.
 *
 * The form's own styling (labels, inputs, select, footer, submit button) is in
 * assets/styles/gravity-forms.css, unscoped, because every form on this site is
 * a Gravity Form. Nothing form-related belongs here.
 *
 * Enqueued by Blocks::enqueue_section_block_styles(), NOT by block.json `style`.
 */
.martel-contactform { background: var(--wp--preset--color--main); padding: 130px var(--wp--custom--gutter); overflow-x: hidden; }
.martel-contactform__grid { max-width: 1340px; margin: 0 auto; display: grid; grid-template-columns: 1.28fr 0.72fr; gap: 80px; align-items: start; }
.martel-contactform__col-form > * { margin-top: 0; margin-bottom: 0; }
.martel-contactform__col-form .is-style-eyebrow { color: rgba(255,255,255,.62); margin-bottom: 24px; }
.martel-contactform__heading { font-size: clamp(30px, 3.2vw, 46px); line-height: 1.05; letter-spacing: var(--wp--custom--letter-spacing--tight); text-wrap: balance; margin: 0 0 16px; }
.martel-contactform__helper { font-size: 16.5px; font-weight: 600; line-height: 1.68; color: rgba(255,255,255,.6); max-width: 560px; margin: 0 0 44px; }
.martel-contactform__note { font-size: 13.5px; font-weight: 600; color: rgba(255,255,255,.42); margin-top: 20px; }

.martel-offices { display: flex; flex-direction: column; }
.martel-offices__card { position: relative; background: var(--wp--preset--color--ink); padding: 44px 40px 46px; overflow: hidden; }
.martel-offices__card::before { content: ""; position: absolute; right: 0; top: 0; width: 110px; height: 110px; clip-path: polygon(38% 0, 100% 0, 100% 62%); background: repeating-linear-gradient(135deg, var(--wp--preset--color--primary) 0 11px, transparent 11px 24px); opacity: .85; pointer-events: none; }
.martel-offices__label { font-size: 14px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--red-bright); margin: 0 0 30px; }
.martel-offices__row { padding: 22px 0; border-top: 1px solid var(--wp--preset--color--border-dark); }
.martel-offices__row:first-of-type { border-top: none; padding-top: 0; }
.martel-offices__row > * { margin-top: 0; margin-bottom: 0; }
.martel-offices__row > * + * { margin-top: 10px; }
.martel-offices__city { display: block; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.5); }
.martel-offices__address { font-size: 16px; font-weight: 500; line-height: 1.5; color: #fff; }
.martel-offices__phone a { display: inline-flex; align-items: center; text-decoration: none; font-size: 16px; font-weight: 600; color: rgba(255,255,255,.86); transition: color .3s ease; }
.martel-offices__phone a:hover { color: #fff; }
.martel-offices__hours { background: var(--wp--preset--color--primary); padding: 34px 40px 36px; display: flex; flex-direction: column; gap: 20px; }
.martel-offices__hours-label { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #fff; margin: 0; }
.martel-offices__hours-value { font-size: 16px; font-weight: 600; line-height: 1.5; color: #fff; margin: 6px 0 0; }
.martel-offices__social { display: flex; gap: 18px; padding-top: 6px; }
.martel-offices__social .wp-block-social-link { transition: transform .3s ease, opacity .3s ease; }
.martel-offices__social .wp-block-social-link:hover { opacity: .75; transform: translateY(-3px); }
.martel-offices__social .wp-block-social-link svg { width: 20px; height: 20px; }
@media (max-width: 1024px) { .martel-contactform { padding: 96px 28px; } .martel-contactform__grid { grid-template-columns: 1fr; gap: 56px; } }
@media (max-width: 640px) { .martel-contactform { padding: 64px 18px; } .martel-offices__card, .martel-offices__hours { padding-left: 26px; padding-right: 26px; } }
@media (prefers-reduced-motion: reduce) { .martel-offices__social-link, .martel-offices__phone a { transition: none; } }