.primary-hero .container {
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.primary-hero .description ul,
.primary-hero .description ol {
  padding-left: var(--lds-g-spacing-150);
  margin-bottom: var(--lds-g-spacing-300);
}

.primary-hero .description ul li,
.primary-hero .description ol li {
  padding-left: var(--lds-g-font-list-spacing-3);
}

.primary-hero .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}

.primary-hero .container.light,
.primary-hero .container.light .title *,
.primary-hero .container.light .description * {
  color: var(--lds-g-color-neutral-base-000);
}

.primary-hero .container.dark,
.primary-hero .container.dark .title *,
.primary-hero .container.dark .description * {
  color: var(--lds-g-color-neutral-base-100);
}

.primary-hero .container.light .cta-button-outline {
  color: var(--lds-g-color-neutral-base-000);
  border-color: var(--lds-g-color-neutral-base-000);
}

.primary-hero .container.light .cta-button-outline:focus-visible {
  outline: var(--lds-g-sizing-border-2) solid
    var(--lds-g-color-palette-transparent-white-100);
  outline-offset: var(--lds-g-sizing-border-2);
}
.primary-hero .container.light .cta-button-outline:focus {
  outline: var(--lds-g-sizing-border-2) solid
    var(--lds-g-color-palette-transparent-white-100);
  outline-offset: var(--lds-g-sizing-border-2);
}

.primary-hero .container.light .cta-button-filled:focus-visible {
  outline: var(--lds-g-sizing-border-2) solid
    var(--lds-g-color-palette-transparent-white-100);
  outline-offset: var(--lds-g-sizing-border-2);
}
.primary-hero .container.light .cta-button-filled:focus {
  outline: var(--lds-g-sizing-border-2) solid
    var(--lds-g-color-palette-transparent-white-100);
  outline-offset: var(--lds-g-sizing-border-2);
}

.primary-hero .container.dark .cta-button-outline .icon-arrow-right {
  filter: brightness(0) saturate(100%) invert(0%) sepia(30%) saturate(6027%)
    hue-rotate(187deg) brightness(97%) contrast(100%);
}

.primary-hero .icon {
  width: auto;
  height: 45px;
}

.primary-hero .title * {
  letter-spacing: var(--lds-g-typography-ringside-heading-1-letter-spacing);
}

.primary-hero .title.Garamond * {
  font-family: var(--lds-g-font-family-serif) !important;
}

.primary-hero .btn-container {
  display: flex;
  gap: var(--lds-g-spacing-200);
}

.title ~ .btn-container {
  margin-top: var(--lds-g-spacing-700);
}

.description ~ .btn-container {
  margin-top: 0;
}

.primary-hero .hero,
.primary-hero .hero-video {
  position: relative;
  z-index: 1;
}

.primary-hero .hero {
  height: 900px;
}

.primary-hero .hero-video {
  height: 900px;
}

.primary-hero .hero.medium {
  height: 714px;
}

.primary-hero .primary-hero-overlay {
  position: relative;
  height: 100vh;
  display: flex;
  gap: 24px;
  z-index: 1;
}

.primary-hero .primary-hero-overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://author-p153303-e1585520.adobeaemcloud.com/content/dam/cherry-blossom/1dbcf41d96937ae50579045940237be85e511f8b.png")
    no-repeat center center / cover;
  z-index: -1;
  filter: blur(10px);
}

.primary-hero .primary-hero-overlay .icon-grid-container {
  display: flex;
  flex-direction: column;
}

.primary-hero .primary-hero-overlay .icon-grid-container img {
  width: 45px;
  height: 45px;
}

.primary-hero [class*="hero"] .lds-layout-container {
  row-gap: var(--lds-g-spacing-300);
}

.primary-hero .hero.has-overlay {
  background-attachment: fixed;
}

.primary-hero .lds-layout-container.offset-content > * {
  grid-column-start: 2;
}

.primary-hero .dimmer {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.0) 100%);
  z-index: -1;
}

.primary-hero .content {
  position: relative;
  padding: 20px;
  background: var(--lds-g-color-neutral-base-000);
  min-height: 100vh;
}

.primary-hero .scroll-container {
  position: relative;
}

.primary-hero .frost {
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.primary-hero video {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  object-fit: cover;
}

.primary-hero-wrapper .icon-Pause.Pause-icon-box,
.primary-hero-wrapper .icon-play.play-icon-box {
  position: absolute;
  z-index: 99;
  background: rgb(0 0 0 / 50%);
  top: 156px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 64px;
  cursor: pointer;
}

.primary-hero-wrapper .icon-arrow.arrow-icon-box {
  position: absolute;
  left: 74px;
  bottom: 44px;
}

.primary-hero-wrapper .icon-arrow.arrow-icon-box img {
  height: var(--lds-g-spacing-400);
}

.primary-hero .container.light .title {
  overflow-wrap: break-word;
  word-break: auto-phrase;
  hyphens: auto;
}

@media (320px <= width <= 1024px) {
  .primary-hero-wrapper .icon-Pause.Pause-icon-box,
  .primary-hero-wrapper .icon-play.play-icon-box {
    top: 104px;
    width: var(--lds-g-spacing-400);
    height: var(--lds-g-spacing-400);
    right: var(--lds-g-spacing-200);
  }

  .primary-hero-wrapper .icon-arrow.arrow-icon-box {
    position: absolute;
    left: 20px;
    bottom: 50px;
  }

  .primary-hero-wrapper .icon-arrow.arrow-icon-box img {
    height: 30px;
  }
}

@media (width < 1200px) {
  .primary-hero .btn-container {
    display: flex;
    flex-direction: column;
    gap: var(--lds-g-spacing-200);
  }

  .primary-hero .hero,
  .primary-hero .hero-video {
    height: 720px;
  }

  .primary-hero .hero.medium,
  .primary-hero .hero-video.medium {
    height: 612px;
  }
}

@media (width > 1024px) {
  .primary-hero .container.light .cta-button-outline {
    font-size: var(--lds-g-font-size-2);
  }
}