/* Lead Relief — Erie fairway-wood bayfront. Teal, sand, overlapping cards. */
:root {
  --lrel-teal: #1b6b6a;
  --lrel-deep: #0e3a3a;
  --lrel-sand: #ead9c0;
  --lrel-foam: #f7f3ec;
  --lrel-ink: #24302c;
  --lrel-clay: #c46a48;
  --lrel-display: "Hoefler Text", "Palatino Linotype", Palatino, serif;
  --lrel-body: "Optima", "Gill Sans", "Segoe UI", sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
body.lrel-body {
  margin: 0; color: var(--lrel-ink);
  background:
    radial-gradient(800px 360px at 90% 0%, rgba(27,107,106,0.12), transparent 55%),
    var(--lrel-foam);
  font-family: var(--lrel-body); font-size: 1.05rem; line-height: 1.65;
}
body.lrel-lock { overflow: hidden; }
a { color: var(--lrel-teal); }
h1,h2,h3,.lrel-name,.lrel-pill { font-family: var(--lrel-display); }
h1 { font-size: clamp(2.15rem, 5.5vw, 3.6rem); line-height: 1.06; margin: 0 0 0.55rem; color: var(--lrel-deep); }
h2 { font-size: clamp(1.35rem, 2.8vw, 1.95rem); color: var(--lrel-deep); }
.lrel-skip { position: absolute; left: -999px; top: 0; background: var(--lrel-teal); color: #fff; padding: 0.4rem 0.7rem; z-index: 80; }
.lrel-skip:focus { left: 0.5rem; top: 0.5rem; }
.lrel-wave { height: 8px; background: linear-gradient(90deg, var(--lrel-teal), var(--lrel-clay), var(--lrel-teal)); }
.lrel-shell { width: min(1110px, calc(100% - 2rem)); margin-inline: auto; }
.lrel-head { position: sticky; top: 0; z-index: 40; background: rgba(247,243,236,0.93); backdrop-filter: blur(8px); }
.lrel-head.is-pinned { box-shadow: 0 10px 22px rgba(14,58,58,0.1); }
.lrel-head__row { display: flex; justify-content: space-between; align-items: center; min-height: 4.3rem; }
.lrel-name { text-decoration: none; color: var(--lrel-deep); }
.lrel-name strong { display: block; font-size: 1.2rem; }
.lrel-name span { font-family: var(--lrel-body); font-size: 0.76rem; color: var(--lrel-teal); font-weight: 400; }
.lrel-menu-btn { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--lrel-teal); background: #fff; display: grid; gap: 5px; place-content: center; cursor: pointer; }
.lrel-menu-btn span { width: 16px; height: 1.6px; background: var(--lrel-deep); display: block; }
.lrel-panel { display: none; }
.lrel-panel.is-open { display: block; position: fixed; inset: 0; background: var(--lrel-deep); color: var(--lrel-sand); padding: 5.2rem 1.4rem; z-index: 35; overflow: auto; }
.lrel-panel a { color: var(--lrel-sand); text-decoration: none; font-size: 1.15rem; }
.lrel-panel ul { list-style: none; padding: 0; display: grid; gap: 0.55rem; }
.lrel-pill { display: inline-block; margin-top: 1rem; background: var(--lrel-clay); color: #fff !important; padding: 0.65rem 1.15rem; border-radius: 999px; text-decoration: none; font-size: 0.85rem; }
.lrel-hero { padding: 2.4rem 0; }
.lrel-eyebrow { letter-spacing: 0.16em; text-transform: uppercase; font-size: 0.72rem; color: var(--lrel-clay); }
.lrel-pill--ghost { background: none; color: var(--lrel-deep) !important; box-shadow: inset 0 0 0 1px var(--lrel-deep); }
.lrel-overlap { display: grid; gap: 0.8rem; }
.lrel-overlap article { background: var(--lrel-sand); padding: 1.1rem 1.15rem; border-radius: 1.2rem 0.2rem 1.2rem 0.2rem; }
.lrel-sec { padding: 2.1rem 0; }
.lrel-sec--deep { background: var(--lrel-deep); color: var(--lrel-sand); }
.lrel-sec--deep h2, .lrel-sec--deep a { color: var(--lrel-sand); }
.lrel-two { display: grid; gap: 1.2rem; }
.lrel-quote { margin: 0; padding: 1rem 1.1rem; background: #fff; border-radius: 0 1.4rem 0 1.4rem; }
.lrel-form label { display: block; font-size: 0.78rem; margin: 0.55rem 0 0.2rem; }
.lrel-form input, .lrel-form select, .lrel-form textarea { width: 100%; border: 0; background: #fff; border-radius: 0.5rem; padding: 0.65rem; font: inherit; box-shadow: inset 0 0 0 1px rgba(14,58,58,0.18); }
.lrel-menu-grid { display: grid; gap: 1rem; }
.lrel-menu-grid article { background: #fff; padding: 1.15rem; border-radius: 1rem; }
.lrel-cash { font-family: var(--lrel-display); font-size: 1.65rem; color: var(--lrel-teal); }
.lrel-bios { display: grid; gap: 1rem; }
.lrel-end { background: var(--lrel-deep); color: var(--lrel-sand); padding: 2.3rem 0 1rem; }
.lrel-end a { color: var(--lrel-clay); }
.lrel-end__grid { display: grid; gap: 1.1rem; }
.lrel-end h2 { font-size: 0.95rem; color: #fff; }
.lrel-end ul { list-style: none; padding: 0; margin: 0; }
.lrel-hrs li { display: flex; justify-content: space-between; font-size: 0.86rem; }
.lrel-lost { padding: 4.2rem 0; }
.lrel-list a { display: block; padding: 1rem 0; border-bottom: 1px solid rgba(14,58,58,0.12); text-decoration: none; color: inherit; }
.lrel-fade { opacity: 0; transform: translateY(12px); transition: 0.55s ease; }
.lrel-fade.is-in { opacity: 1; transform: none; }
@media (min-width: 760px) {
  .lrel-hero { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 1.4rem; align-items: center; }
  .lrel-two, .lrel-menu-grid { grid-template-columns: 1fr 1fr; }
  .lrel-overlap { grid-template-columns: 1fr 1fr; }
  .lrel-bios { grid-template-columns: 1fr 1fr 1fr; }
  .lrel-end__grid { grid-template-columns: 1.3fr 1fr 1fr 1fr; }
}
@media (min-width: 980px) {
  .lrel-menu-btn { display: none; }
  .lrel-panel { display: flex; position: static; background: none; padding: 0; color: inherit; align-items: center; gap: 0.75rem; }
  .lrel-panel ul { display: flex; flex-wrap: wrap; gap: 0.7rem; }
  .lrel-panel a { color: var(--lrel-deep); font-size: 0.78rem; }
  .lrel-pill { margin: 0; padding: 0.45rem 0.85rem; font-size: 0.75rem; }
}