/* DK v23 • A seamless continuation of the cultural-flow lines.
   No building illustration or architectural motif in this layer.
   Public-only; existing sections, events, content and navigation untouched. */

/* Remove the framed illustration strip: the canvas and waves simply continue. */
.dk-public-shell .dk-route-home > .dk-architecture-interlude {
  width: 100% !important;
  height: clamp(115px, 11vw, 178px) !important;
  margin: -12px auto -12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  isolation: isolate;
  overflow: hidden;
}
.dk-public-shell .dk-route-home > .dk-architecture-interlude .dk-architecture-interlude-art {
  inset: -65px -2% -54px -2% !important;
  background: url('/assets/dk-waves-v23.svg') center / 100% 100% no-repeat !important;
  opacity: .82 !important;
  filter: none !important;
  transform: none !important;
}
.dk-public-shell.dk-theme-dark .dk-route-home > .dk-architecture-interlude .dk-architecture-interlude-art {
  opacity: .72 !important;
  filter: brightness(1.25) saturate(.92) !important;
}
.dk-public-shell .dk-route-home > .dk-architecture-interlude .dk-architecture-interlude-label {
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: clamp(21px, 2vw, 31px) !important;
  text-align: center !important;
  max-width: none !important;
  white-space: nowrap;
  z-index: 2;
  text-shadow: 0 1px 10px var(--atelier-paper);
}
.dk-public-shell .dk-route-home > .dk-architecture-interlude .dk-architecture-interlude-label::before {
  display: none !important;
}
/* Replace previous palace silhouettes everywhere, including about, interior and footer. */
.dk-public-shell .dk-route-home .dk-culture-about::after {
  -webkit-mask: none !important;
  mask: none !important;
  background: url('/assets/dk-waves-v23.svg') center / contain no-repeat !important;
  width: min(68vw, 1000px) !important;
  height: 340px !important;
  opacity: .18 !important;
}
.dk-public-shell.dk-theme-dark .dk-route-home .dk-culture-about::after {
  opacity: .13 !important;
}
.dk-public-shell > footer::before {
  -webkit-mask: none !important;
  mask: none !important;
  background: url('/assets/dk-waves-v23.svg') center / contain no-repeat !important;
  opacity: .2 !important;
}
.dk-public-shell .dk-public-main:not(.dk-route-home)::before {
  -webkit-mask: none !important;
  mask: none !important;
  background: url('/assets/dk-waves-v23.svg') center / contain no-repeat !important;
  opacity: .12 !important;
}
@media (max-width: 767px) {
  .dk-public-shell .dk-route-home > .dk-architecture-interlude {
    height: 105px !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
  .dk-public-shell .dk-route-home > .dk-architecture-interlude .dk-architecture-interlude-art {
    inset: -5px -40% -3px -40% !important;
    background-size: cover !important;
    opacity: .58 !important;
  }
  .dk-public-shell .dk-route-home > .dk-architecture-interlude .dk-architecture-interlude-label {
    font-size: 21px !important;
    white-space: normal !important;
    width: calc(100% - 40px);
  }
  .dk-public-shell .dk-route-home .dk-culture-about::after {
    width: 95vw !important;
    height: 190px !important;
    opacity: .13 !important;
  }
}
