/* sections.css — section-specific layout: hero, deep (about), contact.
   Visual design preserved verbatim. */

/* ---------- hero ---------- */
#hero{align-items:flex-start;padding-top:26vh}
#hero h2{font-size:clamp(38px,7.6vw,76px);color:#fff;text-shadow:0 4px 40px rgba(6,34,43,.45)}
#hero .lead{color:rgba(234,247,245,.92);text-shadow:0 2px 20px rgba(6,34,43,.5)}
#hero .cta-row{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}

/* ---------- deep / about ---------- */
#deep .plane{text-align:center}
#deep .lead{margin:0 auto}

/* ---------- contact ---------- */
#contact{text-align:center}
#contact h2{font-size:clamp(34px,6.4vw,64px);color:#0E3A44}
#contact .lead{color:#3E6A72;margin:0 auto}
#contact .phone{
  font-family:var(--display);font-weight:800;font-size:clamp(32px,8vw,72px);
  color:#0E3A44;text-decoration:none;display:inline-block;margin:26px 0 6px;
  border-bottom:4px solid var(--gator);line-height:1.15;letter-spacing:-.02em;
  transition:color .2s,border-color .2s;
}
#contact .phone:hover{color:var(--gator)}
#contact .badge{display:inline-flex;align-items:center;gap:10px;background:rgba(67,165,92,.12);
  border:1px solid rgba(67,165,92,.3);color:#1E6B36;font-weight:600;font-size:13px;
  padding:8px 16px;border-radius:999px;margin-bottom:22px}
#contact a.ig{color:#1E6B36;border-color:rgba(67,165,92,.4);margin-top:20px}
#contact a.ig:hover{background:rgba(67,165,92,.08)}
#contact .small{color:#5B858D;font-size:13px;margin-top:22px}