/* Shared structural safeguards for the About, Contact, and film detail pages. */
html,body{max-width:100%;overflow-x:hidden;overflow-x:clip}
main,section,article,header,footer,nav,div,figure{min-width:0}
img,video,iframe{display:block;max-width:100%}
p,h1,h2,h3,blockquote,figcaption{max-width:100%}

.inline-link,.work-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em}
.inline-link:hover,.work-link:hover{color:var(--cyan,#58d5db)}
.inline-link:focus-visible,.work-link:focus-visible{outline:3px solid var(--cyan,#58d5db);outline-offset:4px}
.home-float>span[aria-hidden="true"]{display:grid;place-items:center;width:100%;height:100%;line-height:1;transform:translate(1px,-1px)}
.mobile-social{display:none}

@media(max-width:800px){
  main,section,article,header,footer,nav,div,figure{max-width:100%}
  .topbar nav .mobile-social{display:flex;justify-content:center;align-items:center;gap:28px;padding:22px 0 5px}
  .topbar nav .mobile-social a{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0}
  .topbar nav .mobile-social img{width:24px;height:24px}
  p,h1,h2,h3,blockquote,figcaption{min-width:0;overflow-wrap:normal;word-break:normal;hyphens:none}

  /* Page titles wrap only between words, never through a word. */
  .trailer h1,.synopsis h2,.selections h2,.qi-team h2{
    max-width:100%;font-size:clamp(40px,11vw,50px);line-height:.94;
    letter-spacing:.01em;overflow-wrap:normal;word-break:normal;hyphens:none
  }
  .synopsis{width:100%;padding-left:7vw;padding-right:7vw;overflow:hidden}
  .synopsis-inner{display:block;width:100%;max-width:100%;min-width:0}
  .synopsis h2{margin-bottom:30px}
  .synopsis p{display:block;width:100%;max-width:100%;font-size:clamp(24px,7vw,30px);line-height:1.22;overflow-wrap:normal;word-break:normal}
  .selections-inner{display:block;width:100%;max-width:100%}
  .selections h2{margin-bottom:38px}
  .selections li{width:100%;max-width:100%;font-size:clamp(20px,5.6vw,25px);line-height:1.22;overflow-wrap:normal;word-break:normal}
  .home-float{width:48px;height:48px;font-size:26px}
  .home-float>span[aria-hidden="true"]{transform:translate(1px,-2px)}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}