.segment {
  overflow: hidden;
}

#opener {
  position: relative;
}
#opener h1 strong {
  font-size: calc(2 * var(--fs-2));
}
#opener::before {
  content: "";
  position: absolute;
  display: block;
  z-index: -1;
  inset: 0;
  background-image: linear-gradient(175deg, transparent 24.7%, hsla(var(--color--gray-hue), var(--color--gray-saturation), 30%, 0.15) 25.3%, transparent 75%);
  translate: 0 20%;
}
@media (width < 992px) {
  #opener::before {
    translate: 0 15%;
  }
}

@media (width < 992px) {
  #opener h1 {
    font-size: calc(1.7 * var(--fs-2));
  }
  #opener h1 strong {
    font-size: calc(2.2 * var(--fs-2));
  }
  #opener .block-field-blocksegmentsegmentfield-body .text-content {
    text-align: center;
  }
  #opener .block {
    border: none;
  }
  .block:has(> .block__content > svg.ribbon) {
    --width: 130%;
    --exceed: calc((var(--width) - 100%) / -2);
    position: relative;
    max-width: unset;
    width: var(--width);
    left: var(--exceed);
    right: var(--exceed);
  }
}
.splide.splide--optionset--timeline.is-active img {
  max-width: 64vw;
}
.splide.splide--optionset--timeline:not(.is-active) .splide__track {
  overflow: unset;
}
.splide.splide--optionset--timeline:not(.is-active) .slide:nth-child(1) {
  translate: 0 -25%;
  rotate: 8deg;
}
.splide.splide--optionset--timeline:not(.is-active) .slide:nth-child(2) {
  rotate: 4deg;
}
.splide.splide--optionset--timeline:not(.is-active) .slide:nth-child(3) {
  translate: 0 15%;
}
.splide.splide--optionset--timeline:not(.is-active) .slide:nth-child(4) {
  rotate: 0deg;
}
.splide.splide--optionset--timeline:not(.is-active) .slide:nth-child(5) {
  translate: 0 -25%;
  rotate: -8deg;
}

div:has(+ #blackout) {
  position: relative;
}
div:has(+ #blackout)::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  inset: 0;
  bottom: calc(var(--sp-xl-2xl) * -1);
  background-image: radial-gradient(at top, transparent 40%, var(--color--primary-30) 40.1%, #090909 45%);
  background-position: center top;
  background-size: 220% min(100%, 120vw);
}

@media (width < 992px) {
  .location.popup .field--name-field-body p {
    display: none;
  }
}