:root {
  --hp-cream: #fff8ec;
  --hp-paper: #f6efe3;
  --hp-ink: #102033;
  --hp-muted: #66758a;
  --hp-copper: #b65e26;
  --hp-line: rgba(16, 32, 51, 0.1);
  --hp-blue: #07182d;
  --hp-blue-2: #112945;
  --hp-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* Place stories: geography supports a life decision instead of becoming an SEO grid. */
.hv-place-story{background:radial-gradient(circle at 84% 8%,rgba(196,106,45,.16),transparent 26rem),linear-gradient(180deg,#fbf6ee 0%,#f3ede4 100%);color:#102440;font-family:var(--hv-font-body);padding-bottom:clamp(4rem,8vw,8rem)}
.hp-public.hv-place-story{--hp-ink:#102440;--hp-line:rgba(16,36,64,.16)}
.dark .hp-public.hv-place-story{--hp-ink:#102440;--hp-line:rgba(16,36,64,.16)}
.hv-place-story__hero{width:min(100% - 2rem,86rem);margin-inline:auto;padding:clamp(4rem,9vw,8.5rem) clamp(1.25rem,5vw,5rem);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(17rem,.6fr);gap:clamp(3rem,8vw,8rem);align-items:end;border:1px solid rgba(16,36,64,.1);border-radius:2rem;background:rgba(255,251,245,.82);box-shadow:0 2rem 6rem rgba(16,36,64,.08)}
.hv-place-story__hero-copy h1{max-width:12ch;margin:.8rem 0 1.6rem;color:#102440;font-family:var(--hv-font-display);font-size:clamp(3.2rem,7.4vw,7.5rem);line-height:.89;letter-spacing:-.07em}
.hv-place-story__hero-copy>p:not(.hp-public__kicker){max-width:47rem;font-size:clamp(1.05rem,1.7vw,1.32rem);line-height:1.75;color:#526174}
.hv-place-story__back{display:inline-flex;margin-bottom:2rem;color:#a9542d;font-size:.76rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;text-decoration:none}
.hv-place-story__back:before{content:'←';margin-right:.55rem}
.hv-place-story__portrait{position:relative;min-height:34rem;overflow:hidden;border-radius:1.5rem;background:#e8e0d5;box-shadow:0 1.5rem 4rem rgba(16,36,64,.14)}
.hv-place-story__portrait>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.hv-place-story__portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(8,25,45,.82) 100%)}
.hv-place-story__portrait .hv-place-story__truth{position:absolute;z-index:1;left:1.5rem;right:1.5rem;bottom:1.5rem;padding:1.5rem;border-top-color:rgba(255,255,255,.35);color:#fff}
.hv-place-story__portrait .hv-place-story__truth span{color:#f4bb8e}
.hv-place-story__portrait .hv-place-story__truth p{color:rgba(255,255,255,.78)}
.hv-place-story__truth{padding:2rem 0 0;border-top:1px solid rgba(16,36,64,.16)}
.hv-place-story__truth span{display:block;color:#a9542d;font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.hv-place-story__truth strong{display:block;margin:.55rem 0;font-size:clamp(4.5rem,9vw,8rem);line-height:.86;letter-spacing:-.07em}
.hv-place-story__truth p{max-width:18rem;margin:0;color:#637084;line-height:1.55}
.hv-place-story__places{width:min(100% - 2rem,76rem);margin:clamp(5rem,10vw,10rem) auto 0}
.hv-place-story__heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(17rem,.7fr);gap:1rem clamp(2rem,7vw,7rem);align-items:end;margin-bottom:clamp(2.5rem,5vw,5rem)}
.hv-place-story__heading .hp-public__eyebrow{grid-column:1/-1}
.hv-place-story__heading h2{max-width:17ch;margin:0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.97;letter-spacing:-.055em}
.hv-place-story__heading>p:last-child{margin:0;color:#637084;font-size:1.04rem;line-height:1.75}
.hv-place-story__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.hv-place-story__card{min-height:30rem;display:flex;flex-direction:column;border:1px solid rgba(16,36,64,.1);border-radius:1.5rem;overflow:hidden;background:#fffaf3;color:#102440;text-decoration:none;transition:transform .28s ease,box-shadow .28s ease}
.hv-place-story__card:hover{transform:translateY(-4px);box-shadow:0 1.5rem 4rem rgba(16,36,64,.12)}
.hv-place-story__card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#e8e0d5}
.hv-place-story__media-note{display:grid;place-items:end start;width:100%;aspect-ratio:16/9;margin:0;padding:1.5rem;background:radial-gradient(circle at 78% 22%,rgba(169,84,45,.24),transparent 34%),linear-gradient(145deg,#102440,#263b58);color:#fff8ec;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hv-place-story__card>div{display:flex;flex:1;flex-direction:column;padding:clamp(1.5rem,3vw,2.5rem)}
.hv-place-story__card span{color:#a9542d;font-size:.67rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hv-place-story__card h3{margin:.65rem 0 .75rem;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1;letter-spacing:-.045em}
.hv-place-story__card p{margin:0 0 2rem;color:#637084;line-height:1.65}
.hv-place-story__card strong{margin-top:auto;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.hv-place-story__calm{padding:clamp(2.5rem,6vw,5rem);border:1px solid rgba(16,36,64,.1);border-radius:1.5rem;background:#fffaf3}
.hv-place-story__calm h2{max-width:22ch;margin:.5rem 0 1rem;font-size:clamp(2rem,4vw,3.8rem);line-height:1;letter-spacing:-.05em}
.hv-place-story__calm>p:not(.hp-public__eyebrow){max-width:42rem;color:#637084;font-size:1.05rem;line-height:1.7}
.hv-place-story__signal-list{border-top:1px solid rgba(16,36,64,.13)}
.hv-place-story__signal-list a{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem 0;border-bottom:1px solid rgba(16,36,64,.13);color:#102440;text-decoration:none}
.hv-place-story__signal-list span{font-size:clamp(1.4rem,3vw,2.25rem);font-weight:750;letter-spacing:-.035em}
.hv-place-story__signal-list p{margin:.35rem 0 0;color:#637084}
.hv-place-story__signal-list strong{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.05em;white-space:nowrap}
.hv-place-story__signal-list small{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#a9542d}
@media(max-width:52rem){.hv-place-story__hero{grid-template-columns:1fr;padding-top:4rem}.hv-place-story__hero-copy h1{font-size:clamp(3.1rem,15vw,5.4rem)}.hv-place-story__portrait{min-height:27rem}.hv-place-story__truth{display:grid;grid-template-columns:auto 1fr;column-gap:1.5rem;align-items:end}.hv-place-story__truth span{grid-column:1/-1}.hv-place-story__truth strong{font-size:5rem}.hv-place-story__heading{grid-template-columns:1fr}.hv-place-story__grid{grid-template-columns:1fr}.hv-place-story__card{min-height:0}.hv-place-story__signal-list a{align-items:flex-start}.hv-place-story__signal-list strong{font-size:2rem}.hv-place-story__signal-list small{display:block;text-align:right}}
@media(prefers-reduced-motion:reduce){.hv-place-story__card{transition:none}}

.hp-public {
  min-height: 100svh;
  padding-top: clamp(6.9rem, 7.5vw, 8.1rem);
  color: var(--hp-ink);
  background:
    linear-gradient(rgba(16, 32, 51, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 32, 51, 0.045) 1px, transparent 1px),
    radial-gradient(circle at 84% 4%, rgba(182, 94, 38, 0.16), transparent 28rem),
    linear-gradient(180deg, var(--hp-cream), var(--hp-paper));
  background-size: 5rem 5rem, 5rem 5rem, auto, auto;
  overflow: hidden;
	font-family: var(--hv-font-body);
}

.hp-public.hp-page {
  width: min(90rem, calc(100% - 3rem));
  max-width: none;
  margin-inline: auto;
  margin-bottom: clamp(4rem, 7vw, 6rem);
  padding:
    clamp(7.2rem, 10vw, 9rem)
    clamp(1.3rem, 5vw, 5.5rem)
    clamp(3.4rem, 6vw, 5.8rem);
  border: 1px solid var(--hp-line);
  border-radius: clamp(1.65rem, 3vw, 2.5rem);
  background:
    linear-gradient(rgba(16, 32, 51, 0.042) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 32, 51, 0.042) 1px, transparent 1px),
    radial-gradient(circle at 84% 4%, rgba(182, 94, 38, 0.16), transparent 28rem),
    linear-gradient(180deg, rgba(255, 253, 248, 0.94), rgba(246, 239, 227, 0.92));
  background-size: 5rem 5rem, 5rem 5rem, auto, auto;
  box-shadow: 0 1.8rem 5rem rgba(16, 32, 51, 0.08);
}

.dark .hp-public.hp-page {
  background:
    linear-gradient(rgba(255, 248, 236, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 248, 236, 0.045) 1px, transparent 1px),
    radial-gradient(circle at 84% 4%, rgba(182, 94, 38, 0.2), transparent 28rem),
    linear-gradient(180deg, #07111f, #0a1728);
}

.hp-public.hp-page .hp-hero-block,
.hp-public.hp-page .hp-narrative,
.hp-public.hp-page .hp-insight,
.hp-public.hp-page .hp-cta {
  max-width: none;
}

.hp-public.hp-page .hp-hero-block {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(22rem, 0.58fr);
  gap: clamp(1.8rem, 5vw, 5.5rem);
  align-items: end;
  margin-bottom: clamp(4rem, 7vw, 6.5rem);
}

.hp-public.hp-page .hp-hero-block::after {
  content: "";
  min-height: clamp(18rem, 34vw, 28rem);
  border: 1px solid var(--hp-line);
  border-radius: 1.6rem;
  background:
    linear-gradient(180deg, rgba(16, 32, 51, 0.1), rgba(16, 32, 51, 0.5)),
    var(--hp-family-photo, var(--hp-cdn-hero-buyer, url("https://llot-space.sfo3.cdn.digitaloceanspaces.com/Site%20Images/heroes/ChatGPT%20Image%20Dec%2018%2C%202025%20at%2010_32_14%20PM.png"))) center / cover;
  box-shadow: 0 1.2rem 3.4rem rgba(16, 32, 51, 0.11);
}

.hp-public--buyers { --hp-family-photo: var(--hp-cdn-hero-buyer, url("https://llot-space.sfo3.cdn.digitaloceanspaces.com/Site%20Images/heroes/ChatGPT%20Image%20Dec%2018%2C%202025%20at%2010_32_14%20PM.png")); }
.hp-public--sellers { --hp-family-photo: var(--hp-cdn-hero-seller, url("https://llot-space.sfo3.cdn.digitaloceanspaces.com/Site%20Images/heroes/ChatGPT%20Image%20Dec%2018%2C%202025%20at%2011_21_00%20AM.png")); }
.hp-public--owners { --hp-family-photo: var(--hp-cdn-hero-owner, url("https://llot-space.sfo3.cdn.digitaloceanspaces.com/Site%20Images/heroes/ChatGPT%20Image%20Dec%2016%2C%202025%20at%2009_51_36%20AM.png")); }

.hp-public.hp-page .hp-narrative {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
  gap: clamp(1.5rem, 5vw, 5rem);
  align-items: start;
}

.hp-public.hp-page .hp-insight,
.hp-public.hp-page .hp-cta {
  border-radius: 1.45rem;
  border: 1px solid var(--hp-line);
  padding: clamp(1.7rem, 3.5vw, 3.25rem);
  background: rgba(255, 253, 248, 0.56);
}

.dark .hp-public.hp-page .hp-insight,
.dark .hp-public.hp-page .hp-cta {
  background: rgba(255, 248, 236, 0.055);
}

.dark .hp-public {
  --hp-cream: #0b1626;
  --hp-paper: #07111f;
  --hp-ink: #fff8ec;
  --hp-muted: rgba(255, 248, 236, 0.68);
  --hp-line: rgba(255, 248, 236, 0.13);
  background:
    linear-gradient(rgba(255, 248, 236, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 248, 236, 0.045) 1px, transparent 1px),
    radial-gradient(circle at 84% 4%, rgba(182, 94, 38, 0.26), transparent 30rem),
    linear-gradient(180deg, #07111f, #0a1728);
  background-size: 5rem 5rem, 5rem 5rem, auto, auto;
}

.hp-public__wrap {
  width: min(90rem, calc(100% - 3rem));
  margin-inline: auto;
}

.hp-public__hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.48fr);
  gap: clamp(2rem, 5vw, 5.4rem);
  align-items: end;
  min-height: clamp(34rem, 64svh, 43rem);
  padding: clamp(4rem, 7vw, 6rem) clamp(1.3rem, 4vw, 4rem);
  border: 1px solid rgba(255, 248, 236, 0.34);
  border-radius: clamp(1.65rem, 3vw, 2.5rem);
  background:
    radial-gradient(circle at 85% 15%, rgba(182, 94, 38, 0.42), transparent 24rem),
    linear-gradient(135deg, rgba(16, 32, 51, 0.97), rgba(7, 24, 45, 0.99));
  box-shadow: 0 2.4rem 6.5rem rgba(16, 32, 51, 0.18);
  isolation: isolate;
  overflow: hidden;
}

.hp-public__hero--compact {
  grid-template-columns: minmax(0, 1fr);
  min-height: clamp(28rem, 50svh, 40rem);
}

.hp-public--notes .hp-public__hero--compact .hp-public__hero-main,
.hp-public--notes .hp-public__hero--compact .hp-public__hero-side {
  max-width: 60rem;
}

.hp-public--notes .hp-public__hero--compact .hp-public__hero-actions {
  margin-top: 1.65rem;
}

.hp-public--platform .hp-public__hero {
  grid-template-columns: minmax(0, 1.05fr) minmax(20rem, 0.55fr);
  align-items: center;
}

.hp-public--management .hp-public__hero {
  grid-template-columns: minmax(0, 0.92fr) minmax(24rem, 0.82fr);
  align-items: stretch;
  background:
    linear-gradient(90deg, rgba(16, 32, 51, 0.96), rgba(16, 32, 51, 0.78) 46%, rgba(16, 32, 51, 0.5)),
    radial-gradient(circle at 84% 8%, rgba(182, 94, 38, 0.42), transparent 23rem),
    var(--hp-cdn-hero-owner, url("https://llot-space.sfo3.cdn.digitaloceanspaces.com/Site%20Images/heroes/ChatGPT%20Image%20Dec%2016%2C%202025%20at%2009_51_36%20AM.png")) center / cover;
}

.hp-public--residents .hp-public__hero {
  grid-template-columns: minmax(0, 0.84fr) minmax(24rem, 1fr);
  align-items: center;
  background:
    linear-gradient(90deg, rgba(16, 32, 51, 0.96), rgba(16, 32, 51, 0.76) 48%, rgba(16, 32, 51, 0.46)),
    radial-gradient(circle at 16% 80%, rgba(182, 94, 38, 0.3), transparent 22rem),
    var(--hp-cdn-hero-resident, url("https://llot-space.sfo3.cdn.digitaloceanspaces.com/Site%20Images/heroes/ChatGPT%20Image%20Dec%2016%2C%202025%20at%2005_33_20%20PM.png")) center / cover;
}

.hp-public--resident-portal .hp-public__hero h1 {
  max-width: 11.5ch;
}

.hp-public--resident-portal .hp-public__hero-side {
  align-self: stretch;
}

.hp-public--resident-portal .hp-public__signal-card strong {
  font-size: clamp(1.25rem, 1.65vw, 1.55rem);
}

.hp-public--agents .hp-public__hero {
  grid-template-columns: minmax(0, 1fr) minmax(19rem, 0.44fr);
  align-items: center;
  background:
    radial-gradient(circle at 18% 16%, rgba(182, 94, 38, 0.28), transparent 22rem),
    linear-gradient(135deg, rgba(16, 32, 51, 0.97), rgba(7, 24, 45, 0.99));
}

.hp-public--impact .hp-public__hero {
  grid-template-columns: minmax(0, 0.95fr) minmax(25rem, 0.85fr);
  align-items: center;
  min-height: clamp(36rem, 72svh, 48rem);
}

.hp-public__hero::before {
  content: "";
  position: absolute;
  right: -5rem;
  top: -5rem;
  width: clamp(18rem, 34vw, 34rem);
  aspect-ratio: 1;
  opacity: 0.09;
  background: var(--ha-logo-light, url("/static/images/logos/icon-dark-bg.png")) center / contain no-repeat;
  transform: rotate(-8deg);
  pointer-events: none;
}

.hp-public__hero-main,
.hp-public__hero-side {
  position: relative;
  z-index: 1;
}

.hp-public__kicker,
.hp-public__eyebrow {
  margin: 0 0 1.15rem;
  color: var(--hp-copper);
  font-size: clamp(0.72rem, 0.8vw, 0.82rem);
  font-weight: 900;
  letter-spacing: 0.18em;
  line-height: 1.3;
  text-transform: uppercase;
}

.hp-public__hero h1,
.hp-public__split h2,
.hp-public__section-title,
.hp-public__dark h2,
.hp-public__cta h2 {
  margin: 0;
  font-family: var(--hv-font-display);
  font-weight: 880;
  letter-spacing: var(--hv-display-tracking);
  word-spacing: var(--hv-display-word-spacing);
  line-height: 0.92;
}

.hp-public__hero h1 {
  max-width: 12.5ch;
  color: #fff8ec;
  font-size: clamp(4rem, 9vw, 8rem);
}

.hp-public__hero p {
  max-width: 48rem;
  margin: 1.45rem 0 0;
  color: rgba(255, 248, 236, 0.78);
  font-size: clamp(1.08rem, 1.45vw, 1.32rem);
  line-height: 1.65;
}

.hp-public__hero-actions,
.hp-public__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 2rem;
}

.hp-public__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 3.2rem;
  padding: 0.92rem 1.35rem;
  border: 1px solid rgba(255, 248, 236, 0.22);
  border-radius: 999px;
  color: #fff8ec;
  background: rgba(255, 248, 236, 0.08);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    transform 240ms var(--hp-ease),
    background 240ms var(--hp-ease),
    border-color 240ms var(--hp-ease);
}

.hp-public__button:hover {
  transform: translateY(-2px);
  background: rgba(255, 248, 236, 0.14);
  border-color: rgba(255, 248, 236, 0.38);
}

.hp-public__button--primary {
  border-color: rgba(182, 94, 38, 0.8);
  background: var(--hp-copper);
  box-shadow: 0 1.1rem 2.8rem rgba(182, 94, 38, 0.28);
}

.hp-public__hero-side {
  display: grid;
  gap: 1rem;
}

.hp-public--management .hp-public__hero-side,
.hp-public--residents .hp-public__hero-side {
  align-self: stretch;
}

.hp-public--management .hp-public__signal-card,
.hp-public--residents .hp-public__signal-card {
  min-height: 0;
  display: grid;
  align-content: end;
}

.hp-public--agents .hp-public__hero-side {
  gap: 0.72rem;
}

.hp-public--agents .hp-public__signal-card {
  min-height: 7rem;
}

.hp-public__signal-card {
  min-height: 8.8rem;
  padding: 1.25rem;
  border: 1px solid rgba(255, 248, 236, 0.18);
  border-radius: 1.25rem;
  background: rgba(255, 248, 236, 0.075);
  backdrop-filter: blur(18px);
}

.hp-public__signal-card span {
  color: var(--hp-copper);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.hp-public__signal-card strong {
  display: block;
  margin-top: 1.7rem;
  color: #fff8ec;
  font-size: clamp(1.2rem, 1.8vw, 1.72rem);
  letter-spacing: -0.055em;
  line-height: 1.04;
}

.hp-public__split,
.hp-public__dark,
.hp-public__cta {
  width: min(90rem, calc(100% - 3rem));
  margin: clamp(1.4rem, 3.2vw, 2.4rem) auto 0;
  border-radius: clamp(1.5rem, 2.4vw, 2rem);
}

.hp-public__split {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: clamp(1.5rem, 5vw, 5rem);
  align-items: start;
  padding: clamp(3.5rem, 6vw, 5.5rem) 0;
}

.hp-public__note {
  margin-top: 1.35rem;
  padding: clamp(1.2rem, 2.6vw, 2rem);
  border: 1px solid var(--hp-line);
  border-radius: 1.15rem;
  background: rgba(255, 253, 248, 0.74);
}

.hp-public__note > p {
  margin-top: 0.75rem;
}

.hp-public__note > p:first-child {
  margin-top: 0;
}

.hp-public__receipt-stack {
  display: grid;
  gap: 0.85rem;
}

.hp-public__split h2,
.hp-public__section-title {
  max-width: 12ch;
  color: var(--hp-ink);
  font-size: clamp(3.4rem, 7.2vw, 7rem);
}

.hp-public__split-copy {
  display: grid;
  gap: clamp(1rem, 1.6vw, 1.35rem);
  padding-top: clamp(1rem, 4vw, 4rem);
}

.hp-public__split-copy p {
  margin: 0;
  color: var(--hp-muted);
  font-size: clamp(1.12rem, 1.55vw, 1.45rem);
  line-height: 1.78;
}

.hp-public__tile-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(1rem, 2vw, 1.6rem);
}

.hp-public--management .hp-public__tile-grid,
.hp-public--residents .hp-public__tile-grid,
.hp-public--agents .hp-public__tile-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hp-public--management .hp-public__tile,
.hp-public--residents .hp-public__tile,
.hp-public--agents .hp-public__tile {
  min-height: 12.5rem;
}

.hp-public--management .hp-public__tile h3,
.hp-public--residents .hp-public__tile h3,
.hp-public--agents .hp-public__tile h3 {
  max-width: 16ch;
  margin-top: clamp(2.1rem, 3.8vw, 3.5rem);
}

.hp-public--impact .hp-public__tile-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hp-public--impact .hp-public__tile {
  min-height: 13rem;
}

.hp-public__tile {
  display: block;
  min-height: 15rem;
  padding: clamp(1.25rem, 1.8vw, 1.65rem);
  border: 1px solid var(--hp-line);
  border-radius: 1.35rem;
  color: inherit;
  text-decoration: none;
  background:
    linear-gradient(145deg, rgba(255, 253, 248, 0.86), rgba(255, 246, 232, 0.66)),
    radial-gradient(circle at 96% 8%, rgba(182, 94, 38, 0.12), transparent 12rem);
  box-shadow: 0 1rem 3rem rgba(16, 32, 51, 0.08);
  transition:
    transform 260ms var(--hp-ease),
    box-shadow 260ms var(--hp-ease);
}

.dark .hp-public__tile,
.dark .hp-public__cta {
  background:
    linear-gradient(145deg, rgba(255, 248, 236, 0.08), rgba(255, 248, 236, 0.04)),
    radial-gradient(circle at 96% 8%, rgba(182, 94, 38, 0.18), transparent 12rem);
}

.hp-public__tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 1.4rem 3.4rem rgba(16, 32, 51, 0.12);
}

.hp-public__tile:focus-visible,
.hp-public__button:focus-visible,
.hp-public__link:focus-visible {
  outline: 3px solid rgba(182, 94, 38, 0.45);
  outline-offset: 4px;
}

.hp-public__tile span {
  color: var(--hp-copper);
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.15em;
}

.hp-public__tile h3 {
  max-width: 10ch;
  margin: clamp(3rem, 5vw, 4.8rem) 0 0;
  color: var(--hp-ink);
  font-size: clamp(1.45rem, 2.1vw, 2.25rem);
  letter-spacing: -0.068em;
  line-height: 0.98;
}

.hp-public__tile p {
  margin: 0.9rem 0 0;
  color: var(--hp-muted);
  font-size: 0.98rem;
  line-height: 1.6;
}

.hp-public__doc-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  margin-top: 1.15rem;
  padding: 0.72rem 1rem;
  border: 1px solid rgba(182, 94, 38, 0.34);
  border-radius: 999px;
  color: var(--hp-copper);
  background: rgba(182, 94, 38, 0.08);
  font: inherit;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  transition:
    transform 220ms var(--hp-ease),
    background 220ms var(--hp-ease),
    border-color 220ms var(--hp-ease);
}

.hp-public__doc-trigger:hover,
.hp-public__doc-trigger:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(182, 94, 38, 0.62);
  background: rgba(182, 94, 38, 0.14);
  outline: none;
}

.hp-legal-modal-open {
  overflow: hidden;
}

.hp-legal-modal[hidden] {
  display: none;
}

.hp-legal-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: stretch end;
  padding: 0;
}

.hp-legal-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(18, 24, 31, 0.68);
  backdrop-filter: blur(14px);
}

.hp-legal-modal__panel {
  position: relative;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: min(54rem, 92vw);
  height: 100svh;
  max-height: none;
  overflow: hidden;
  border: 1px solid rgba(255, 248, 236, 0.2);
  border-radius: 0;
  background: #fffdf8;
  box-shadow: -2rem 0 6rem rgba(10, 16, 24, 0.28);
}

.hp-legal-modal__panel:focus {
  outline: none;
}

.hp-legal-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: clamp(1.4rem, 3vw, 2.1rem) clamp(1.3rem, 4vw, 3rem);
  border-bottom: 1px solid var(--hp-line);
  background: linear-gradient(135deg, rgba(255, 253, 248, 0.98), rgba(255, 246, 232, 0.78));
}

.hp-legal-modal__header h2 {
  margin: 0.25rem 0 0;
  color: var(--hp-ink);
  font-size: clamp(1.55rem, 3vw, 2.3rem);
  letter-spacing: -0.045em;
  line-height: 1;
}

.hp-legal-modal__close {
  display: inline-grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  flex: 0 0 auto;
  border: 1px solid var(--hp-line);
  border-radius: 999px;
  color: var(--hp-ink);
  background: rgba(255, 253, 248, 0.9);
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}

.hp-legal-modal__close:hover,
.hp-legal-modal__close:focus-visible {
  border-color: rgba(182, 94, 38, 0.5);
  outline: 3px solid rgba(182, 94, 38, 0.22);
}

.hp-legal-modal__body {
  overflow: auto;
  padding: clamp(1.5rem, 4vw, 3rem);
}

.hp-legal-doc {
  display: grid;
  gap: 1rem;
  max-width: 48rem;
}

.hp-legal-doc[hidden] {
  display: none;
}

.hp-legal-doc h3,
.hp-legal-doc h4 {
  margin: 0;
  color: var(--hp-ink);
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.hp-legal-doc h3 {
  font-size: clamp(1.7rem, 3vw, 2.55rem);
}

.hp-legal-doc h4 {
  margin-top: 0.9rem;
  font-size: clamp(1.05rem, 2vw, 1.35rem);
}

.hp-legal-doc p,
.hp-legal-doc li {
  margin: 0;
  color: var(--hp-muted);
  font-size: 1rem;
  line-height: 1.76;
}

.hp-legal-doc ul {
  display: grid;
  gap: 0.65rem;
  margin: 0;
  padding-left: 1.2rem;
}

.hp-public__dark {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  gap: clamp(2rem, 6vw, 6rem);
  padding: clamp(3.4rem, 5.4vw, 5.2rem) clamp(2rem, 6vw, 5.8rem);
  color: #fff8ec;
  background:
    radial-gradient(circle at 88% 8%, rgba(182, 94, 38, 0.45), transparent 25rem),
    linear-gradient(135deg, rgba(16, 32, 51, 0.96), rgba(7, 24, 45, 0.99));
  box-shadow: 0 1.8rem 5rem rgba(16, 32, 51, 0.18);
}

.hp-public__dark--resident h2 {
  max-width: 10.5ch;
}

.hp-public__dark--resident .hp-public__principles article {
  grid-template-columns: 2.75rem minmax(0, 1fr);
}

.hp-public__dark h2 {
  max-width: 9.5ch;
  color: #fff8ec;
  font-size: clamp(3.5rem, 6.7vw, 6.7rem);
}

.hp-public__dark p {
  margin: 1.35rem 0 0;
  color: rgba(255, 248, 236, 0.75);
  font-size: clamp(1.03rem, 1.34vw, 1.2rem);
  line-height: 1.68;
}

.hp-public__principles {
  display: grid;
}

.hp-public__principles article {
  display: grid;
  grid-template-columns: 3.5rem minmax(0, 1fr);
  gap: 1.1rem;
  padding: clamp(1.4rem, 2.2vw, 1.9rem) 0;
  border-top: 1px solid rgba(255, 248, 236, 0.2);
}

.hp-public__principles span {
  color: var(--hp-copper);
  font-size: 0.86rem;
  font-weight: 900;
  letter-spacing: 0.1em;
}

.hp-public__principles h3 {
  margin: 0;
  color: #fff8ec;
  font-size: clamp(1.35rem, 1.9vw, 1.8rem);
  letter-spacing: -0.06em;
  line-height: 1;
}

.hp-public__principles p {
  max-width: 42rem;
  margin: 0.68rem 0 0;
  font-size: clamp(1rem, 1.22vw, 1.14rem);
}

.hp-public__cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.5rem;
  align-items: center;
  margin-bottom: clamp(4rem, 7vw, 6rem);
  padding: clamp(2.3rem, 4vw, 3.6rem);
  border: 1px solid var(--hp-line);
  background:
    radial-gradient(circle at 84% 16%, rgba(182, 94, 38, 0.16), transparent 21rem),
    linear-gradient(145deg, rgba(255, 253, 248, 0.92), rgba(255, 245, 229, 0.76));
  box-shadow: 0 1.2rem 4rem rgba(16, 32, 51, 0.08);
}

.hp-public__cta h2 {
  max-width: 14ch;
  color: var(--hp-ink);
  font-size: clamp(2.6rem, 4.8vw, 4.9rem);
}

.hp-public__cta p {
  max-width: 43rem;
  margin: 1rem 0 0;
  color: var(--hp-muted);
  font-size: clamp(1.02rem, 1.25vw, 1.15rem);
  line-height: 1.65;
}

.hp-public__cta .hp-public__button {
  color: #fff8ec;
}

.hp-public__link {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-top: 1.2rem;
  color: var(--hp-copper);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-decoration: none;
  text-transform: uppercase;
}

.hp-public__document-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.34fr);
  gap: clamp(2rem, 5vw, 4rem);
  align-items: start;
  width: min(90rem, calc(100% - 3rem));
  margin: clamp(2rem, 4vw, 3.5rem) auto 0;
}

.hp-public__document {
  display: grid;
  gap: clamp(1.5rem, 3vw, 2.4rem);
  max-width: 58rem;
}

.hp-public__document article {
  padding: clamp(1.5rem, 3vw, 2.4rem);
  border: 1px solid var(--hp-line);
  border-radius: 1.25rem;
  background: rgba(255, 253, 248, 0.78);
  box-shadow: 0 1rem 2.6rem rgba(16, 32, 51, 0.06);
}

.hp-public__document h2,
.hp-public__document h3 {
  margin: 0;
  color: var(--hp-ink);
  font-family: var(--hv-font-display);
  letter-spacing: -0.045em;
  line-height: 1.02;
}

.hp-public__document h2 {
  font-size: clamp(1.7rem, 3vw, 2.45rem);
}

.hp-public__document h3 {
  font-size: clamp(1.2rem, 2vw, 1.55rem);
}

.hp-public__document p,
.hp-public__document li,
.hp-public__document dd {
  color: var(--hp-muted);
  font-size: clamp(1rem, 1.1vw, 1.08rem);
  line-height: 1.75;
}

.hp-public__document p {
  margin: 1rem 0 0;
}

.hp-public__document ul,
.hp-public__document dl {
  display: grid;
  gap: 0.8rem;
  margin: 1.2rem 0 0;
  padding: 0;
}

.hp-public__document ul {
  list-style: none;
}

.hp-public__document li {
  position: relative;
  padding-left: 1.35rem;
}

.hp-public__document li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: var(--hp-copper);
}

.hp-public__document dt {
  color: var(--hp-ink);
  font-weight: 900;
}

.hp-public__toc {
  position: sticky;
  top: 6rem;
  display: grid;
  gap: 0.75rem;
  padding: 1.2rem;
  border: 1px solid var(--hp-line);
  border-radius: 1.25rem;
  background:
    radial-gradient(circle at 100% 0, rgba(182, 94, 38, 0.14), transparent 11rem),
    rgba(255, 253, 248, 0.86);
  box-shadow: 0 1rem 2.8rem rgba(16, 32, 51, 0.07);
}

.hp-public__toc strong {
  color: var(--hp-ink);
  font-size: 0.75rem;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.hp-public__toc a {
  color: var(--hp-muted);
  font-size: 0.92rem;
  line-height: 1.35;
  text-decoration: none;
}

.hp-public__inline-link {
  color: var(--hp-copper);
  font-weight: 850;
  text-decoration: none;
}

.hp-public__toc a:hover,
.hp-public__toc a:focus-visible,
.hp-public__inline-link:hover,
.hp-public__inline-link:focus-visible {
  color: var(--hp-copper);
}

.hp-public__notice {
  padding: clamp(1.25rem, 2vw, 1.7rem);
  border-left: 4px solid var(--hp-copper);
  border-radius: 0.9rem;
  background: rgba(182, 94, 38, 0.09);
}

.hp-public__notice p:first-child {
  margin-top: 0;
}

.hp-public__utility {
  width: min(58rem, calc(100% - 3rem));
  margin: clamp(3rem, 7vw, 6rem) auto;
}

.hp-public__utility-panel {
  padding: clamp(2rem, 4vw, 3.5rem);
  border: 1px solid var(--hp-line);
  border-radius: clamp(1.25rem, 2vw, 1.75rem);
  background:
    radial-gradient(circle at 92% 10%, rgba(182, 94, 38, 0.16), transparent 18rem),
    linear-gradient(145deg, rgba(255, 253, 248, 0.94), rgba(255, 246, 232, 0.74));
  box-shadow: 0 1.2rem 3.8rem rgba(16, 32, 51, 0.08);
}

/* Legal: one continuous Havlo trust scene, not a framed compliance microsite. */
.hp-public.hv-legal-story {
  /* Legal copy sits on both cream and paper. These text tokens retain the
     warm brand character while clearing 4.5:1 on the darker paper tone. */
  --hp-muted: #5e6b7b;
  --hp-copper: #a9542d;
  padding-top: 0;
  padding-bottom: 0;
  background: var(--hp-cream);
  overflow: clip;
}

/* Legal inherits the front desk's edge-to-edge arrival instead of the older
   floating microsite capsule. The links and mobile menu remain the same. */
.hv-consumer-document[data-active-nav="legal"] header[data-public-header="marketing"] {
  background: rgba(7, 24, 45, 0.88) !important;
}

.hv-consumer-document[data-active-nav="legal"] header[data-public-header="marketing"]::before {
  background: linear-gradient(90deg, rgba(255, 248, 236, 0.035), transparent);
}

.hv-consumer-document[data-active-nav="legal"] header[data-public-header="marketing"] .hp-header-brand__name,
.hv-consumer-document[data-active-nav="legal"] header[data-public-header="marketing"] nav a[data-homepage-nav-link] {
  color: #fff8ec !important;
}

.hv-consumer-document[data-active-nav="legal"] header[data-public-header="marketing"] .hp-header-brand__line {
  color: rgba(255, 248, 236, 0.62);
}

.hv-consumer-document[data-active-nav="legal"] header[data-public-header="marketing"] nav[aria-label="Main navigation"] {
  background: rgba(255, 248, 236, 0.06);
}

.hv-consumer-document[data-active-nav="legal"] header[data-public-header="marketing"] nav a[data-homepage-nav-link]:hover,
.hv-consumer-document[data-active-nav="legal"] header[data-public-header="marketing"] nav a[data-homepage-nav-link]:focus-visible {
  color: #fff8ec !important;
  background: rgba(255, 248, 236, 0.1);
}

.hv-consumer-document[data-active-nav="legal"] header[data-public-header="marketing"] .hv-public-header__theme,
.hv-consumer-document[data-active-nav="legal"] header[data-public-header="marketing"] .hv-public-header__menu-button {
  border-color: rgba(255, 248, 236, 0.15) !important;
  color: #fff8ec !important;
  background: rgba(255, 248, 236, 0.08) !important;
}

/* Shared continuous public chrome. Scene tone may change; wayfinding does not. */
.hv-consumer-document--continuous-public header[data-public-header="marketing"] {
  /* Continuous pages share scene tone without changing the entrance geometry. */
}

.hv-consumer-document--continuous-public[data-public-chrome="dark"] header[data-public-header="marketing"] {
  border-color: rgba(255, 248, 236, 0.15) !important;
  background: rgba(7, 24, 45, 0.9) !important;
}

.hv-consumer-document--continuous-public[data-public-chrome="dark"] header[data-public-header="marketing"]::before {
  background: linear-gradient(90deg, rgba(255, 248, 236, 0.035), transparent);
}

.hv-consumer-document--continuous-public[data-public-chrome="dark"] header[data-public-header="marketing"] .hp-header-brand__name,
.hv-consumer-document--continuous-public[data-public-chrome="dark"] header[data-public-header="marketing"] nav a[data-homepage-nav-link] {
  color: #fff8ec !important;
}

.hv-consumer-document--continuous-public[data-public-chrome="dark"] header[data-public-header="marketing"] .hp-header-brand__line {
  color: rgba(255, 248, 236, 0.62);
}

.hv-consumer-document--continuous-public[data-public-chrome="dark"] header[data-public-header="marketing"] nav[aria-label="Main navigation"] {
  background: rgba(255, 248, 236, 0.06);
}

.hv-consumer-document--continuous-public[data-public-chrome="dark"] header[data-public-header="marketing"] nav a[data-homepage-nav-link]:hover,
.hv-consumer-document--continuous-public[data-public-chrome="dark"] header[data-public-header="marketing"] nav a[data-homepage-nav-link]:focus-visible {
  color: #fff8ec !important;
  background: rgba(255, 248, 236, 0.1);
}

.hv-consumer-document--continuous-public[data-public-chrome="dark"] header[data-public-header="marketing"] .hv-public-header__theme,
.hv-consumer-document--continuous-public[data-public-chrome="dark"] header[data-public-header="marketing"] .hv-public-header__menu-button {
  border-color: rgba(255, 248, 236, 0.15) !important;
  color: #fff8ec !important;
  background: rgba(255, 248, 236, 0.08) !important;
}

.hv-consumer-document--continuous-public[data-public-chrome="light"] header[data-public-header="marketing"] {
  background: rgba(255, 250, 242, 0.9) !important;
  backdrop-filter: blur(20px) saturate(1.08) !important;
}

.hv-consumer-document--continuous-public[data-public-chrome="light"] header[data-public-header="marketing"]::before {
  background: linear-gradient(90deg, rgba(182, 94, 38, 0.05), transparent);
}

.hv-consumer-document--continuous-public[data-public-chrome="light"] header[data-public-header="marketing"] .hp-header-brand__name,
.hv-consumer-document--continuous-public[data-public-chrome="light"] header[data-public-header="marketing"] nav a[data-homepage-nav-link] {
  color: #102033 !important;
}

.hv-consumer-document--continuous-public[data-public-chrome="light"] header[data-public-header="marketing"] .hp-header-brand__line {
  color: rgba(16, 32, 51, 0.66) !important;
}

.hv-consumer-document--continuous-public[data-public-chrome="light"] header[data-public-header="marketing"] nav[aria-label="Main navigation"] {
  background: rgba(255, 255, 255, 0.42);
}

.hv-consumer-document--continuous-public[data-public-chrome="light"] header[data-public-header="marketing"] .hv-public-header__theme,
.hv-consumer-document--continuous-public[data-public-chrome="light"] header[data-public-header="marketing"] .hv-public-header__menu-button {
  border-color: rgba(16, 32, 51, 0.12) !important;
  color: #102033 !important;
  background: rgba(255, 255, 255, 0.68) !important;
}

.hv-legal-story__hero {
  /* Dark scenes keep the lighter copper signal; the darker accessible copper
     above belongs only to cream and paper reading surfaces. */
  --hp-copper: #e9aa7c;
  width: 100%;
  min-height: clamp(42rem, 82svh, 58rem);
  margin: 0;
  padding:
    clamp(7.5rem, 12vw, 11rem)
    max(clamp(1.5rem, 6vw, 7rem), calc((100vw - 90rem) / 2))
    clamp(4rem, 8vw, 7rem);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background:
    radial-gradient(circle at 82% 18%, rgba(182, 94, 38, 0.34), transparent 28rem),
    linear-gradient(112deg, #07182d 0%, #10253f 62%, #17283d 100%);
}

.hv-legal-story__hero::before {
  right: -2rem;
  top: -7rem;
  width: clamp(28rem, 52vw, 52rem);
  opacity: 0.055;
}

.hv-legal-story__hero .hp-public__hero-main {
  align-self: center;
}

.hv-legal-story__hero h1 {
  max-width: 11.5ch;
  font-size: clamp(3.8rem, 6.4vw, 6.6rem);
}

.hv-legal-story__hero .hp-public__hero-main > p:last-child {
  max-width: 42rem;
}

.hv-legal-story__guide {
  align-self: end;
  border-top: 1px solid rgba(255, 248, 236, 0.22);
}

.hv-legal-story__guide .hp-public__signal-card {
  display: grid;
  grid-template-columns: 5.25rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 1.2rem;
  min-height: 0;
  padding: 1.25rem 0;
  border: 0;
  border-bottom: 1px solid rgba(255, 248, 236, 0.22);
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
  color: inherit;
  text-decoration: none;
}

.hv-legal-story__guide .hp-public__signal-card::after {
  content: "↓";
  color: rgba(255, 248, 236, 0.58);
  font-size: 1.2rem;
  transition: transform 180ms var(--hp-ease), color 180ms var(--hp-ease);
}

.hv-legal-story__guide .hp-public__signal-card:hover::after,
.hv-legal-story__guide .hp-public__signal-card:focus-visible::after {
  color: var(--hp-copper);
  transform: translateY(0.2rem);
}

.hv-legal-story__guide .hp-public__signal-card strong {
  margin: 0;
  font-size: clamp(1rem, 1.3vw, 1.22rem);
  letter-spacing: -0.025em;
  line-height: 1.3;
}

.hv-legal-story > .hp-public__split,
.hv-legal-story__documents {
  width: min(76rem, calc(100% - 3rem));
}

.hv-legal-story > .hp-public__split {
  margin-top: 0;
  padding-block: clamp(6rem, 11vw, 11rem);
}

.hv-legal-story > .hp-public__split h2 {
  max-width: 10ch;
}

.hv-legal-story__documents {
  padding-bottom: clamp(4rem, 7vw, 6.5rem);
}

.hv-legal-story__documents > header h2 {
  max-width: 22ch;
  margin: .75rem 0 clamp(2rem, 4vw, 3.5rem);
  color: var(--hp-ink);
  font-size: clamp(2.4rem, 4.6vw, 4.8rem);
  font-weight: 750;
  letter-spacing: -.055em;
  line-height: .96;
}

.hv-legal-story__documents .hp-public__tile-grid {
  display: block;
  margin: 0;
  border-top: 1px solid var(--hp-line);
}

.hv-legal-story__documents .hp-public__tile {
  display: grid;
  grid-template-columns: 3.5rem minmax(12rem, 0.62fr) minmax(20rem, 1.25fr) auto;
  gap: clamp(1.25rem, 3vw, 3rem);
  align-items: start;
  min-height: 0;
  padding: clamp(1.8rem, 3.5vw, 3.2rem) 0;
  border: 0;
  border-bottom: 1px solid var(--hp-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.hv-legal-story__documents .hp-public__tile:hover {
  transform: none;
  box-shadow: none;
}

.hv-legal-story__documents .hp-public__tile > span {
  padding-top: 0.25rem;
}

.hv-legal-story__documents .hp-public__tile h3 {
  max-width: 12ch;
  margin: 0;
  font-size: clamp(1.65rem, 2.4vw, 2.45rem);
  letter-spacing: -0.055em;
  line-height: 0.98;
}

.hv-legal-story__summary {
  display: grid;
  gap: 0.7rem;
}

.hv-legal-story__summary p {
  margin: 0;
  font-size: clamp(0.98rem, 1.1vw, 1.08rem);
  line-height: 1.7;
}

.hv-legal-story__documents .hp-public__doc-trigger {
  align-self: start;
  min-height: auto;
  margin: 0;
  padding: 0.25rem 0 0.45rem;
  border: 0;
  border-bottom: 1px solid rgba(182, 94, 38, 0.44);
  border-radius: 0;
  background: transparent;
  white-space: nowrap;
}

.hv-legal-story__documents .hp-public__doc-trigger:hover,
.hv-legal-story__documents .hp-public__doc-trigger:focus-visible {
  transform: none;
  border-color: var(--hp-copper);
  background: transparent;
  outline: 2px solid rgba(182, 94, 38, 0.2);
  outline-offset: 0.35rem;
}

.hv-legal-story__boundary {
  --hp-copper: #e9aa7c;
  width: 100%;
  margin: 0;
  padding:
    clamp(6rem, 10vw, 10rem)
    max(clamp(1.5rem, 6vw, 7rem), calc((100vw - 90rem) / 2));
  border-radius: 0;
  box-shadow: none;
}

.hv-legal-story__boundary-intro {
  align-self: center;
}

.hv-legal-story__boundary h2 {
  max-width: 8ch;
}

@media (max-width: 64rem) {
  .hv-legal-story__documents .hp-public__tile {
    grid-template-columns: 3rem minmax(11rem, 0.55fr) minmax(0, 1fr);
  }

  .hv-legal-story__documents .hp-public__doc-trigger {
    grid-column: 2 / -1;
    width: fit-content;
  }
}

@media (max-width: 52rem) {
  .hv-legal-story__hero {
    grid-template-columns: 1fr;
    align-content: end;
    min-height: auto;
    padding-top: clamp(7rem, 25vw, 9rem);
  }

  .hv-legal-story__hero h1 {
    font-size: clamp(3.6rem, 16vw, 6rem);
  }

  .hv-legal-story__guide {
    margin-top: 2rem;
  }

  .hv-legal-story__documents > header h2 {
    max-width: 16ch;
    font-size: clamp(2.2rem, 10vw, 3.4rem);
  }

  .hv-legal-story > .hp-public__split {
    grid-template-columns: 1fr;
  }

  .hv-legal-story > .hp-public__split h2 {
    font-size: clamp(3rem, 12vw, 5rem);
  }

  .hv-legal-story > .hp-public__split .hp-public__split-copy {
    padding-top: 0;
  }

  .hv-legal-story__documents .hp-public__tile {
    grid-template-columns: 2.5rem minmax(0, 1fr);
    gap: 0.85rem 1rem;
  }

  .hv-legal-story__summary,
  .hv-legal-story__documents .hp-public__doc-trigger {
    grid-column: 2;
  }

  .hv-legal-story__boundary {
    grid-template-columns: 1fr;
  }

  .hp-legal-modal__panel {
    width: 100%;
  }
}

@media (max-width: 34rem) {
  .hv-legal-story > .hp-public__split,
  .hv-legal-story__documents {
    width: min(100% - 2rem, 76rem);
  }

  .hv-legal-story__guide .hp-public__signal-card {
    grid-template-columns: 4rem minmax(0, 1fr) auto;
  }

  .hv-legal-story__guide .hp-public__signal-card strong {
    font-size: 0.94rem;
  }
}

.hp-public--receipt {
  padding-bottom: clamp(4rem, 8vw, 7rem);
}

.hp-public__receipt {
  width: min(72rem, calc(100% - 3rem));
  margin: 0 auto clamp(2rem, 5vw, 4rem);
  padding-top: clamp(1.5rem, 4vw, 3rem);
}

.hp-public__receipt-panel {
  display: grid;
  gap: clamp(1.5rem, 3vw, 2.4rem);
  padding: clamp(2rem, 5vw, 4.5rem);
  border: 1px solid var(--hp-line);
  border-radius: clamp(1.25rem, 2vw, 1.8rem);
  background:
    radial-gradient(circle at 92% 8%, rgba(182, 94, 38, 0.14), transparent 18rem),
    linear-gradient(145deg, rgba(255, 253, 248, 0.96), rgba(255, 246, 232, 0.8));
  box-shadow: 0 1.2rem 3.8rem rgba(16, 32, 51, 0.08);
}

.hp-public__receipt-panel--compact {
  width: min(44rem, 100%);
  margin-inline: auto;
}

.hp-public__receipt-status {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 0.55rem;
  padding: 0.58rem 0.82rem;
  border: 1px solid rgba(16, 32, 51, 0.1);
  border-radius: 999px;
  color: var(--hp-ink);
  background: rgba(255, 253, 248, 0.72);
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.hp-public__receipt-status::before {
  content: "";
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 999px;
  background: var(--hp-copper);
  box-shadow: 0 0 0 0.3rem rgba(182, 94, 38, 0.12);
}

.hp-public__receipt-status--success::before {
  background: #2f7d55;
  box-shadow: 0 0 0 0.3rem rgba(47, 125, 85, 0.12);
}

.hp-public__receipt-status--error::before {
  background: #a64230;
  box-shadow: 0 0 0 0.3rem rgba(166, 66, 48, 0.12);
}

.hp-public__receipt h1 {
  max-width: 13ch;
  margin: 0;
  color: var(--hp-ink);
  font-family: var(--hv-font-display);
  font-size: clamp(3.2rem, 7vw, 6.4rem);
  font-weight: 880;
  letter-spacing: -0.078em;
  line-height: 0.92;
}

.hp-public__receipt h2,
.hp-public__receipt h3 {
  margin: 0;
  color: var(--hp-ink);
  font-family: var(--hv-font-display);
  letter-spacing: -0.045em;
  line-height: 1.04;
}

.hp-public__receipt h2 {
  font-size: clamp(1.65rem, 3vw, 2.35rem);
}

.hp-public__receipt h3 {
  font-size: clamp(1.18rem, 2vw, 1.5rem);
}

.hp-public__receipt p,
.hp-public__receipt li {
  max-width: 64ch;
  margin: 0;
  color: var(--hp-muted);
  font-size: clamp(1rem, 1.12vw, 1.08rem);
  line-height: 1.75;
}

.hp-public__receipt-lede {
  font-size: clamp(1.08rem, 1.35vw, 1.26rem) !important;
  line-height: 1.68 !important;
}

.hp-public__receipt-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.hp-public__receipt-meta span,
.hp-public__receipt-code {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  padding: 0.48rem 0.7rem;
  border: 1px solid var(--hp-line);
  border-radius: 999px;
  color: rgba(16, 32, 51, 0.72);
  background: rgba(255, 253, 248, 0.56);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.hp-public__receipt-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--hp-line);
  border-radius: 1.1rem;
  background: var(--hp-line);
}

.hp-public__receipt-boundary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--hp-line);
  border-radius: 1.1rem;
  background: var(--hp-line);
}

.hp-public__receipt-boundary article {
  min-height: 8.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.1rem;
  padding: clamp(1rem, 1.7vw, 1.35rem);
  background: rgba(255, 253, 248, 0.76);
}

.hp-public__receipt-boundary span {
  color: var(--hp-copper);
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.hp-public__receipt-boundary strong {
  color: var(--hp-ink);
  font-size: clamp(0.9rem, 1.05vw, 1.02rem);
  font-weight: 800;
  letter-spacing: -0.015em;
  line-height: 1.35;
}

.hp-public__receipt-grid--single {
  grid-template-columns: minmax(0, 1fr);
}

.hp-public__law-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--hp-line);
  border-radius: 1.1rem;
  background: var(--hp-line);
}

.hp-public__law-grid article {
  display: grid;
  align-content: start;
  gap: 0.85rem;
  min-height: 15rem;
  padding: clamp(1.15rem, 2vw, 1.55rem);
  background: rgba(255, 253, 248, 0.78);
}

.hp-public__law-grid span {
  color: var(--hp-copper);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.hp-public__law-grid h3 {
  letter-spacing: -0.025em;
  line-height: 1.12;
}

.hp-public__law-grid p {
  font-size: 0.94rem;
  line-height: 1.62;
}

.hp-public__responsibility-grid {
  display: grid;
  overflow: hidden;
  border: 1px solid var(--hp-line);
  border-radius: 1.1rem;
  background: rgba(255, 253, 248, 0.7);
}

.hp-public__responsibility-row {
  display: grid;
  grid-template-columns: minmax(10rem, 1.05fr) repeat(2, minmax(0, 1fr));
  gap: 1px;
  border-top: 1px solid var(--hp-line);
}

.hp-public__responsibility-row:first-child {
  border-top: 0;
}

.hp-public__responsibility-row span {
  display: flex;
  align-items: center;
  min-height: 4rem;
  padding: 0.95rem 1rem;
  color: var(--hp-muted);
  background: rgba(255, 253, 248, 0.72);
  font-size: 0.92rem;
  line-height: 1.35;
}

.hp-public__responsibility-row span:first-child {
  color: var(--hp-ink);
  font-weight: 850;
}

.hp-public__responsibility-row--head span {
  min-height: 3rem;
  color: var(--hp-ink);
  background: rgba(255, 246, 232, 0.88);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.hp-public__receipt-stat {
  min-height: 9rem;
  padding: clamp(1.2rem, 2vw, 1.7rem);
  background: rgba(255, 253, 248, 0.76);
}

.hp-public__receipt-stat strong {
  display: block;
  color: var(--hp-ink);
  font-size: clamp(2.4rem, 5vw, 4.5rem);
  font-weight: 900;
  letter-spacing: -0.07em;
  line-height: 0.92;
}

.hp-public__receipt-stat span {
  display: block;
  margin-top: 0.85rem;
  color: var(--hp-muted);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  line-height: 1.35;
  text-transform: uppercase;
}

.hp-public__receipt-list {
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--hp-line);
  border-radius: 1.1rem;
  background: rgba(255, 253, 248, 0.7);
}

.hp-public__receipt-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: baseline;
  padding: 1rem 1.1rem;
  border-top: 1px solid var(--hp-line);
}

.hp-public__receipt-row:first-child {
  border-top: 0;
}

.hp-public__receipt-row span:first-child {
  color: var(--hp-ink);
  font-size: 0.96rem;
  line-height: 1.35;
}

.hp-public__receipt-row span:last-child {
  color: var(--hp-ink);
  font-size: 1rem;
  font-weight: 900;
}

.hp-public__receipt-section {
  display: grid;
  gap: 1rem;
}

.hp-public__receipt-section ul {
  display: grid;
  gap: 0.72rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hp-public__receipt-section li {
  position: relative;
  padding-left: 1.25rem;
}

.hp-public__receipt-section li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 999px;
  background: var(--hp-copper);
}

.hp-public__receipt-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  padding-top: 0.4rem;
}

.hp-public__receipt-actions .hp-public__button {
  color: #fff8ec;
}

.hp-public__receipt-actions .hp-public__button:not(.hp-public__button--primary) {
  color: var(--hp-ink);
  border-color: var(--hp-line);
  background: rgba(255, 253, 248, 0.62);
}

.hp-public__receipt-actions .hp-public__button:not(.hp-public__button--primary):hover {
  color: var(--hp-ink);
  background: rgba(255, 253, 248, 0.9);
}

.hp-public__inline-intent {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 1.05rem;
  color: var(--hp-copper);
  font-size: 0.76rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  line-height: 1.25;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    color 220ms var(--hp-ease),
    transform 220ms var(--hp-ease);
}

.hp-public__inline-intent:hover,
.hp-public__inline-intent:focus-visible {
  color: var(--hp-ink);
  transform: translateX(0.18rem);
}

.hp-operational-rail {
  position: sticky;
  bottom: 1rem;
  z-index: 12;
  width: min(90rem, calc(100% - 3rem));
  margin: clamp(-0.9rem, -1.5vw, -0.45rem) auto 0;
}

.hp-operational-rail .hp-ask-shell {
  max-width: none;
  margin: 0;
}

.hp-ask-shell--rail,
.hp-ask-shell--light {
  color: var(--hp-ink);
  border-color: rgba(16, 32, 51, 0.12);
  background:
    linear-gradient(135deg, rgba(255, 253, 248, 0.88), rgba(255, 246, 232, 0.76)),
    radial-gradient(circle at 96% 10%, rgba(182, 94, 38, 0.14), transparent 16rem);
  box-shadow:
    0 1.2rem 3.8rem rgba(16, 32, 51, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.hp-ask-shell--rail {
  display: grid;
  grid-template-columns: minmax(13rem, 0.48fr) minmax(0, 1fr);
  gap: 0.8rem;
  align-items: center;
  padding: 0.72rem;
  border-radius: 1.2rem;
  backdrop-filter: blur(22px) saturate(1.12);
}

.hp-ask-shell--rail:hover,
.hp-ask-shell--rail:focus-within,
.hp-ask-shell--light:hover,
.hp-ask-shell--light:focus-within {
  border-color: rgba(182, 94, 38, 0.28);
  box-shadow:
    0 1.45rem 4.2rem rgba(16, 32, 51, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.hp-ask-shell--rail .hp-ask-shell__prompt,
.hp-ask-shell--light .hp-ask-shell__prompt {
  padding: 0.25rem 0.35rem;
}

.hp-ask-shell--rail .hp-ask-shell__prompt strong,
.hp-ask-shell--light .hp-ask-shell__prompt strong {
  display: block;
  color: var(--hp-ink);
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-transform: uppercase;
}

.hp-ask-shell--rail .hp-ask-shell__prompt p,
.hp-ask-shell--light .hp-ask-shell__prompt p {
  margin-top: 0.12rem;
  color: var(--hp-muted);
  font-size: 0.86rem;
  line-height: 1.35;
}

.hp-ask-shell--rail .hp-ask-fallback {
  align-items: center;
}

.hp-ask-shell--rail .hp-ask-fallback__chips {
  grid-column: 1 / -1;
  margin-top: 0.48rem;
}

.hp-ask-shell--rail .hp-ask-fallback__chips a,
.hp-ask-shell--light .hp-ask-fallback__chips a {
  color: rgba(16, 32, 51, 0.72);
  border-color: rgba(16, 32, 51, 0.12);
  background: rgba(255, 253, 248, 0.5);
}

.hp-ask-shell--rail .hp-ask-fallback__chips a:hover,
.hp-ask-shell--rail .hp-ask-fallback__chips a:focus-visible,
.hp-ask-shell--light .hp-ask-fallback__chips a:hover,
.hp-ask-shell--light .hp-ask-fallback__chips a:focus-visible {
  color: #fff8ec;
  background: rgba(182, 94, 38, 0.9);
}

.hp-ask-shell--light {
  min-width: min(100%, 34rem);
  margin: 0;
  padding: 0.82rem;
}

.hp-ask-shell.is-contextual {
  border-color: rgba(182, 94, 38, 0.48);
  box-shadow:
    0 1.6rem 4.6rem rgba(182, 94, 38, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.dark .hp-ask-shell--rail,
.dark .hp-ask-shell--light {
  color: #fff8ec;
  border-color: rgba(255, 248, 236, 0.16);
  background:
    linear-gradient(135deg, rgba(255, 248, 236, 0.12), rgba(255, 248, 236, 0.055)),
    radial-gradient(circle at 96% 10%, rgba(182, 94, 38, 0.2), transparent 16rem);
}

.dark .hp-ask-shell--rail .hp-ask-shell__prompt strong,
.dark .hp-ask-shell--light .hp-ask-shell__prompt strong {
  color: #fff8ec;
}

.dark .hp-ask-shell--rail .hp-ask-shell__prompt p,
.dark .hp-ask-shell--light .hp-ask-shell__prompt p {
  color: rgba(255, 248, 236, 0.72);
}

.dark .hp-ask-shell--rail .hp-ask-fallback__chips a,
.dark .hp-ask-shell--light .hp-ask-fallback__chips a {
  color: rgba(255, 248, 236, 0.8);
  border-color: rgba(255, 248, 236, 0.16);
  background: rgba(255, 248, 236, 0.08);
}

.hp-editorial {
  --hp-editorial-measure: min(100% - 3rem, 92rem);
  padding-bottom: clamp(4rem, 8vw, 8rem);
}

.dark .hp-public.hp-editorial {
  --hp-ink: #102033;
  --hp-muted: #5e6978;
  --hp-line: rgba(16, 32, 51, 0.13);
}

.hp-article{padding-bottom:clamp(4rem,8vw,8rem);background:#0f2341;isolation:isolate}
.hp-article__masthead{width:min(100% - 3rem,72rem);margin-inline:auto;padding:clamp(5rem,9vw,8rem) 0 clamp(3.5rem,6vw,5rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.32fr);gap:clamp(2rem,7vw,7rem);align-items:end;color:#fff8ec}
.hp-article__masthead h1{max-width:14ch;margin:.8rem 0 1.4rem;color:#fff8ec;font-family:var(--hv-font-display);font-size:clamp(3.25rem,7vw,7rem);font-weight:760;line-height:.9;letter-spacing:-.075em;text-wrap:balance}
.hp-article__masthead time{color:rgba(255,248,236,.62);font-size:.86rem;letter-spacing:.03em}
.hp-article__masthead>p{max-width:19rem;margin:0;padding-top:1.4rem;border-top:1px solid rgba(255,248,236,.2);color:rgba(255,248,236,.7);font-size:1rem;line-height:1.65}
.hp-article__back{display:inline-flex;color:#d88954;font-size:.72rem;font-weight:850;letter-spacing:.13em;text-decoration:none;text-transform:uppercase}
.hp-article__back:before{content:'←';margin-right:.55rem}
.hp-article__reading{background:#fbf7f0;color:#24364c;padding:clamp(4rem,8vw,8rem) max(1.25rem,calc((100% - 46rem)/2))}
.hp-article__body{font-size:clamp(1.06rem,1.4vw,1.2rem);line-height:1.8}
.hp-article__body p{margin:0 0 1.45rem}
.hp-article__body h2,.hp-article__body h3{margin:2.8rem 0 .9rem;color:#102033;font-family:var(--hv-font-display);font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.05;letter-spacing:-.045em}
.hp-article__body ul,.hp-article__body ol{margin:0 0 1.6rem;padding-left:1.35rem}.hp-article__body li{margin:.45rem 0}
.hp-article__body a{color:#a9542d;text-underline-offset:.2em}
.hp-article__ending{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;margin-top:clamp(4rem,8vw,7rem);padding-top:2rem;border-top:1px solid rgba(16,32,51,.14)}
.hp-article__ending p{margin:0 0 .6rem;color:#a9542d;font-size:.7rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.hp-article__ending h2{max-width:17ch;margin:0;color:#102033;font-size:clamp(2rem,4vw,3.4rem);line-height:.98;letter-spacing:-.055em}.hp-article__ending>div:last-child{display:grid;justify-items:end;gap:1rem}.hp-article__ending .hp-article__back{color:#526174}
@media(max-width:46rem){.hp-article__masthead{width:min(100% - 2rem,72rem);grid-template-columns:1fr;padding-top:4rem}.hp-article__masthead h1{font-size:clamp(2.7rem,11.5vw,4.5rem)}.hp-article__masthead>p{display:none}.hp-article__reading{padding:3.5rem 1.35rem 5rem}.hp-article__ending{grid-template-columns:1fr}.hp-article__ending>div:last-child{justify-items:stretch}.hp-article__ending .hp-public__button{width:100%}}

.hp-editorial__masthead,
.hp-editorial__bar,
.hp-editorial__layout,
.hp-editorial__posts,
.hp-editorial__ask {
  width: var(--hp-editorial-measure);
  margin-inline: auto;
}

.hp-editorial__masthead {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(19rem, 0.72fr);
  gap: clamp(1.25rem, 3vw, 3rem);
  align-items: center;
  min-height: clamp(21rem, 38vh, 30rem);
  padding: clamp(6.4rem, 9vw, 8.4rem) clamp(1.5rem, 4vw, 3.4rem) clamp(1.6rem, 3vw, 2.8rem);
  border: 1px solid var(--hp-line);
  border-radius: clamp(2rem, 4vw, 3.4rem);
  background:
    radial-gradient(circle at 86% 8%, rgba(182, 94, 38, 0.22), transparent 22rem),
    linear-gradient(135deg, rgba(255, 253, 248, 0.94), rgba(255, 246, 232, 0.78));
  box-shadow: 0 1.8rem 5.5rem rgba(16, 32, 51, 0.1);
  overflow: hidden;
}

.hp-editorial__masthead-copy h1 {
  max-width: 15ch;
  margin: 0;
  color: var(--hp-ink);
	font-family: var(--hv-font-display);
  font-size: clamp(3.45rem, 6vw, 6.7rem);
  line-height: 0.9;
  letter-spacing: -0.082em;
}

.hp-editorial__masthead-copy p:last-child {
  max-width: 40rem;
  margin: clamp(0.9rem, 1.6vw, 1.35rem) 0 0;
  color: var(--hp-muted);
  font-size: clamp(1rem, 1.28vw, 1.18rem);
  line-height: 1.62;
}

.hp-editorial__issue {
  display: grid;
  gap: 0.78rem;
  padding: clamp(1rem, 1.8vw, 1.35rem);
  border: 1px solid rgba(16, 32, 51, 0.13);
  border-radius: 1.5rem;
  background:
    linear-gradient(145deg, rgba(16, 32, 51, 0.96), rgba(10, 25, 44, 0.9)),
    radial-gradient(circle at 90% 10%, rgba(182, 94, 38, 0.42), transparent 12rem);
  color: #fff8ec;
  box-shadow: 0 1.2rem 3.4rem rgba(16, 32, 51, 0.18);
}

.hp-editorial__issue span,
.hp-editorial__meta span {
  color: var(--hp-copper);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.hp-editorial__issue h2 {
  max-width: 17ch;
  margin: 0;
  color: #fff8ec;
  font-size: clamp(1.35rem, 2.2vw, 2.25rem);
  line-height: 1;
  letter-spacing: -0.056em;
}

.hp-editorial__issue p {
  margin: 0;
  color: rgba(255, 248, 236, 0.72);
  font-size: 0.92rem;
  line-height: 1.55;
}

.hp-editorial__issue a,
.hp-editorial__empty a {
  color: #fff8ec;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-decoration: none;
  text-transform: uppercase;
}

.hp-editorial__bar {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 0.85rem;
  padding: 0.55rem;
  border: 1px solid var(--hp-line);
  border-radius: 999px;
  background: rgba(255, 253, 248, 0.78);
  backdrop-filter: blur(18px);
}

.hp-editorial__bar a {
  display: inline-flex;
  align-items: center;
  min-height: 2.4rem;
  padding: 0 1rem;
  border-radius: 999px;
  color: var(--hp-muted);
  font-size: 0.86rem;
  font-weight: 800;
  text-decoration: none;
  transition:
    color 220ms var(--hp-ease),
    background 220ms var(--hp-ease),
    transform 220ms var(--hp-ease);
}

.hp-editorial__bar a:hover {
  transform: translateY(-1px);
  color: var(--hp-ink);
}

.hp-editorial__bar a[aria-current="page"] {
  color: #fff8ec;
  background: var(--hp-blue);
}

.hp-editorial__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(22rem, 0.95fr);
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: clamp(0.85rem, 2vw, 1.5rem);
}

.hp-editorial__feature,
.hp-editorial__rail,
.hp-editorial__article,
.hp-editorial__empty,
.hp-editorial__ask {
  border: 1px solid var(--hp-line);
  border-radius: clamp(1.4rem, 2.8vw, 2.2rem);
  background:
    linear-gradient(145deg, rgba(255, 253, 248, 0.92), rgba(255, 246, 232, 0.72)),
    radial-gradient(circle at 92% 8%, rgba(182, 94, 38, 0.12), transparent 14rem);
  box-shadow: 0 1.2rem 3.8rem rgba(16, 32, 51, 0.08);
}

.hp-editorial__feature {
  min-height: 30rem;
  padding: clamp(1.6rem, 4vw, 4rem);
}

.hp-editorial__feature h2 {
  max-width: 11ch;
  margin: 0.6rem 0 0;
  color: var(--hp-ink);
  font-size: clamp(3.3rem, 6.6vw, 6.4rem);
  line-height: 0.88;
  letter-spacing: -0.085em;
}

.hp-editorial__feature p {
  max-width: 38rem;
  margin: 1.2rem 0 0;
  color: var(--hp-muted);
  font-size: clamp(1rem, 1.4vw, 1.18rem);
  line-height: 1.7;
}

.hp-editorial__feature .hp-public__button {
  margin-top: clamp(1.5rem, 3vw, 2.6rem);
}

.hp-editorial__standard {
  display: grid;
  grid-template-columns: auto minmax(10rem, 0.45fr) minmax(18rem, 1fr) auto;
  gap: clamp(0.9rem, 2vw, 1.5rem);
  align-items: center;
  margin-top: clamp(0.85rem, 2vw, 1.5rem);
  padding: clamp(1rem, 1.8vw, 1.35rem);
  border: 1px solid var(--hp-line);
  border-radius: clamp(1.2rem, 2vw, 1.7rem);
  background:
    linear-gradient(145deg, rgba(255, 253, 248, 0.94), rgba(255, 246, 232, 0.76)),
    radial-gradient(circle at 94% 10%, rgba(182, 94, 38, 0.1), transparent 11rem);
  box-shadow: 0 1rem 2.8rem rgba(16, 32, 51, 0.07);
}

.hp-editorial__standard .hp-public__eyebrow,
.hp-editorial__standard h2,
.hp-editorial__standard p {
  margin: 0;
}

.hp-editorial__standard .hp-public__eyebrow {
  white-space: nowrap;
}

.hp-editorial__standard h2 {
  color: var(--hp-ink);
  font-size: clamp(1.45rem, 2.2vw, 2.15rem);
  line-height: 0.95;
  letter-spacing: -0.065em;
}

.hp-editorial__standard p:not(.hp-public__eyebrow) {
  max-width: 48rem;
  color: var(--hp-muted);
  font-size: clamp(0.95rem, 1.15vw, 1.05rem);
  line-height: 1.55;
}

.hp-editorial__standard .hp-public__inline-link {
  white-space: nowrap;
}

.hp-editorial__rail {
  display: grid;
  align-content: stretch;
  padding: clamp(1.2rem, 2.2vw, 1.8rem);
}

.hp-editorial__rail h3 {
  margin: 0 0 0.75rem;
  color: var(--hp-ink);
  font-size: clamp(1.5rem, 2.2vw, 2.4rem);
  letter-spacing: -0.06em;
  line-height: 1;
}

.hp-editorial__rail a {
  display: grid;
  gap: 0.35rem;
  padding: clamp(1rem, 1.6vw, 1.3rem) 0;
  border-top: 1px solid var(--hp-line);
  color: var(--hp-ink);
  font-size: clamp(1.05rem, 1.4vw, 1.3rem);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.045em;
  text-decoration: none;
}

.hp-editorial__rail a span {
  color: var(--hp-copper);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.hp-editorial__posts {
  margin-top: clamp(4rem, 7vw, 7rem);
}

.hp-editorial__section-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(1rem, 4vw, 5rem);
  align-items: end;
  margin-bottom: clamp(1.5rem, 3vw, 2.4rem);
}

.hp-editorial__section-heading h2 {
  max-width: 12ch;
  margin: 0;
  color: var(--hp-ink);
  font-size: clamp(3.2rem, 6vw, 6.2rem);
  line-height: 0.9;
  letter-spacing: -0.08em;
}

.hp-editorial__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.hp-editorial__article {
  display: flex;
  min-height: 23rem;
  flex-direction: column;
  padding: clamp(1.2rem, 2vw, 1.7rem);
  color: inherit;
  text-decoration: none;
  transition:
    transform 260ms var(--hp-ease),
    box-shadow 260ms var(--hp-ease);
}

.hp-editorial__article:hover {
  transform: translateY(-4px);
  box-shadow: 0 1.6rem 4rem rgba(16, 32, 51, 0.12);
}

.hp-editorial__meta {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
}

.hp-editorial__meta time {
  color: var(--hp-muted);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.hp-editorial__article h3 {
  max-width: 13ch;
  margin: clamp(2rem, 5vw, 4rem) 0 0;
  color: var(--hp-ink);
  font-size: clamp(1.7rem, 2.7vw, 2.8rem);
  line-height: 0.95;
  letter-spacing: -0.07em;
}

.hp-editorial__article p {
  margin: 1rem 0 0;
  color: var(--hp-muted);
  font-size: 0.98rem;
  line-height: 1.62;
}

.hp-editorial__article .hp-public__inline-link {
  margin-top: auto;
  padding-top: 1.5rem;
}

.hp-editorial__empty {
  padding: clamp(2rem, 5vw, 4rem);
  color: var(--hp-ink);
}

.hp-editorial__empty h2 {
  max-width: 12ch;
  margin: 0.6rem 0 0;
  font-size: clamp(2.8rem, 5vw, 5rem);
  line-height: 0.92;
  letter-spacing: -0.078em;
}

.hp-editorial__empty p {
  max-width: 42rem;
  color: var(--hp-muted);
  font-size: clamp(1rem, 1.35vw, 1.18rem);
  line-height: 1.68;
}

.hp-editorial__empty div {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 1.7rem;
}

.hp-editorial__empty a {
  color: var(--hp-copper);
}

.hp-editorial__ask {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(24rem, 1.15fr);
  gap: clamp(1.2rem, 3vw, 3rem);
  align-items: center;
  margin-top: clamp(4rem, 7vw, 7rem);
  padding: clamp(1.4rem, 3vw, 2.5rem);
}

.hp-editorial__ask h2 {
  max-width: 10ch;
  margin: 0.4rem 0 0;
  color: var(--hp-ink);
  font-size: clamp(2.6rem, 4.4vw, 4.8rem);
  line-height: 0.92;
  letter-spacing: -0.076em;
}

.hp-editorial__ask p {
  max-width: 34rem;
  color: var(--hp-muted);
  font-size: 1rem;
  line-height: 1.65;
}

[data-public-motion] {
	opacity: 1;
	transform: none;
}

[data-public-motion].is-visible {
	animation: hp-public-settle 520ms var(--hp-ease) both;
	animation-delay: calc(var(--hp-motion-index, 0) * 36ms);
}

@keyframes hp-public-settle {
	from { transform: translate3d(0, .55rem, 0); }
	to { transform: translate3d(0, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
  [data-public-motion] {
    opacity: 1;
    transform: none;
    animation: none;
  }
}

@media (max-width: 1040px) {
  .hp-public.hp-page .hp-hero-block,
  .hp-public.hp-page .hp-narrative,
  .hp-public__hero,
  .hp-public__split,
  .hp-public__dark,
  .hp-public__cta,
  .hp-public__document-grid,
  .hp-public__receipt-grid,
  .hp-public__receipt-boundary,
  .hp-public__law-grid,
  .hp-editorial__masthead,
  .hp-editorial__layout,
  .hp-editorial__standard,
  .hp-editorial__section-heading,
  .hp-editorial__ask {
    grid-template-columns: 1fr;
  }

  .hp-public__tile-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hp-editorial__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hp-public__hero-side {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .hp-public__toc {
    position: static;
  }

  .hp-public__responsibility-row {
    grid-template-columns: 1fr;
  }

  .hp-public__responsibility-row span {
    min-height: auto;
  }
}

@media (max-width: 720px) {
  .hp-public {
    padding-top: 5.45rem;
  }

  .hp-public.hp-page {
    width: min(100% - 1.25rem, 90rem);
    padding: 6.25rem 1rem 2.4rem;
    border-radius: 1.25rem;
  }

  .hp-public.hp-page .hp-hero-block::after {
    min-height: 14rem;
    order: -1;
  }

  .hp-public__wrap,
  .hp-public__split,
  .hp-public__dark,
  .hp-public__cta {
    width: min(100% - 1.25rem, 90rem);
  }

  .hp-public__hero {
    min-height: auto;
    padding: 2rem 1rem;
  }

  .hp-public__hero h1,
  .hp-public__split h2,
  .hp-public__section-title,
  .hp-public__dark h2,
  .hp-public__cta h2 {
    font-size: clamp(3rem, 13vw, 4.4rem);
    letter-spacing: -0.06em;
  }

  .hp-public__hero-side,
  .hp-public__tile-grid,
  .hp-editorial__grid {
    grid-template-columns: 1fr;
  }

  .hp-operational-rail {
    position: static;
    width: min(100% - 1.25rem, 90rem);
    margin-top: 0.8rem;
  }

  .hp-ask-shell--rail {
    grid-template-columns: 1fr;
    border-radius: 1.25rem;
  }

  .hp-ask-shell--rail .hp-ask-fallback,
  .hp-ask-shell--light .hp-ask-fallback {
    grid-template-columns: 1fr;
  }

  .hp-ask-shell--rail .hp-ask-fallback button,
  .hp-ask-shell--light .hp-ask-fallback button {
    width: 100%;
  }

  .hp-ask-shell--rail .hp-ask-fallback__chips,
  .hp-ask-shell--light .hp-ask-fallback__chips {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 0.15rem;
  }

  .hp-ask-shell--rail .hp-ask-fallback__chips a,
  .hp-ask-shell--light .hp-ask-fallback__chips a {
    white-space: nowrap;
  }

  .hp-editorial {
    --hp-editorial-measure: min(100% - 1.25rem, 92rem);
    padding-top: 5.45rem;
  }

  .hp-editorial__masthead {
    min-height: auto;
    padding: 2rem 1rem;
    border-radius: 1.35rem;
  }

  .hp-editorial__masthead-copy h1,
  .hp-editorial__feature h2,
  .hp-editorial__section-heading h2,
  .hp-editorial__ask h2 {
    font-size: clamp(3rem, 13vw, 4.5rem);
    letter-spacing: -0.065em;
  }

  .hp-editorial__bar {
    justify-content: flex-start;
    border-radius: 1.2rem;
    overflow-x: auto;
  }

  .hp-editorial__bar a {
    white-space: nowrap;
  }

  .hp-editorial__feature,
  .hp-editorial__rail,
  .hp-editorial__standard,
  .hp-editorial__article,
  .hp-editorial__empty,
  .hp-editorial__ask {
    border-radius: 1.25rem;
  }

  .hp-editorial__standard .hp-public__inline-link {
    white-space: normal;
  }

  .hp-editorial__article {
    min-height: 16rem;
  }

  .hp-public__tile {
    min-height: 13rem;
  }

  .hp-public__law-grid article {
    min-height: auto;
  }

  .hp-public__principles article {
    grid-template-columns: 1fr;
    gap: 0.45rem;
  }

  .hp-public__cta {
    padding: 1.4rem;
  }

  .hp-public__button {
    width: 100%;
  }

  .hp-public__receipt {
    width: min(100% - 1.5rem, 72rem);
  }

  .hp-public__receipt-panel {
    padding: 1.4rem;
  }

  .hp-public__receipt h1 {
    max-width: 11.5ch;
    font-size: clamp(2.55rem, 16vw, 4.3rem);
  }

  .hp-public__receipt-row {
    grid-template-columns: 1fr;
    gap: 0.35rem;
  }
}

/* Owner onboarding final override: private utility packet, not a full marketing hero. */
.hp-public--owner-onboarding .hp-public__hero {
  grid-template-columns: minmax(0, 0.9fr) minmax(18rem, 0.52fr);
  gap: clamp(1.25rem, 3vw, 2rem);
  align-items: stretch;
  min-height: auto;
  margin-top: calc(var(--hp-rhythm) * 1.5);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-color: rgba(17, 24, 39, 0.1);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(16, 32, 51, 0.93), rgba(16, 32, 51, 0.72)),
    var(--hp-cdn-hero-owner, url("https://llot-space.sfo3.cdn.digitaloceanspaces.com/Site%20Images/heroes/ChatGPT%20Image%20Dec%2016%2C%202025%20at%2009_51_36%20AM.png")) center / cover;
  box-shadow: 0 1.2rem 3rem rgba(16, 32, 51, 0.12);
}

.hp-public--owner-onboarding .hp-public__hero::before {
  display: none;
}

.hp-public--owner-onboarding .hp-public__hero-main {
  align-self: center;
  max-width: 52rem;
}

.hp-public--owner-onboarding .hp-public__hero h1 {
  max-width: 15ch;
  font-size: clamp(2.15rem, 4vw, 3.35rem);
  letter-spacing: -0.052em;
  line-height: 1.02;
}

.hp-public--owner-onboarding .hp-public__hero p {
  max-width: 42rem;
  margin-top: calc(var(--hp-rhythm) * 2);
  font-size: clamp(1rem, 1.2vw, 1.12rem);
  line-height: 1.58;
}

.hp-public--owner-onboarding .hp-public__hero-side {
  align-self: stretch;
  gap: 0.65rem;
}

.hp-public--owner-onboarding .hp-public__signal-card {
  min-height: 5.5rem;
  padding: calc(var(--hp-rhythm) * 1.6);
  border-radius: 8px;
  background: rgba(255, 248, 236, 0.1);
}

.hp-public--owner-onboarding .hp-public__signal-card strong {
  margin-top: calc(var(--hp-rhythm) * 0.85);
  font-size: clamp(0.92rem, 1.05vw, 1.05rem);
  letter-spacing: -0.035em;
  line-height: 1.18;
}

@media (max-width: 820px) {
  .hp-public--owner-onboarding .hp-public__hero {
    grid-template-columns: 1fr;
    padding: 1.25rem;
  }

  .hp-public--owner-onboarding .hp-public__hero h1 {
    font-size: clamp(2.15rem, 11vw, 3.15rem);
  }
}

/* Legal obligations: consumer-readable disclosure, with registry machinery backstage. */
.hv-public-consequence {
  --consequence-ink: #10233f;
  --consequence-paper: #f8f3eb;
  --consequence-copper: #a85f3f;
  min-height: calc(100vh - 5rem);
  color: var(--consequence-ink);
  background: var(--consequence-paper);
  font-family: var(--hv-font-body, "Inter", sans-serif);
}

.hv-public-consequence__opening {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(20rem, .4fr);
  gap: clamp(3rem, 9vw, 10rem);
  align-items: end;
  min-height: clamp(34rem, 68vh, 48rem);
  padding: clamp(5rem, 10vw, 10rem) max(clamp(1.4rem, 7vw, 8rem), calc((100vw - 88rem) / 2));
  background: linear-gradient(135deg, #07192d, #173654);
  color: #fff;
}

.hv-public-consequence__eyebrow,
.hv-public-consequence__opening aside > span {
  margin: 0 0 1rem;
  color: #d79b78;
  font-size: .68rem;
  font-weight: 750;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.hv-public-consequence__opening h1 {
  max-width: 13ch;
  margin: 0;
  color: #fff;
  font-size: clamp(3.3rem, 7vw, 7.6rem);
  font-weight: 560;
  letter-spacing: -.067em;
  line-height: .91;
}

.hv-public-consequence__lede {
  max-width: 49rem;
  margin: 2rem 0 0;
  color: #c7d2de;
  font-size: clamp(1rem, 1.35vw, 1.18rem);
  line-height: 1.72;
}

.hv-public-consequence__opening aside {
  padding-top: 1.7rem;
  border-top: 1px solid rgba(255,255,255,.2);
}
.hv-public-consequence__opening aside span,
.hv-public-consequence__opening aside strong { display: block; }
.hv-public-consequence__opening aside strong {
  font-size: clamp(1.3rem, 2.2vw, 2.15rem);
  font-weight: 560;
  letter-spacing: -.035em;
  line-height: 1.16;
}

.hv-public-consequence__body {
  max-width: 88rem;
  margin: 0 auto;
  padding: clamp(4.5rem, 9vw, 9rem) clamp(1.4rem, 5vw, 5rem);
}

.hv-public-consequence__section {
  display: grid;
  grid-template-columns: minmax(15rem, .42fr) minmax(0, 1fr);
  gap: clamp(2.5rem, 8vw, 8rem);
  padding: clamp(3rem, 6vw, 5rem) 0;
  border-top: 1px solid rgba(16,35,63,.15);
}
.hv-public-consequence__section h2 {
  margin: 0;
  color: var(--consequence-ink);
  font-size: clamp(2.2rem, 4vw, 4.2rem);
  font-weight: 560;
  letter-spacing: -.055em;
  line-height: 1;
}
.hv-public-consequence__section > p,
.hv-public-consequence__section ul { margin: 0; color: #657386; line-height: 1.7; }
.hv-public-consequence__section li { padding: .9rem 0; border-bottom: 1px solid rgba(16,35,63,.12); }
.hv-public-consequence__section li:first-child { padding-top: 0; }

.hv-public-consequence__paths {
  margin: 0 0 clamp(3rem, 7vw, 6rem);
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(16,35,63,.15);
}
.hv-public-consequence__paths li {
  display: grid;
  grid-template-columns: 3rem 1fr;
  gap: 1.5rem;
  padding: 1.4rem 0;
  border-bottom: 1px solid rgba(16,35,63,.15);
}
.hv-public-consequence__paths span { color: var(--consequence-copper); font-size: .68rem; font-weight: 750; }
.hv-public-consequence__paths strong { font-size: 1rem; }

.hv-public-consequence__notice {
  margin-bottom: 3rem;
  padding: 1.2rem 1.4rem;
  border-left: 3px solid #9b3a36;
  background: rgba(155,58,54,.07);
}
.hv-public-consequence__notice p { margin: .4rem 0 0; color: #6f3936; }

.hv-public-consequence__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem;
  padding: 2rem 0 3rem;
  border-top: 1px solid rgba(16,35,63,.15);
}
.hv-public-consequence__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: .78rem 1.2rem;
  border: 1px solid rgba(16,35,63,.24);
  border-radius: 999px;
  color: var(--consequence-ink);
  font-size: .78rem;
  font-weight: 750;
  text-decoration: none;
}
.hv-public-consequence__actions a.is-primary { border-color: var(--consequence-ink); background: var(--consequence-ink); color: #fff; }

.hv-public-consequence__explain {
  border-top: 1px solid rgba(16,35,63,.15);
  border-bottom: 1px solid rgba(16,35,63,.15);
}
.hv-public-consequence__explain summary { padding: 1.2rem 0; cursor: pointer; font-size: .78rem; font-weight: 750; }
.hv-public-consequence__explain > div { padding: 0 0 1.5rem; }
.hv-public-consequence__explain p { display: grid; grid-template-columns: 9rem 1fr; gap: 1rem; margin: 0; padding: .8rem 0; color: #657386; font-size: .82rem; }
.hv-public-consequence__explain span { text-transform: uppercase; letter-spacing: .08em; font-size: .64rem; }
.hv-public-consequence__explain strong { color: var(--consequence-ink); font-weight: 550; }

@media (max-width: 760px) {
  .hv-public-consequence__opening,
  .hv-public-consequence__section { grid-template-columns: 1fr; }
  .hv-public-consequence__opening { gap: 3rem; min-height: auto; padding: 5rem 1.3rem; }
  .hv-public-consequence__opening h1 { font-size: clamp(3.1rem, 15vw, 5rem); }
  .hv-public-consequence__body { padding: 4rem 1.3rem; }
  .hv-public-consequence__section { gap: 2rem; }
  .hv-public-consequence__explain p { grid-template-columns: 1fr; gap: .25rem; }
}

.hv-obligation-story {
  padding: 0 0 clamp(5rem, 9vw, 9rem);
  background:
    radial-gradient(circle at 86% 7%, rgba(182, 94, 38, 0.12), transparent 27rem),
    var(--hp-cream);
}

.hv-obligation-story .hp-public__receipt {
  width: 100%;
  margin: 0;
  padding: 0;
}

.hv-obligation-story .hp-public__receipt-panel {
  width: min(76rem, calc(100% - 3rem));
  max-width: none;
  margin: 0 auto;
  padding: clamp(8rem, 13vw, 12rem) 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.hv-obligation-story .hp-public__receipt-status {
  color: var(--hp-copper);
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
}

.hv-obligation-story .hp-public__receipt-status::before {
  display: none;
}

.hv-obligation-story h1 {
  max-width: 13ch;
  margin-top: clamp(2rem, 4vw, 4rem);
  font-size: clamp(4rem, 8vw, 8rem);
  line-height: 0.9;
}

.hv-obligation-story .hp-public__receipt-lede {
  max-width: 48rem;
  margin-top: 2rem;
  font-size: clamp(1.08rem, 1.6vw, 1.35rem) !important;
}

.hv-obligation-story .hp-public__receipt-meta {
  margin-top: clamp(2rem, 4vw, 3.5rem);
}

.hv-obligation-story__broker {
  margin-top: clamp(4rem, 8vw, 7rem);
  padding: clamp(2rem, 4vw, 3.5rem) 0;
  border-top: 1px solid var(--hp-line);
  border-bottom: 1px solid var(--hp-line);
}

.hv-obligation-story__broker .hp-public__receipt-list {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.hv-obligation-story__broker .hp-public__receipt-row {
  padding-inline: 0;
}

.hv-obligation-story__body {
  margin-top: clamp(4rem, 8vw, 7rem);
  border-top: 1px solid var(--hp-line);
}

.hv-obligation-story__body .hp-public__receipt-section {
  grid-template-columns: minmax(12rem, 0.48fr) minmax(0, 1fr);
  column-gap: clamp(2rem, 7vw, 7rem);
  padding: clamp(2.3rem, 5vw, 4.5rem) 0;
  border-bottom: 1px solid var(--hp-line);
}

.hv-obligation-story__body .hp-public__receipt-section h2 {
  grid-column: 1;
  grid-row: 1 / span 5;
}

.hv-obligation-story__body .hp-public__receipt-section > p,
.hv-obligation-story__body .hp-public__receipt-section > ul,
.hv-obligation-story__body .hp-public__receipt-section > a {
  grid-column: 2;
}

.hv-obligation-story .hp-public__receipt-actions {
  margin-top: clamp(3rem, 6vw, 5rem);
}

.hv-obligation-story .hp-public__button:not(.hp-public__button--primary) {
  color: var(--hp-ink);
  border-color: var(--hp-line);
  background: transparent;
}

@media (max-width: 48rem) {
  .hv-obligation-story .hp-public__receipt-panel {
    width: min(100% - 2rem, 76rem);
    padding-top: clamp(7rem, 23vw, 9rem);
  }

  .hv-obligation-story h1 {
    font-size: clamp(3.1rem, 14vw, 5rem);
  }

  .hv-obligation-story__body .hp-public__receipt-section {
    grid-template-columns: 1fr;
  }

  .hv-obligation-story__body .hp-public__receipt-section h2,
  .hv-obligation-story__body .hp-public__receipt-section > p,
  .hv-obligation-story__body .hp-public__receipt-section > ul,
  .hv-obligation-story__body .hp-public__receipt-section > a {
    grid-column: 1;
    grid-row: auto;
  }
}

/* Governance: one public trust story on the shared Havlo substrate. */
.hv-governance-story {
  padding: 0 0 clamp(5rem, 9vw, 9rem);
  background: var(--hp-cream);
}

.hv-governance-story .hp-public__receipt {
  width: min(76rem, calc(100% - 3rem));
  margin: 0 auto;
  padding: clamp(5rem, 9vw, 9rem) 0 0;
}

.hv-governance-story .hp-public__receipt-panel {
  max-width: none;
  margin-inline: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.hv-governance-story > .hp-public__receipt:first-child {
  width: 100%;
  padding: 0;
}

.hv-governance-story .hv-governance-story__hero {
  min-height: clamp(42rem, 82svh, 58rem);
  display: grid;
  align-content: end;
  padding:
    clamp(7.5rem, 12vw, 11rem)
    max(clamp(1.5rem, 6vw, 7rem), calc((100vw - 90rem) / 2))
    clamp(4rem, 8vw, 7rem) !important;
  color: #fff8ec;
  background:
    linear-gradient(105deg, rgba(7, 24, 45, 0.98), rgba(13, 35, 59, 0.9)),
    radial-gradient(circle at 82% 18%, rgba(182, 94, 38, 0.45), transparent 28rem) !important;
}

.hv-governance-story__hero h1 {
  max-width: 12ch;
  color: #fff8ec;
  font-size: clamp(4rem, 8vw, 8.2rem);
  letter-spacing: -0.072em;
  line-height: 0.89;
}

.hv-governance-story__hero .hp-public__receipt-lede {
  max-width: 43rem;
  color: rgba(255, 248, 236, 0.74);
  font-size: clamp(1.05rem, 1.6vw, 1.3rem);
  line-height: 1.75;
}

.hv-governance-story__hero .hp-public__receipt-status {
  width: fit-content;
  color: #efba93;
  border-color: rgba(239, 186, 147, 0.28);
  background: rgba(255, 248, 236, 0.06);
}

.hv-governance-story .hp-public__law-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: clamp(2.5rem, 5vw, 4.5rem);
  border: 0;
  border-top: 1px solid var(--hp-line);
  border-radius: 0;
  background: transparent;
}

.hv-governance-story .hp-public__law-grid article {
  min-height: 0;
  padding: clamp(2rem, 4vw, 3.5rem) clamp(1.25rem, 2.5vw, 2.5rem);
  border-bottom: 1px solid var(--hp-line);
  background: transparent;
}

.hv-governance-story .hp-public__law-grid article + article {
  border-left: 1px solid var(--hp-line);
}

.hv-governance-story .hp-public__law-grid article:first-child { padding-left: 0; }
.hv-governance-story .hp-public__law-grid article:last-child { padding-right: 0; }

.hv-governance-story .hp-public__law-grid article span {
  color: var(--hp-copper);
}

.hv-governance-story__closing {
  padding: clamp(4rem, 8vw, 7rem) !important;
  color: #fff8ec;
  background:
    radial-gradient(circle at 88% 10%, rgba(182, 94, 38, 0.32), transparent 25rem),
    var(--hp-blue-2) !important;
}

.hv-governance-story__closing h2,
.hv-governance-story__closing p {
  color: inherit;
}

.hv-governance-story__closing .hp-public__receipt-status {
  color: #efba93;
  border-color: rgba(239, 186, 147, 0.35);
}

.hv-governance-story__closing .hp-public__notice {
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.08);
}

@media (max-width: 48rem) {
  .hv-governance-story {
    padding-bottom: 4rem;
  }

  .hv-governance-story .hp-public__receipt {
    width: min(100% - 2rem, 76rem);
    padding-top: 4.5rem;
  }

  .hv-governance-story__hero h1 {
    font-size: clamp(3.2rem, 14vw, 5rem);
  }

  .hv-governance-story .hp-public__law-grid {
    grid-template-columns: 1fr;
  }

  .hv-governance-story .hp-public__law-grid article,
  .hv-governance-story .hp-public__law-grid article + article {
    padding: 2rem 0;
    border-left: 0;
  }

  .hv-governance-story .hp-public__receipt-actions {
    align-items: stretch;
  }

  .hv-governance-story .hp-public__button {
    justify-content: center;
  }
}

/* Glossary: plain housing language, composed inside the shared public system. */
.hv-language-story {
  padding: 0 0 clamp(4rem, 9vw, 9rem);
  color: var(--hp-ink);
  background: var(--hp-cream);
	font-family: var(--hv-font-body);
}

.hv-language-story__hero {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(18rem, 0.65fr);
  align-items: end;
  width: 100%;
  margin: auto;
  min-height: clamp(42rem, 78svh, 54rem);
  padding:
    clamp(7.5rem, 12vw, 11rem)
    max(clamp(1.5rem, 6vw, 7rem), calc((100vw - 90rem) / 2))
    clamp(4rem, 8vw, 7rem);
  gap: clamp(3rem, 8vw, 8rem);
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 88% 20%, rgba(182, 94, 38, 0.14), transparent 25rem),
    linear-gradient(180deg, #fffaf2 0%, var(--hp-cream) 100%);
  box-shadow: none;
}

.hv-language-story__hero h1 {
  max-width: 13ch;
  margin: 0.8rem 0 1.6rem;
	font-family: var(--hv-font-display);
  font-size: clamp(3.1rem, 7vw, 7rem);
  letter-spacing: -0.07em;
  line-height: 0.9;
}

.hv-language-story__hero > div > p:last-child {
  max-width: 48rem;
  color: var(--hp-muted);
  font-size: 1.15rem;
  line-height: 1.75;
}

.hv-language-story__search {
  display: block;
  padding: 1.7rem 0;
  border: 0;
  border-top: 1px solid var(--hp-line);
  border-bottom: 1px solid var(--hp-line);
  border-radius: 0;
  background: transparent;
}

.hv-language-story__search span {
  display: block;
  margin-bottom: 1.2rem;
  color: var(--hp-copper);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.hv-language-story__search input {
  width: 100%;
  padding: 0.8rem 0;
  border: 0;
  border-bottom: 1px solid rgba(16, 32, 51, 0.28);
  outline: none;
  color: var(--hp-ink);
  background: transparent;
  font: 600 1.15rem/1.4 inherit;
}

.hv-language-story__search input:focus {
  border-color: var(--hp-copper);
}

.hv-language-story__search small {
  display: block;
  margin-top: 1rem;
  color: var(--hp-muted);
}

.hv-language-story__terms {
  width: min(100% - 2rem, 76rem);
  margin: clamp(5rem, 10vw, 10rem) auto;
}

.hv-language-story__heading {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  align-items: end;
  margin-bottom: 4rem;
  gap: 1rem 5rem;
}

.hv-language-story__heading .hp-public__eyebrow {
  grid-column: 1 / -1;
}

.hv-language-story__heading h2 {
  max-width: 15ch;
  margin: 0;
  font-size: clamp(2.5rem, 5vw, 4.8rem);
  letter-spacing: -0.055em;
  line-height: 0.97;
}

.hv-language-story__terms dl {
  margin: 0;
  border-top: 1px solid var(--hp-line);
}

.hv-language-story__terms dl > div {
  display: grid;
  grid-template-columns: 10rem minmax(12rem, 0.75fr) minmax(16rem, 1.25fr);
  padding: 2rem 0;
  gap: 1.5rem 3rem;
  border-bottom: 1px solid var(--hp-line);
}

.hv-language-story__terms dl span {
  color: var(--hp-copper);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.hv-language-story__terms dt {
  font-size: 1.25rem;
  font-weight: 750;
  letter-spacing: -0.025em;
}

.hv-language-story__terms dd {
  margin: 0;
  color: var(--hp-muted);
  line-height: 1.7;
}

.hv-language-story__empty {
  padding: 3rem;
  border: 1px solid var(--hp-line);
  border-radius: 1.5rem;
  background: var(--hp-cream);
}

.hv-language-story__closing {
  width: 100%;
  margin: auto;
  padding:
    clamp(5rem, 9vw, 9rem)
    max(clamp(1.5rem, 6vw, 7rem), calc((100vw - 76rem) / 2));
  border-radius: 0;
  color: var(--hp-cream);
  background:
    radial-gradient(circle at 84% 15%, rgba(182, 94, 38, 0.3), transparent 24rem),
    var(--hp-blue-2);
}

.hv-language-story__closing h2 {
  max-width: 17ch;
  margin: 0.6rem 0 1rem;
  font-size: clamp(2.4rem, 5vw, 4.8rem);
  letter-spacing: -0.055em;
  line-height: 0.97;
}

.hv-language-story__closing > p:not(.hp-public__eyebrow) {
  max-width: 45rem;
  color: #c5cfdb;
  font-size: 1.08rem;
  line-height: 1.75;
}

@media (max-width: 52rem) {
  .hv-language-story__hero {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-top: clamp(7rem, 24vw, 9rem);
  }

  .hv-language-story__hero h1 {
    font-size: clamp(3rem, 14vw, 5.2rem);
  }

  .hv-language-story__heading {
    grid-template-columns: 1fr;
  }

  .hv-language-story__terms dl > div {
    grid-template-columns: 1fr;
    gap: 0.55rem;
  }

  .hv-language-story__terms dd {
    margin-top: 0.25rem;
  }
}

/* Houston area guidance is part of the shared place/search experience.
   Keep it out of page-specific About styling so one consumer release cannot
   accidentally undress another public doorway. */
.he-guide {
  --he-ink: #102033;
  --he-paper: #f6f0e6;
  --he-copper: #b65e26;

  min-height: 100svh;
  padding: clamp(7rem, 10vw, 10rem) clamp(1rem, 4vw, 3rem) 6rem;
  background: var(--he-paper);
  color: var(--he-ink);
  font-family: var(--hv-font-body);
}

.he-guide__opening {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(25rem, 1.18fr);
  min-height: min(45rem, 76svh);
  max-width: 90rem;
  margin: auto;
  overflow: hidden;
  background: #07182d;
  color: #fff;
}

.he-guide__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2rem, 6vw, 6rem);
}

.he-guide__eyebrow {
  margin: 0 0 1rem;
  color: #dfa77f;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.he-guide h1 {
  max-width: 11ch;
  margin: 0;
  color: #fff8ec;
  font-family: var(--hv-font-display);
  font-size: clamp(3.4rem, 7vw, 7rem);
  font-weight: 400;
  line-height: 0.9;
  letter-spacing: -0.055em;
}

.he-guide__lede {
  max-width: 39rem;
  margin: 1.6rem 0 0;
  color: #d8e0e8;
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: 1.7;
}

.he-guide__image {
  position: relative;
  min-height: 28rem;
  margin: 0;
  overflow: hidden;
}

.he-guide__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.he-guide__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(4, 17, 31, 0.82));
}

.he-guide__image figcaption {
  position: absolute;
  z-index: 1;
  right: 2rem;
  bottom: 2rem;
  left: 2rem;
  color: #fff;
}

.he-guide__image strong {
  display: block;
  max-width: 22ch;
  font-family: var(--hv-font-display);
  font-size: clamp(1.7rem, 3vw, 3rem);
  font-weight: 400;
  line-height: 1.05;
}

.he-guide__body {
  display: grid;
  grid-template-columns: minmax(14rem, 0.42fr) minmax(0, 1fr);
  gap: clamp(2rem, 8vw, 8rem);
  max-width: 78rem;
  margin: clamp(5rem, 9vw, 9rem) auto;
}

.he-guide__rail {
  align-self: start;
  position: sticky;
  top: 8rem;
}

.he-guide__rail p {
  max-width: 20rem;
  color: #687486;
  line-height: 1.65;
}

.he-guide__rail-title {
  margin: 0 0 1rem;
  color: #102033;
  font-family: var(--hv-font-display);
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  line-height: 0.95;
  letter-spacing: -0.05em;
}

.he-guide__rail-link {
  display: inline-block;
  margin-top: 1.3rem;
  color: #b65e26;
  text-decoration: none;
  font-weight: 700;
}

.he-guide__rail-link:hover,
.he-guide__rail-link:focus-visible {
  text-decoration: underline;
}

.he-guide__evidence {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.he-area-card {
  position: relative;
  display: grid;
  grid-template-rows: minmax(0, 15.2rem) auto;
  background: #fff;
  border: 1px solid rgba(16, 32, 51, 0.12);
  border-radius: 1rem;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}

.he-area-card:hover,
.he-area-card:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 1.5rem 3.5rem rgba(16, 36, 64, 0.12);
}

.he-area-card--wide {
  grid-column: 1 / -1;
}

.he-area-card--compact {
  display: grid;
}

.he-area-card__media {
  margin: 0;
  position: relative;
  overflow: hidden;
}

.he-area-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(5, 21, 41, 0.5));
}

.he-area-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.he-area-card__copy {
  padding: 1.4rem 1.2rem;
}

.he-area-card__copy span {
  color: #b65e26;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.he-guide__evidence span {
  color: var(--he-copper);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.he-guide__evidence h2,
.he-guide__evidence h3 {
  margin: 0;
  font-family: var(--hv-font-display);
  font-size: clamp(1.7rem, 3vw, 2.7rem);
  font-weight: 400;
  line-height: 1.05;
}

.he-guide__evidence p {
  margin: 0.7rem 0 0;
  color: #687486;
  line-height: 1.7;
}

.he-area-card__copy p {
  margin: 0.7rem 0 0;
  color: #687486;
  line-height: 1.7;
}

.he-guide__doors {
  max-width: 78rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.4fr repeat(2, 1fr);
  background: #07182d;
  color: #fff;
}

.he-guide__doors > div,
.he-guide__doors > a {
  min-height: 15rem;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  color: inherit;
  text-decoration: none;
}

.he-guide__doors > a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-left: 1px solid rgba(255, 255, 255, 0.14);
  transition: background-color 180ms ease;
}

.he-guide__doors > a:hover,
.he-guide__doors > a:focus-visible {
  background: #b65e26;
}

.he-guide__doors strong {
  font-family: var(--hv-font-display);
  font-size: clamp(1.7rem, 3vw, 2.7rem);
  font-weight: 400;
  line-height: 1;
}

.he-guide__doors span {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.he-guide__search {
  width: 100%;
  margin-top: 1rem;
  padding: 1rem 0;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 0;
  background: transparent;
  color: #fff;
  font: inherit;
}

.he-guide__search:focus {
  outline: 2px solid #dfa77f;
  outline-offset: 4px;
}

@media (max-width: 52rem) {
  .he-guide__opening,
  .he-guide__body {
    grid-template-columns: 1fr;
  }

  .he-guide__rail {
    position: static;
  }

  .he-guide__evidence {
    grid-template-columns: 1fr;
  }

  .he-area-card--wide {
    grid-column: auto;
  }

  .he-guide__doors {
    grid-template-columns: 1fr;
  }

  .he-guide__doors > a {
    min-height: 10rem;
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
  }
}

@media (max-width: 35rem) {
  .he-guide {
    padding: 0 0 4rem;
  }

  .he-guide__opening {
    min-height: 0;
  }

  .he-guide__body {
    padding-inline: 1.25rem;
  }

  .he-guide__copy {
    padding: 2.5rem 1.25rem 2.75rem;
  }

  .he-guide h1 {
    max-width: 100%;
    font-size: clamp(2.85rem, 13.8vw, 3.35rem);
    line-height: 0.94;
    overflow-wrap: anywhere;
    text-wrap: balance;
  }

  .he-guide__lede {
    max-width: 100%;
  }

  .he-guide__image {
    min-height: clamp(22rem, 120vw, 28rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .he-guide__doors > a {
    transition: none;
  }
}
