/* Delivery details shared across the eight chapters. */
.share-thumbnail{position:absolute;width:300px;height:300px;left:-10000px;top:0;pointer-events:none}
::selection{background:var(--c-gold-soft);color:var(--c-night)}
:is(button,a,input,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--c-gold);outline-offset:5px}
h2{letter-spacing:-.04em}
.music-heading h2{letter-spacing:-.04em}
.home-scroll{min-height:44px}
.film-feedback .pill,.film-ended .pill{color:var(--c-night)}
.film-status-stamp{background:#141a3ce8}
.film-caption{padding:12px 16px;background:#0b0f26e8;border-radius:10px}
.film-caption .film-duration{right:16px;bottom:12px}
@media(max-width:767px){.film-status-stamp{top:24%}}
@media(min-width:1100px){.menu-links:has(a:hover)>a:not(:hover){opacity:.75}}

/* Each chapter's empty closing space hands its surface to the next chapter. */
#films{background:linear-gradient(to top,var(--c-coral),transparent) bottom/100% 96px no-repeat,var(--c-cinema)}
#music{background:linear-gradient(to top,var(--c-paper),transparent) bottom/100% 96px no-repeat,linear-gradient(var(--c-coral),var(--c-red))}
#culture{background:linear-gradient(to top,var(--c-pink),transparent) bottom/100% 96px no-repeat,var(--c-paper)}
#story{background:linear-gradient(to top,var(--c-indigo-deep),transparent) bottom/100% 96px no-repeat,linear-gradient(var(--c-pink),var(--c-peach))}

/* Screenshots retain the actual artwork and interactions, with chrome removed. */
.is-shot .nav,.is-shot .cursor-dot,.is-shot .cursor-ring,.is-shot .showroom-hint,.is-shot .music-mini,.is-shot .debug-panel,.is-shot .showroom-debug{display:none!important}
.is-shot.custom-cursor,.is-shot.custom-cursor a,.is-shot.custom-cursor button{cursor:auto!important}
body.is-hidden *,body.is-hidden *::before,body.is-hidden *::after{animation-play-state:paused!important}

@media(orientation:landscape) and (max-height:540px){
  #menu{justify-content:flex-start;padding-top:84px;padding-bottom:max(24px,env(safe-area-inset-bottom))}
  .menu-links{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}
  .menu-label{font-size:25px}
  .menu-links>a{min-height:44px}
  .menu-note{margin-top:20px}
}