html.work-overlay-initial [data-cms-works] {
  visibility: hidden;
}

html.work-overlay-active {
  overscroll-behavior: none;
}

.work-overlay[hidden] {
  display: none !important;
}

.work-overlay {
  position: fixed;
  inset: 0;
  z-index: 2100;
  isolation: isolate;
  color: var(--FW_Dark_Purple, var(--fw_dark_purple, #06021a));
}

html.work-overlay-active [data-page-transition-overlay],
html.work-overlay-active .page-transition-overlay {
  z-index: 2300;
}

.work-overlay__backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--FW_Off_White, var(--fw_off_white, #f7f7f8));
  opacity: 0;
}

.work-overlay__surface {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  overflow-anchor: none;
  -webkit-overflow-scrolling: touch;
}

.work-overlay__content {
  width: 100%;
}

.work-overlay__header {
  z-index: 2;
  width: 100%;
}

.work-overlay__header .nav_logo_link {
  width: 9rem;
  height: auto;
  aspect-ratio: 5 / 2;
}

.work-overlay__header .nav_logo_link svg {
  display: block;
  width: 100%;
  height: 100%;
}

.work-overlay__header .top_bar_left {
  align-self: start;
}

.work-overlay__back {
  width: max-content;
  max-width: 100%;
}

.work-overlay .cms-work-detail__related-inner {
  padding-bottom: clamp(4rem, 7vw, 7rem);
}

.work-overlay .cms-work-detail__overview-link.button-outlined {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: min(100%, 14rem);
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-bottom-color: var(--cms-work-detail-dark-50);
  color: var(--cms-work-detail-dark-50);
  text-align: center;
}

.work-overlay .cms-work-detail__overview-link.button-outlined:hover,
.work-overlay .cms-work-detail__overview-link.button-outlined:focus-visible {
  border-bottom-color: var(--cms-work-detail-dark);
  color: var(--cms-work-detail-dark);
}

.work-overlay .cms-work-detail__overview-link .button-mask {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--cms-work-detail-rosa);
  pointer-events: none;
}

.work-overlay .cms-work-detail__overview-link .button-text,
.work-overlay .cms-work-detail__overview-link .arrow {
  position: relative;
  z-index: 1;
}

.work-overlay .cms-work-detail__overview-link .arrow {
  display: block;
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
  overflow: visible;
}

.work-overlay [data-site-menu] [data-site-menu-toggle-label-text],
.work-overlay [data-site-menu] [data-site-menu-toggle-label-ghost] {
  visibility: hidden;
}

.work-overlay [data-site-menu] [data-site-menu-toggle-label]::after {
  position: absolute;
  inset: 0 auto auto 0;
  content: 'MENU';
}

.work-overlay [data-site-menu].is-open [data-site-menu-toggle-label]::after {
  content: 'CLOSE';
}

.work-overlay__flyer {
  position: fixed;
  z-index: 2200;
  overflow: hidden;
  pointer-events: none;
  will-change: transform, width, height;
}

.work-overlay__flyer > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: none !important;
  transition: none !important;
}

@media (max-width: 767px) {
  .work-overlay__header .nav_logo_link {
    width: 8.125rem;
  }

  .work-overlay .cms-work-detail__figure {
    align-self: flex-start;
  }

  .work-overlay .cms-work-detail__image {
    margin-left: 0;
    margin-right: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
}