/* head: werkgruppen-click-cursor */
.accordion_section .accordion_header { cursor: pointer; }

/* Selected works and work groups: 15px at the 1440px type baseline, fluid above it. */
.eyebrow_section:has(+ .works_header) .werke_heading.u-p,
.eyebrow_section:has(+ .accordion_section) .werke_heading.u-p {
  font-family: 'StyreneA', 'Styrene A', sans-serif;
  font-size: calc(var(--fw-fluid-font-base, 1rem) * 0.9375);
}

/* head: quote-sub-styrene */
.quote-sub { font-family: StyreneA, Arial, sans-serif; }

/* Without a subtitle, the SVG's default 150px box and heading margin leave a gap. */
.moebel_block .quote-icon { height: 1rem; }
.moebel_block .quote-text > .quote-h3:only-child { margin-bottom: 0; }

/* The SVG artwork is 18px wide; long mobile quotes must not shrink its box below that. */
@media (max-width: 767px) {
  .moebel_block .quote-icon { min-width: 18px; }
}

/* head: fw-work-overlay-menu-and-overview-fix */
[data-work-overlay] > .work-overlay__flyer { z-index: 2 !important; }
[data-work-overlay] > [data-site-menu] { z-index: 3 !important; }
[data-work-overlay] .cms-work-detail__overview-link.button-outlined {
  position: relative;
  isolation: isolate;
  overflow: clip;
}
[data-work-overlay] .cms-work-detail__overview-link.button-outlined .button-mask {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--cms-work-detail-rosa);
  pointer-events: none;
  transform: translateY(102%) !important;
  transition: transform var(--fw-button-fill-duration, 1.3s)
    var(--eo, cubic-bezier(.05, .85, .05, 1)) !important;
}
@media (hover: hover) {
  [data-work-overlay] .cms-work-detail__overview-link.button-outlined:hover .button-mask {
    transform: none !important;
  }
}
[data-work-overlay] .cms-work-detail__overview-link.button-outlined:focus-visible .button-mask {
  transform: none !important;
}
[data-work-overlay] .cms-work-detail__overview-link.button-outlined .button-text,
[data-work-overlay] .cms-work-detail__overview-link.button-outlined .arrow {
  position: relative;
  z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
  [data-work-overlay] .cms-work-detail__overview-link.button-outlined .button-mask {
    transition-duration: var(--fw-button-reduced-duration, 0.01s) !important;
  }
}

/* Keep the normal pointer over work images instead of replacing it with an eye. */
@media (hover: hover) and (pointer: fine) {
  .cms-works__item .cms-works__image-wrap,
  .cms-work-detail .cms-works__item .cms-works__image-wrap {
    cursor: pointer;
  }
}

/* Related works use the same image zoom timing as the overview cards. */
[data-work-overlay] .cms-work-detail .cms-works__image {
  transition: transform var(--fw-image-zoom-duration, 0.62s)
    var(--fw-image-zoom-ease, cubic-bezier(0.33, 1, 0.68, 1));
}

[data-work-overlay] .cms-work-detail__overview-link.button-outlined {
  width: max-content;
  min-width: 14rem;
  max-width: 100%;
  white-space: nowrap;
}

/* head: fw-works-overview-fade */
html.fw-works-fade-in body { opacity: 1 !important; transition: opacity 320ms ease !important; }
html.fw-works-fade-entry body { opacity: 0 !important; }
html.fw-works-fade-out body { opacity: 0 !important; transition: opacity 320ms ease !important; pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
  html.fw-works-fade-in body, html.fw-works-fade-out body { transition: none !important; }
}

/* First-visit and page-transition entrance share one trigger. Webflow's inline
   interaction opacity on the dots and eye must not start a second reveal. */
html.w-mod-js .top_bar_section:not(.work-overlay__header) .top_bar_center,
html.w-mod-js .werk_hero_slider .werk_hero_dots,
html.w-mod-js .werk_hero_slide:first-child .u-slide-info {
  opacity: 0 !important;
  transition: opacity 360ms cubic-bezier(.33, 1, .68, 1) !important;
}

html.w-mod-js.is-works-intro-in .top_bar_section:not(.work-overlay__header) .top_bar_center {
  opacity: 1 !important;
  transition-duration: 220ms !important;
}

html.w-mod-js.is-works-intro-in .werk_hero_slider .werk_hero_dots {
  opacity: 1 !important;
  transition-delay: 60ms !important;
}

html.w-mod-js.is-works-intro-in .werk_hero_slide:first-child .u-slide-info {
  opacity: 1 !important;
  transition-delay: 140ms !important;
}

html.w-mod-js .werk_hero_slide:first-child .hero_sign {
  opacity: 0 !important;
  translate: 0 24px;
  transition: opacity 760ms cubic-bezier(.33, 1, .68, 1),
    translate 760ms cubic-bezier(.33, 1, .68, 1);
}

html.w-mod-js.is-works-intro-in .werk_hero_slide:first-child .hero_sign {
  opacity: .6 !important;
  translate: none;
}

html.w-mod-js .werk_hero_slide:first-child .werk_hero_spline {
  opacity: 0 !important;
  transition: opacity 650ms cubic-bezier(.33, 1, .68, 1) !important;
}

html.w-mod-js.is-works-intro-in .werk_hero_slide:first-child .werk_hero_spline.is-works-spline-ready {
  opacity: 1 !important;
}

@media (prefers-reduced-motion: reduce) {
  html.w-mod-js .top_bar_section:not(.work-overlay__header) .top_bar_center,
  html.w-mod-js .werk_hero_slider .werk_hero_dots,
  html.w-mod-js .werk_hero_slide:first-child :is(.u-slide-info, .werk_hero_spline) {
    opacity: 1 !important;
    translate: none !important;
    transition: none !important;
  }

  html.w-mod-js .werk_hero_slide:first-child .hero_sign {
    opacity: .6 !important;
    translate: none !important;
    transition: none !important;
  }
}