@layer blocks {
  ._block_1oy6x_2 {
    --section-padding-block: 0;
    overflow: clip;
  }
  ._desktop_1oy6x_6 {
    display: flex;
    flex-direction: column;
    gap: var(--osfk-size-40);
    align-items: center;
    justify-content: center;
    padding-block: var(--osfk-size-80);
    padding-inline: var(--osfk-size-80);
  }
  @media (width <= 768px) {
    ._desktop_1oy6x_6 {
      display: none;
    }
  }
  ._carouselWrapper_1oy6x_20 {
    position: relative;
    inline-size: 100%;
    block-size: 30.8rem;
  }
  ._viewport_1oy6x_25 {
    position: relative;
    overflow: hidden;
    inline-size: 100%;
    block-size: 100%;
  }
  ._viewport_1oy6x_25::before, ._viewport_1oy6x_25::after {
    pointer-events: none;
    content: "";
    position: absolute;
    z-index: 2;
    inset-block: 0;
    inline-size: 5rem;
  }
  ._viewport_1oy6x_25::before {
    inset-inline-start: 0;
    background: linear-gradient(to right, var(--surface-background), transparent);
  }
  ._viewport_1oy6x_25::after {
    inset-inline-end: 0;
    background: linear-gradient(to left, var(--surface-background), transparent);
  }
  ._container_1oy6x_47 {
    touch-action: pan-y pinch-zoom;
    display: flex;
    align-items: center;
    block-size: 100%;
    margin: 0;
    margin-inline-start: -3rem;
    padding: 0;
    list-style: none;
  }
  ._slide_1oy6x_57 {
    position: relative;
    flex: 0 0 23.2rem;
    box-sizing: content-box;
    block-size: 30.8rem;
    margin: 0;
    padding: 0;
    padding-inline-start: 3rem;
  }
  ._slideButton_1oy6x_66 {
    will-change: transform, opacity;
    cursor: pointer;
    transform-origin: center center;
    transform: scale(1);
    display: block;
    inline-size: 100%;
    block-size: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    appearance: none;
    background: transparent;
  }
  ._slideButton_1oy6x_66:focus-visible {
    outline: 0.1rem solid var(--osfk-color-black);
    outline-offset: 0.2rem;
  }
  ._slideImage_1oy6x_84 {
    overflow: hidden;
    display: grid;
    inline-size: 100%;
    block-size: 100%;
    border-radius: 0.5rem;
  }
  ._titleOverlay_1oy6x_91 {
    pointer-events: none;
    position: absolute;
    z-index: 3;
    top: -2.4rem;
    left: 50%;
    transform: translateX(-50%);
    inline-size: max-content;
    max-inline-size: 30rem;
    text-align: center;
    white-space: nowrap;
    opacity: 1;
    transition: opacity 0.3s ease 0s;
  }
  ._titleOverlay_1oy6x_91[data-settling=true] {
    opacity: 0;
    transition: opacity 0.2s ease 0s;
  }
  ._storyTitle_1oy6x_109 {
    margin: 0;
    padding: 0;
    color: var(--osfk-color-black);
  }
  :where(._storyTitle_1oy6x_109) {
    font-family: var(--osfk-font-headline);
    font-weight: 400;
    line-height: 1.2;
    font-size: 2.8em;
  }
  @media (min-width: 1024px) {
    :where(._storyTitle_1oy6x_109) {
      font-size: 4.8em;
    }
  }
  ._factOverlay_1oy6x_125 {
    pointer-events: none;
    position: absolute;
    z-index: 3;
    max-inline-size: 9rem;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  ._factOverlay_1oy6x_125[data-revealed=true] {
    opacity: 1;
  }
  ._fact1_1oy6x_136 {
    top: 50%;
    left: calc(50% - 16.1rem);
    transform: translateY(-50%);
  }
  ._fact2_1oy6x_141 {
    top: 7.5rem;
    right: calc(50% - 16.1rem);
  }
  ._factText_1oy6x_145 {
    margin: 0;
    padding: 0;
  }
  :where(._factText_1oy6x_145) {
    font-family: var(--osfk-font-headline);
    font-weight: 400;
    line-height: 1.25;
    font-size: 1em;
  }
  ._storyLinkWrap_1oy6x_155 {
    pointer-events: none;
    position: absolute;
    z-index: 4;
    right: calc(50% - 16.1rem);
    bottom: 3rem;
    display: flex;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  ._storyLinkWrap_1oy6x_155[data-revealed=true] {
    pointer-events: auto;
    opacity: 1;
  }
  ._storyLink_1oy6x_155 {
    font-size: 1rem;
  }
  ._dots_1oy6x_173 {
    display: flex;
    gap: var(--osfk-size-8);
    justify-content: center;
  }
  ._dot_1oy6x_173 {
    cursor: pointer;
    display: block;
    inline-size: 0.4rem;
    block-size: 0.4rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    opacity: 0.3;
    background: var(--surface-foreground);
    transition: opacity 200ms ease;
  }
  ._dotActive_1oy6x_190 {
    opacity: 1;
  }
  ._mobile_1oy6x_193 {
    position: relative;
    display: none;
    inline-size: 100%;
  }
  @media (width <= 768px) {
    ._mobile_1oy6x_193 {
      display: block;
    }
  }
  ._mobilePanel_1oy6x_203 {
    position: sticky;
    top: 0;
    overflow: hidden;
    inline-size: 100%;
    block-size: 100svh;
    background: var(--surface-background);
  }
  ._mobileCard_1oy6x_211 {
    will-change: transform, top, width;
    position: absolute;
    top: 50vh;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    aspect-ratio: 3/4;
    inline-size: 50vw;
    border-radius: 0.5rem;
  }
  ._mobileCardImage_1oy6x_222 {
    display: grid;
    inline-size: 100%;
    block-size: 100%;
  }
  ._mobileTitleOverlay_1oy6x_227 {
    pointer-events: none;
    position: absolute;
    z-index: 3;
    top: calc(var(--mobile-card-top, 50%) - 2rem);
    left: 50%;
    transform: translateX(-50%);
    inline-size: max-content;
    max-inline-size: calc(100vw - 1.6rem);
    text-align: center;
    opacity: var(--mobile-overlays-opacity, 0);
    transition: opacity 0.2s ease;
  }
  ._mobileTitleText_1oy6x_240 {
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: nowrap;
  }
  :where(._mobileTitleText_1oy6x_240) {
    font-family: var(--osfk-font-headline);
    font-weight: 400;
    line-height: 1.2;
    font-size: 2.8em;
  }
  @media (min-width: 1024px) {
    :where(._mobileTitleText_1oy6x_240) {
      font-size: 4.8em;
    }
  }
  ._mobileFactOverlay_1oy6x_257 {
    pointer-events: none;
    position: absolute;
    z-index: 3;
    max-inline-size: 8rem;
    opacity: var(--mobile-overlays-opacity, 0);
    transition: opacity 0.2s ease;
  }
  ._mobileFact1_1oy6x_265 {
    top: 50%;
    left: calc(var(--mobile-card-side, 2.5rem) - 1.5rem);
    transform: translateY(-50%);
  }
  ._mobileFact2_1oy6x_270 {
    top: calc(var(--mobile-card-top, 50%) + 2rem);
    right: calc(var(--mobile-card-side, 2.5rem) - 1.5rem);
  }
  ._mobileFactText_1oy6x_274 {
    margin: 0;
    padding: 0;
  }
  :where(._mobileFactText_1oy6x_274) {
    font-family: var(--osfk-font-headline);
    font-weight: 400;
    line-height: 1.25;
    font-size: 1em;
  }
  ._mobileLinkWrap_1oy6x_284 {
    pointer-events: auto;
    position: absolute;
    z-index: 4;
    top: calc(var(--mobile-card-bottom, 100%) - 4rem);
    right: calc(var(--mobile-card-side, 2.5rem) - 1.5rem);
    display: flex;
    justify-content: center;
    opacity: var(--mobile-overlays-opacity, 0);
    transition: opacity 0.2s ease;
  }
}