/* Scoped to the mobile homepage menu and open WordPress header overlays. */
@media (max-width: 700px) {
  #dago-full-preview .product.menu-open {
    isolation:isolate;
    background:#0d1628;
  }
  #dago-full-preview .product.menu-open::before {
    content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
    background:linear-gradient(180deg,rgba(13,22,40,.24),rgba(13,22,40,.14) 60%,rgba(13,22,40,.78)),url("stage.webp") 83% center/cover no-repeat;
  }
  #dago-full-preview .product.menu-open .mobile-menu {
    background:transparent; min-height:0; padding-bottom:48px;
  }
  #dago-full-preview .mobile-menu .metal {
    background:linear-gradient(135deg,rgba(52,70,94,.88),rgba(22,34,55,.82));
  }
  #dago-full-preview .mobile-menu .round-logo {
    position:relative; flex:none; width:170px; height:170px; margin:32px auto 0;
    background:none; border:0; border-radius:0; mix-blend-mode:normal;
    box-shadow:none;
  }
}
@media (max-width: 782px) {
  body header nav.wp-block-navigation .wp-block-navigation__responsive-container.dago-mobile-stage-panel.is-menu-open {
    background-color:#0d1628!important;
    background-image:linear-gradient(180deg,rgba(13,22,40,.24),rgba(13,22,40,.14) 60%,rgba(13,22,40,.78)),url("stage.webp")!important;
    background-size:cover!important; background-position:83% center!important;
    background-repeat:no-repeat!important; color:#f6f1e7!important;
    padding:24px 20px max(40px,env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
  }
  body header nav.wp-block-navigation .wp-block-navigation__responsive-container.dago-mobile-stage-panel.is-menu-open .wp-block-navigation__responsive-container-content {
    display:flex!important; flex-direction:column!important; align-items:stretch!important;
    padding-top:0!important; gap:0!important;
  }
  body header nav.wp-block-navigation .wp-block-navigation__responsive-container.dago-mobile-stage-panel.is-menu-open .wp-block-navigation__responsive-dialog {
    padding-top:82px!important;
  }
  body header nav.wp-block-navigation .wp-block-navigation__responsive-container.dago-mobile-stage-panel.is-menu-open ul.wp-block-navigation__container {
    background:transparent!important; width:100%!important;
  }
  body header nav.wp-block-navigation .wp-block-navigation__responsive-container.dago-mobile-stage-panel.is-menu-open .wp-block-navigation-item__content {
    background:linear-gradient(135deg,rgba(52,70,94,.88),rgba(22,34,55,.82))!important;
  }
  body header nav.wp-block-navigation .wp-block-navigation__responsive-container.dago-mobile-stage-panel.is-menu-open .current-menu-item > .wp-block-navigation-item__content {
    background:linear-gradient(135deg,#f4b94f,#dc962a)!important; color:#0d1628!important;
  }
  body header nav.wp-block-navigation .wp-block-navigation__responsive-container.dago-mobile-stage-panel.is-menu-open .dago-amber-menu-logo {
    display:block; position:relative; flex:none; align-self:center;
    width:170px; height:170px; margin:32px auto 8px;
    background:none; border:0; border-radius:0; box-shadow:none;
  }
}
.dago-amber-menu-logo { display:none; }

/* Ordinary transparent PNGs keep the original contours on Safari and at zoom.
   The highlight is a pre-rendered RGBA sprite; no CSS masks are required. */
#dago-full-preview .mobile-menu .round-logo,
body header nav.wp-block-navigation .dago-mobile-stage-panel .dago-amber-menu-logo {
  isolation:isolate;
  filter:drop-shadow(0 1px 0 #77808b) drop-shadow(0 2px 0 #263140)
    drop-shadow(0 4px 4px #0009) drop-shadow(0 0 7px #e4a13a77)
    drop-shadow(0 0 17px #e4a13a33);
}
#dago-full-preview .mobile-menu .round-logo::before,
#dago-full-preview .mobile-menu .round-logo::after,
body header nav.wp-block-navigation .dago-mobile-stage-panel .dago-amber-menu-logo::before,
body header nav.wp-block-navigation .dago-mobile-stage-panel .dago-amber-menu-logo::after {
  content:""; position:absolute; inset:0; pointer-events:none;
  border:0; border-radius:0; box-shadow:none;
  -webkit-mask:none; mask:none; mix-blend-mode:normal;
}
#dago-full-preview .mobile-menu .round-logo::before,
body header nav.wp-block-navigation .dago-mobile-stage-panel .dago-amber-menu-logo::before {
  background:url("logo-metal.png") center/contain no-repeat;
}
#dago-full-preview .mobile-menu .round-logo::after,
body header nav.wp-block-navigation .dago-mobile-stage-panel .dago-amber-menu-logo::after {
  background:url("logo-shine.png") 0 0/1600% 100% no-repeat;
  opacity:0;
}
#dago-full-preview .mobile-menu .round-logo.dago-logo-shine::after,
body header nav.wp-block-navigation .dago-mobile-stage-panel .dago-amber-menu-logo.dago-logo-shine::after {
  animation:dago-logo-metal-sweep 1.35s steps(15,end) .15s 1 both;
}
@keyframes dago-logo-metal-sweep {
  from {background-position:0 0;opacity:1}
  to {background-position:100% 0;opacity:1}
}
@media(prefers-reduced-motion:reduce) {
  #dago-full-preview .mobile-menu .round-logo::after,
  body header nav.wp-block-navigation .dago-mobile-stage-panel .dago-amber-menu-logo::after {
    animation:none!important;opacity:0!important;
  }
}

/* Full-resolution lossless cover from media item 509, used at all widths. */
#dago-full-preview #dp-film .cover {
  background-image:url("cover-full.webp")!important;
}