.helloch-home-hero--archive {
  min-height: clamp(14rem, 30vw, 20rem);
  margin-bottom: var(--helloch-space-xl);
}

.helloch-main:has(.helloch-home-hero--archive) {
  padding-top: 0;
}

.helloch-home-hero {
  position: relative;
  min-height: clamp(22rem, 48vw, 32rem);
  display: flex;
  align-items: center;
  padding: var(--helloch-space-3xl) 0;
  background-color: var(--helloch-color-navy);
  background-image:
    linear-gradient(105deg, rgba(21, 34, 56, 0.92) 0%, rgba(21, 34, 56, 0.72) 42%, rgba(21, 34, 56, 0.35) 100%),
    var(--helloch-hero-image, none);
  background-size: cover;
  background-position: center;
  color: #fff;
}

.helloch-home-hero__content {
  max-width: 40rem;
}

.helloch-home-hero__eyebrow {
  margin: 0 0 var(--helloch-space-sm);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
}

.helloch-home-hero__title {
  max-width: 16ch;
  margin-bottom: var(--helloch-space-md);
  color: #fff;
}

.helloch-home-hero__lead {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  color: rgba(255, 255, 255, 0.88);
  max-width: 42rem;
  margin: 0 0 var(--helloch-space-lg);
}

.helloch-home-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--helloch-space-sm);
}

.helloch-btn--on-dark {
  border-color: rgba(255, 255, 255, 0.45);
  color: #fff;
}

.helloch-btn--on-dark:hover {
  border-color: #fff;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.helloch-track-panel {
  display: none;
  padding-block: var(--helloch-space-xl);
}

.helloch-track-panel.is-active {
  display: block;
}

.helloch-home-modules .helloch-section:last-child {
  margin-bottom: 0;
}

.helloch-briefing-feature {
  display: grid;
  gap: var(--helloch-space-lg);
  background: var(--helloch-color-surface);
  border: 1px solid var(--helloch-color-border);
  border-radius: var(--helloch-radius-lg);
  padding: var(--helloch-space-lg);
  box-shadow: var(--helloch-shadow);
}

@media (min-width: 768px) {
  .helloch-briefing-feature {
    grid-template-columns: 1fr 2fr;
    align-items: center;
  }
}

.helloch-briefing-feature__label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--helloch-color-accent);
  margin-top: var(--helloch-space-sm);
}

.helloch-home-newsletter {
  margin-top: var(--helloch-space-2xl);
}

.helloch-empty {
  padding: var(--helloch-space-lg);
  border: 1px dashed var(--helloch-color-border);
  border-radius: var(--helloch-radius);
  color: var(--helloch-color-muted);
  background: var(--helloch-color-surface);
}