/* Preview-only home hero: three photographs share the opening screen. */
.home-hero { position: relative; isolation: isolate; }
.home-hero + .signature-story { margin-top: clamp(40px, 6vw, 88px); }
.home-hero .tri__content {
  position: absolute; z-index: 1; inset: auto 0 0; display: flex;
  flex-direction: column; gap: 14px;
  padding: 0 calc(var(--slant) * .6 + 24px) clamp(24px, 4svh, 40px);
  text-align: center;
}
.home-hero .tri__head, .home-hero .tri__text {
  position: static; transform: none; padding: 0;
}
.home-hero .tri__more { display: block; max-height: none; opacity: 1; overflow: visible; font-size: 1rem; }
.home-hero .tri__panel:is(:hover, :focus-visible) .tri__more { margin-bottom: 0; }
.home-hero .tri__go { margin-top: 14px; }
.home-hero .tri__panel::after {
  background: linear-gradient(180deg, rgba(11,23,35,.78), rgba(11,23,35,.60) 28%, rgba(11,23,35,.12) 46%, rgba(11,23,35,.28) 56%, rgba(11,23,35,.84) 82%, rgba(11,23,35,.91));
}
@media (min-width: 761px) {
  .home-hero { height: calc(100svh - var(--hdr-h)); min-height: 500px; background: var(--navy); }
  .home-hero .tri { height: 100%; }
  .home-hero .tri-intro {
    position: absolute; z-index: 2; top: 0; left: 0; right: 0; width: 100%;
    padding: clamp(24px, 4svh, 44px) var(--gutter) 0;
    gap: 12px; color: var(--ivory); pointer-events: none;
  }
  .home-hero .tri-intro > .eyebrow { color: var(--gold-100); }
  .home-hero .tri-intro .display {
    color: var(--ivory); font-size: clamp(36px, 3.7vw, 58px); line-height: 1.07;
    max-width: 25ch; text-wrap: balance;
  }
  .home-hero .tri-intro .lede { color: var(--ivory); max-width: 82ch; font-size: clamp(16px, 1.2vw, 18px); line-height: 1.5; text-wrap: pretty; }
  .home-hero .tri__title { font-size: clamp(25px, 2.3vw, 36px); }
  .home-hero .tri__content { gap: 12px; }
  .home-hero .tri__more { max-width: 38ch; min-height: 4.5em; margin-inline: auto; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  .home-hero .tri__title { min-height: 2.3em; }
  .home-hero .tri__more { min-height: 9em; }
  .home-hero .tri__go { line-height: 1.5; min-height: 3em; }
}
@media (min-width: 761px) and (max-height: 700px) {
  .home-hero .tri-intro { padding-top: 20px; gap: 8px; }
  .home-hero .tri-intro .display { font-size: clamp(34px, 3.3vw, 48px); }
  .home-hero .tri-intro .lede { font-size: 16px; line-height: 1.4; }
  .home-hero .tri__content { padding-bottom: 24px; gap: 10px; }
  .home-hero .tri__more { font-size: 15px; line-height: 1.45; }
  .home-hero .tri__panel::after { background: linear-gradient(180deg, rgba(11,23,35,.8), rgba(11,23,35,.64) 35%, rgba(11,23,35,.64) 65%, rgba(11,23,35,.91)); }
}
@media (max-width: 760px) {
  .home-hero .tri__panel { height: clamp(380px, 52svh, 460px); }
  .home-hero .tri__content { padding: 0 20px 24px; }
  .home-hero .tri__panel::after { background: linear-gradient(180deg, rgba(11,23,35,.08), rgba(11,23,35,.18) 30%, rgba(11,23,35,.74) 60%, rgba(11,23,35,.93)); }
}