:root {
  --ij-feature-panel-bg: #62635d;
  --ij-feature-panel-text: #fff;
}

/* Shared solid-color editorial panels across the storefront. */
.ij-story,
.ij-about__hero,
.ij-about__film,
.ij-stores-hero,
.ij-event-card--split .ij-event-card__body,
.ij-events__empty {
  background: var(--ij-feature-panel-bg);
  color: var(--ij-feature-panel-text);
}

.ij-story .ij-eyebrow,
.ij-story h2,
.ij-story__content > p:not(.ij-eyebrow),
.ij-story .ij-text-link,
.ij-story .ij-text-link:hover,
.ij-story .ij-text-link:focus-visible,
.ij-about__hero-copy,
.ij-about__hero-copy p,
.ij-about__hero-copy h1,
.ij-about__hero-copy span,
.ij-about__film,
.ij-about__film .ij-about__eyebrow,
.ij-about__film h2,
.ij-about__film-copy > p,
.ij-stores-hero__content,
.ij-stores-hero__content h1,
.ij-stores-hero__content > p,
.ij-stores-hero .ij-stores-text-link,
.ij-stores-hero .ij-stores-text-link:hover,
.ij-stores-hero .ij-stores-text-link:focus-visible,
.ij-event-card--split .ij-event-card__date,
.ij-event-card--split .ij-event-card__body h2,
.ij-event-card--split .ij-event-card__body > p:not(.ij-event-card__date),
.ij-events__empty h2,
.ij-events__empty p,
.ij-events__empty a {
  color: var(--ij-feature-panel-text);
}

/* The home story keeps its content but uses substantially less vertical space. */
.ij-story {
  margin-top: clamp(2.5rem, 5vw, 5rem);
  padding-block: clamp(2rem, 4vw, 4rem);
}

.ij-story__inner {
  grid-template-columns: minmax(220px, .7fr) minmax(360px, 1.3fr);
  gap: clamp(2rem, 5vw, 5rem);
}

.ij-story__visual {
  width: 100%;
  max-width: 400px;
  justify-self: center;
  border-color: rgba(255, 255, 255, .45);
  background: var(--ij-feature-panel-bg);
}

.ij-story h2 {
  margin-block: .55rem 1rem;
  font-size: clamp(2rem, 4vw, 3.6rem);
}

.ij-story__content > p:not(.ij-eyebrow) {
  font-size: 1rem;
  line-height: 1.65;
}

.ij-story .ij-text-link {
  margin-top: .65rem;
}

.ij-stores-hero__gallery img + img {
  border-left-color: var(--ij-feature-panel-bg);
}

.ij-stores-hero__gallery img:last-child {
  border-top-color: var(--ij-feature-panel-bg);
}

@media (max-width: 850px) {
  .ij-event-card--split .ij-event-card__body {
    background: var(--ij-feature-panel-bg);
    color: var(--ij-feature-panel-text);
  }
}

@media (max-width: 767.98px) {
  .ij-story__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
    padding-inline: 1rem;
  }

  .ij-story__visual {
    max-width: 240px;
  }

  .ij-story__content {
    min-width: 0;
  }

  .ij-story h2 {
    overflow-wrap: anywhere;
    font-size: clamp(2rem, 11vw, 2.75rem);
  }
}