.contact-page{color:#054b54;background:#fff}.contact-page main{overflow:clip}.contact-eyebrow{display:flex;align-items:center;gap:16px;margin:0 0 22px;color:#be6c39;font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.contact-eyebrow::before{width:42px;height:2px;background:currentColor;content:""}
.contact-hero{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(4rem,7vw,6rem);color:#fff;background:#054b54}.contact-hero__grid{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:3.25rem 3.25rem}.contact-hero__layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:center;gap:clamp(3rem,7vw,8rem)}.contact-hero__content{max-width:980px}.contact-hero .contact-eyebrow{color:#f9a061}.contact-hero h1{margin:0;color:#fff;font-size:clamp(64px,7vw,118px);font-weight:800;line-height:.92;letter-spacing:-.055em}.contact-hero__content>p:last-child{max-width:62ch;margin:28px 0 0;color:rgba(255,255,255,.8);font-size:var(--font-size-lg);line-height:1.65}.contact-route{display:grid;justify-items:center;color:rgba(255,255,255,.62);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-align:center;text-transform:uppercase}.contact-route span{width:min(100%,260px);padding:18px;border:1px solid rgba(249,160,97,.35);border-radius:10px;background:rgba(5,75,84,.45)}.contact-route i{display:block;width:1px;height:28px;background:#f9a061}.contact-route i::after{display:block;width:7px;height:7px;border-right:1px solid #f9a061;border-bottom:1px solid #f9a061;content:"";transform:translate(-3px,17px) rotate(45deg)}
.contact-main{padding-block:var(--section-space);background:#fff}.contact-main__layout{display:grid;grid-template-columns:minmax(280px,34%) minmax(0,66%);align-items:start;gap:clamp(3rem,7vw,8rem)}.contact-details{position:sticky;top:130px}.contact-details h2,.contact-next h2{margin:0;color:#054b54;font-size:clamp(2.8rem,5vw,5rem);line-height:1;letter-spacing:-.05em}.contact-details address{display:flex;align-items:flex-start;flex-direction:column;margin-top:clamp(2rem,4vw,3.5rem);font-style:normal;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.7}.contact-details address strong{margin-bottom:12px;font-size:1.2em}.contact-details address a{color:#054b54;font-weight:700;text-underline-offset:5px}.contact-details__rule{width:100%;height:1px;margin:26px 0;background:rgba(5,75,84,.2)}.contact-details__division{max-width:36ch;margin:30px 0 0;padding-top:24px;border-top:1px solid rgba(5,75,84,.2);color:rgba(5,75,84,.72);line-height:1.65}
.contact-form{padding:clamp(1.5rem,3vw,3rem);border:1px solid rgba(5,75,84,.18);border-radius:24px;background:#fff}.contact-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.contact-field--full{grid-column:1/-1}.contact-field label{display:block;margin-bottom:9px;color:#054b54;font-size:.92rem;font-weight:800}.contact-field label span{color:#be6c39}.contact-field input,.contact-field select,.contact-field textarea{width:100%;min-height:56px;padding:14px 16px;border:1px solid rgba(5,75,84,.28);border-radius:11px;color:#054b54;background:#fff;font:inherit}.contact-field textarea{min-height:180px;resize:vertical}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:#f9a061;outline:3px solid rgba(249,160,97,.3);outline-offset:1px}.contact-field [aria-invalid="true"]{border-color:#9b351f}.contact-field__error{min-height:1.25em;margin:7px 0 0;color:#8c2f1d;font-size:.84rem;font-weight:700}.contact-error-summary{margin-bottom:24px;padding:16px 18px;border:1px solid #9b351f;border-left-width:5px;border-radius:8px;color:#612115;background:#fff4f0;font-weight:700}.contact-submit{display:inline-flex;min-height:64px;align-items:center;justify-content:center;margin-top:28px;padding:7px;border:4px solid #f9a061;border-radius:16px;color:#054b54;background:#f9a061;font:inherit;font-weight:800;cursor:pointer}.contact-submit span{display:inline-flex;min-height:48px;align-items:center;padding:0 30px;border:2px solid #054b54;border-radius:10px;background:#f9a061}.contact-submit:hover span,.contact-submit:focus-visible span{color:#fff;background:#be6c39}.contact-submit:focus-visible{outline:3px solid #054b54;outline-offset:5px}.contact-submit:disabled{cursor:not-allowed;opacity:.65}.contact-confidentiality{max-width:70ch;margin:22px 0 0;color:rgba(5,75,84,.68);font-size:.88rem;line-height:1.55}.contact-form__status{margin:14px 0 0;color:#054b54;font-size:.9rem;font-weight:700}
.contact-next{padding-block:var(--section-space);background:#fff}.contact-next__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);align-items:start;gap:clamp(2rem,4vw,3rem);margin-bottom:clamp(2rem,3vw,2.75rem)}.contact-next__heading{min-width:0}.contact-next__heading .contact-eyebrow{margin-bottom:18px}.contact-next__header>p{max-width:46ch;margin:0;color:rgba(5,75,84,.78);font-size:var(--font-size-lg);line-height:1.65}.contact-next__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2vw,1.5rem)}.contact-panel{position:relative;display:flex;min-height:268px;flex-direction:column;padding:clamp(1.75rem,2.2vw,2.25rem);border:1px solid rgba(5,75,84,.24);border-radius:var(--radius-lg);color:#054b54;background:#fff;text-decoration:none;box-shadow:0 12px 30px rgba(5,75,84,.06);transition:transform .2s ease,box-shadow .2s ease}.contact-panel:nth-child(2){border-color:rgba(190,108,57,.3);background:#ffeadb}.contact-panel:nth-child(3){border-color:#054b54;color:#fff;background:#054b54}.contact-panel__number{color:#be6c39;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.contact-panel__content{margin-block:auto;padding-block:clamp(1.5rem,3vw,2rem)}.contact-panel h3{margin:0 0 12px;color:inherit;font-size:clamp(1.45rem,1.8vw,1.85rem);line-height:1.1}.contact-panel p{margin:0;color:rgba(5,75,84,.78);font-size:1rem;line-height:1.6}.contact-panel:nth-child(3) p{color:rgba(255,255,255,.8)}.contact-panel__action{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:auto;color:inherit;font-size:.9rem;font-weight:800}.contact-panel__arrow{color:#be6c39;font-size:1.55rem;line-height:1;transition:transform .2s ease}.contact-panel:nth-child(3) .contact-panel__number,.contact-panel:nth-child(3) .contact-panel__arrow{color:#f9a061}.contact-panel:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(5,75,84,.12)}.contact-panel:hover .contact-panel__arrow,.contact-panel:focus-visible .contact-panel__arrow{transform:translateX(4px)}.contact-panel:focus-visible{outline:3px solid #f9a061;outline-offset:4px}
@media(max-width:900px){.contact-hero__layout,.contact-main__layout{grid-template-columns:1fr}.contact-route{display:none}.contact-details{position:static}.contact-next__header{grid-template-columns:1fr}.contact-next__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.contact-hero{padding-block:4rem}.contact-hero h1{font-size:clamp(3.75rem,18vw,5.5rem)}.contact-main,.contact-next{padding-block:4rem}.contact-form{padding:22px;border-radius:18px}.contact-form__grid{grid-template-columns:1fr}.contact-field--full{grid-column:auto}.contact-next__grid{grid-template-columns:1fr}.contact-panel{min-height:0}}

@media(prefers-reduced-motion:reduce){.contact-panel,.contact-panel__arrow{transition:none}.contact-panel:hover{transform:none}}

/* Contact hero follows the approved homepage hero composition. */
.contact-page .contact-hero{display:grid;min-height:560px;align-items:center;padding-block:clamp(3rem,5.2vw,4.5rem);background:radial-gradient(circle at 82% 18%,rgba(249,160,97,.12),transparent 28rem),var(--color-primary-dark)}
.contact-page .contact-hero__grid{background-size:3.25rem 3.25rem;mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)}
.contact-page .contact-hero__layout{grid-template-columns:minmax(0,1fr);justify-items:center;gap:0}
.contact-page .contact-hero__content{width:100%;max-width:75rem;text-align:center}
.contact-page .contact-hero .contact-eyebrow{margin:0 0 var(--space-md);color:var(--color-accent);font-size:var(--font-size-xs);font-weight:700;letter-spacing:var(--letter-spacing-wide);line-height:1.4;text-transform:uppercase}
.contact-page .contact-hero h1{max-width:16ch;margin:0 auto var(--space-lg);font-family:var(--font-secondary);font-size:clamp(3.25rem,7vw,6.5rem);font-weight:800;line-height:.92;letter-spacing:-.055em}
.contact-page .contact-hero__content>p:last-child{max-width:62ch;margin:0 auto;color:rgba(255,255,255,.78);font-size:var(--font-size-lg);line-height:1.65}
.contact-page .contact-route{position:relative;display:grid;width:min(100%,70rem);height:clamp(17.5rem,48vw,33.9375rem);grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr) 80px minmax(0,1fr);align-items:center;justify-items:stretch;overflow:hidden;padding:clamp(3rem,6vw,5rem);border:1px solid rgba(255,255,255,.22);border-block-end:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 55%),repeating-linear-gradient(0deg,transparent 0 2.95rem,rgba(255,255,255,.08) 3rem),repeating-linear-gradient(90deg,transparent 0 2.95rem,rgba(255,255,255,.08) 3rem),#123f47;box-shadow:0 -1rem 4rem rgba(0,0,0,.22)}
.contact-page .contact-route::before{position:absolute;top:0;left:0;width:100%;height:2.5rem;border-bottom:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 1.25rem 50%,#f9a061 0 .25rem,transparent .28rem),radial-gradient(circle at 2.1rem 50%,#be6c39 0 .25rem,transparent .28rem),radial-gradient(circle at 2.95rem 50%,rgba(255,255,255,.55) 0 .25rem,transparent .28rem),rgba(3,55,62,.9);content:""}
.contact-page .contact-route span{width:100%;min-height:72px;display:grid;place-items:center;padding:16px;border:1px solid rgba(249,160,97,.5);border-radius:14px;color:#fff;background:#054b54;font-size:clamp(.72rem,1vw,.9rem)}
.contact-page .contact-route i{position:relative;width:100%;height:1px;background:#f9a061}
.contact-page .contact-route i::after{position:absolute;top:-3px;right:0;width:7px;height:7px;border:0;border-top:1px solid #f9a061;border-right:1px solid #f9a061;transform:rotate(45deg);content:""}
@media(max-width:700px){
  .contact-page .contact-hero{min-height:0;padding-block:4rem}
  .contact-page .contact-hero h1{font-size:clamp(3rem,14vw,4.5rem)}
  .contact-page .contact-route{display:grid;height:auto;min-height:360px;grid-template-columns:1fr;grid-template-rows:auto 36px auto 36px auto;padding:4rem 22px 28px}
  .contact-page .contact-route i{width:1px;height:100%;justify-self:center}
  .contact-page .contact-route i::after{top:auto;right:-3px;bottom:0;border-top:0;border-right:1px solid #f9a061;border-bottom:1px solid #f9a061;transform:rotate(45deg)}
}
@media(max-width:480px){.contact-submit{width:100%}.contact-submit span{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.contact-panel__arrow{transition:none}}
.contact-main{background:#fff}

/* Match the quote action frame while preserving the contact button's content. */
.contact-referral-field {
  margin-top: clamp(1.75rem, 3vw, 2.25rem);
}

.contact-page:not(.quote-page) .contact-submit {
  padding: 4px;
  border-width: 3px;
  border-radius: 18px;
}