/* Navigation choreography is isolated here so legacy page styles cannot override it. */
body.world-open{background:var(--menu-backdrop,#656354)!important}
.menu-gallery-page,.menu-gallery-page .site-stage,.menu-gallery-page .mg-hero,
.about-vertical,.about-vertical .site-stage,.about-vertical .about-statement,
.home,.home .site-stage{background:var(--canvas)!important;color:var(--canvas-text)!important}
.world{background:transparent!important}
.world-cover.current-route{display:none!important}

.world-open .site-stage{
  opacity:1!important;filter:none!important;box-shadow:0 0 0 1px #1113!important;
  transform:translate3d(11vw,14.75vh,0) scale(.705)!important;
  transform-origin:left top!important;clip-path:inset(0 62.4% 0 0)!important;
  transition:transform 1.35s cubic-bezier(.22,.72,.18,1),clip-path 1.35s cubic-bezier(.22,.72,.18,1)!important
}
.world-open .site-header{
  opacity:1!important;transform:translate3d(11vw,14.75vh,0) scale(.705)!important;
  transform-origin:left top!important;clip-path:inset(0 62.4% 0 0)!important;
  transition:transform 1.35s cubic-bezier(.22,.72,.18,1),clip-path 1.35s cubic-bezier(.22,.72,.18,1)!important
}
.world-cover:not(.current-route){
  left:calc(44.5vw + var(--visible-menu-index,0) * 32.5vw)!important;
  transform:translate3d(105vw,0,0) scale(1)!important;opacity:0!important;
  transition:transform 1.35s cubic-bezier(.22,.72,.18,1),opacity .75s ease,left 1.35s cubic-bezier(.22,.72,.18,1),top 1.35s cubic-bezier(.22,.72,.18,1),width 1.35s cubic-bezier(.22,.72,.18,1),height 1.35s cubic-bezier(.22,.72,.18,1)!important
}
.world-open .world-cover:not(.current-route){transform:translate3d(0,0,0) scale(1)!important;opacity:1!important}
.world-open .world-cover:not(.current-route):nth-child(1){transition-delay:.08s!important}
.world-open .world-cover:not(.current-route):nth-child(2){transition-delay:.14s!important}
.world-open .world-cover:not(.current-route):nth-child(3){transition-delay:.2s!important}
.world-closing .site-stage,.world-closing .site-header{
  transform:translate3d(-100vw,14.75vh,0) scale(.705)!important;
  clip-path:inset(0 62.4% 0 0)!important;opacity:.25!important
}
.world-closing .world-cover:not(.current-route):not(.is-selected){transform:translate3d(105vw,0,0) scale(1)!important;opacity:0!important;transition-delay:0s!important}
.world-closing .world-cover.is-selected{
  left:0!important;top:0!important;width:100vw!important;height:100svh!important;
  transform:translate3d(0,0,0) scale(1)!important;opacity:1!important;transition-delay:0s!important
}
.world-closing .world-cover.is-selected .world-preview{transform:scale(1)!important}
.world-cover-name{
  left:18px!important;top:82px!important;padding:0!important;background:transparent!important;
  color:#111!important;font:400 clamp(32px,4.2vw,58px)/.92 var(--site-font-stack)!important;
  text-transform:lowercase!important
}
.world-cover.current-route .world-cover-name:after{content:none!important}
.menu-preview-mode .wordmark img{filter:brightness(0)!important}

/* Recompose the live current page while it becomes the first menu card. */
.mg-hero>.caps,.mg-hero>h1,.mg-hero>p,.mg-hero>a,
.about-statement>.caps,.about-statement>h1{transition:opacity .55s ease!important}
.mg-hero-images,.about-opening-visuals{transition:transform 1.35s cubic-bezier(.22,.72,.18,1)!important;transform-origin:left bottom}
.world-open.menu-gallery-page .mg-hero>.caps,.world-open.menu-gallery-page .mg-hero>h1,
.world-open.menu-gallery-page .mg-hero>p,.world-open.menu-gallery-page .mg-hero>a,
.world-open.about-vertical .about-statement>.caps,.world-open.about-vertical .about-statement>h1{opacity:0!important}
.world-open.menu-gallery-page .mg-hero-images,.world-open.about-vertical .about-opening-visuals{transform:translate3d(-38vw,18vh,0) scale(.66)!important}
.world-open .menu-current-label{opacity:1!important;color:var(--canvas-text)!important}

@media(max-width:760px){
  .world-open .site-stage,.world-open .site-header{transform:translate3d(7vw,10vh,0) scale(.8)!important;clip-path:inset(0 72% 0 0)!important}
  .world-cover:not(.current-route){left:calc(40vw + var(--visible-menu-index,0) * 68vw)!important}
  .world-closing .site-stage,.world-closing .site-header{transform:translate3d(-100vw,10vh,0) scale(.8)!important;clip-path:inset(0 72% 0 0)!important}
  .world-cover-name{left:13px!important;top:66px!important;font-size:32px!important}
}