/* The opening brand statement reverses the existing plum and white palette. */
#kb-site-preview .photo-home .home-opening > .story-opening {
  background: #3c144c;
  color: #fff;
  padding-block: clamp(44px, 5.6vw, 80px);
  align-items: center;
}

#kb-site-preview .photo-home .home-opening .story-opening h1 {
  color: #fff;
  font-size: clamp(46px, 5.8vw, 84px);
  line-height: 1.06;
  letter-spacing: -.035em;
  margin: 0;
}

#kb-site-preview .photo-home .home-opening .story-opening .kicker {
  color: #fff;
  letter-spacing: .18em;
  margin-bottom: 24px;
}

#kb-site-preview .photo-home .home-opening .story-opening .story-deck {
  color: #f2eaf5;
}

#kb-site-preview .photo-home .home-opening .story-opening .actions {
  gap: 16px 28px;
  margin-top: 30px;
}

#kb-site-preview .photo-home .home-opening .story-opening .action {
  background: #fff;
  border-color: #fff;
  color: #3c144c;
}

#kb-site-preview .photo-home .home-opening .story-opening .action:hover {
  background: #f2eaf5;
  border-color: #f2eaf5;
}

#kb-site-preview .photo-home .home-opening .story-opening .textlink {
  color: #fff;
  border-color: #bda7c7;
}

#kb-site-preview .photo-home .home-opening .story-opening .textlink:hover {
  border-color: #fff;
}

#kb-site-preview .photo-home .home-opening .story-opening a:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 5px;
}

@media (max-width: 900px) {
  #kb-site-preview .photo-home .home-opening > .story-opening {
    gap: 30px;
  }

  #kb-site-preview .photo-home .home-opening .story-opening .story-deck {
    max-width: 54ch;
  }
}

@media (max-width: 480px) {
  #kb-site-preview .photo-home .home-opening .story-opening h1 {
    font-size: clamp(40px, 10.8vw, 50px);
  }

  #kb-site-preview .photo-home .home-opening .story-opening .kicker {
    font-size: 10px;
    letter-spacing: .14em;
  }

  #kb-site-preview .photo-home .home-opening .story-opening .story-deck {
    font-size: 18px;
  }
}