/* Hemlocke (and any other teaser) sits on the same full-bleed hero as home.
   These rules only tune the extra lines that page has. */

.sister__tagline {
  margin: 0 0 0.7rem;
  color: rgba(255, 255, 255, 0.88);
  font-style: italic;
}

.sister__blurb p {
  margin: 0 0 0.75rem;
}

.sister__blurb p:last-child {
  margin-bottom: 0;
}

.sister__location {
  margin: 0.8rem 0 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.95rem;
}

.sister__disclaimer {
  display: flex;
  gap: 0.55rem;
  align-items: flex-start;
  margin: 0.9rem 0 0;
  padding: 0.7rem 0.85rem;
  border-radius: 8px;
  border: 1px solid rgba(212, 101, 47, 0.75);
  background: rgba(212, 101, 47, 0.22);
  color: #fff;
  font-size: 0.95rem;
  line-height: 1.45;
}

.sister__disclaimer-icon {
  font-size: 1.1rem;
  line-height: 1.3;
}

.sister-hero .hero-cta {
  margin-top: 1.15rem;
}

/* Taller than the home blurb, so hold the sea scrim across the text.
   The photo stays full-bleed above this panel. */
.sister-hero .hero-copy {
  max-height: 78vh;
  overflow-y: auto;
  background: linear-gradient(
    0deg,
    rgba(7, 42, 64, 0.94) 0%,
    rgba(7, 42, 64, 0.84) 68%,
    rgba(7, 42, 64, 0.5) 100%
  );
}

body.home-mobile .sister-hero .hero-copy {
  max-height: 72vh;
  padding-top: 5.5rem;
}