/* A readable signature above one cinematic headline area. */
:root{--compact-nav:80px}
body>nav{display:flex;justify-content:space-between;gap:24px;padding:10px clamp(22px,5vw,76px);height:var(--compact-nav);min-height:var(--compact-nav);background:#130E0BF5;border-bottom:1px solid #DBAE7840}
body>nav .signature-mark{width:210px}
body>nav .menu-toggle{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;border:1px solid #7C5A39;border-radius:999px;padding:11px 16px;background:#DBAE7808;color:#EAC394;font:400 13px 'Inter',sans-serif;cursor:pointer}
body>nav .menu{display:none;position:absolute;top:100%;left:auto;right:clamp(22px,5vw,76px);width:290px;max-height:calc(100svh - var(--compact-nav));overflow:auto;background:#17100D;border:1px solid #DBAE7840;padding:18px 28px 24px;font-size:17px;letter-spacing:.02em}
body>nav.menu-open .menu{display:flex;flex-direction:column;gap:2px}
body>nav .menu a{padding:10px 0}
.compact-hero .cinema-heading{bottom:184px;left:5%;right:5%;width:90%;height:2.6em;min-height:2.6em;font-size:clamp(42px,4.9vw,70px)}
.compact-hero .cinema-message,.compact-hero .cinema-intro-name{font-family:'Inter',Georgia,serif;font-weight:500;font-optical-sizing:none;font-variation-settings:'opsz' 24;text-transform:uppercase;letter-spacing:.035em;line-height:1.1;text-wrap:initial;color:#fff;text-align:center;text-shadow:0 2px 24px #0009}
.compact-hero .cinema-intro-name{position:absolute;bottom:0;left:0;right:0;margin:0;font-size:1.18em;opacity:0;pointer-events:none}
.compact-hero.is-introducing .cinema-intro-name{opacity:var(--intro-opacity,1)}
.compact-hero.is-introducing .cinema-message.is-active{opacity:0!important}
@media(max-width:820px){
 :root{--compact-nav:76px}
 body>nav{padding:10px 20px;gap:20px}
 body>nav .signature-mark{width:178px}
 body>nav .menu{left:0;right:0;width:auto;padding:15px 24px 23px}
 .compact-hero .cinema-heading{bottom:166px;font-size:clamp(29px,8.3vw,46px);left:18px;right:18px;width:auto}
 .compact-hero .cinema-intro-name{font-size:1.35em;line-height:1.04}
}
@media(max-width:370px){body>nav{padding-inline:16px;gap:12px}body>nav .signature-mark{width:164px}.compact-hero .cinema-message{letter-spacing:.02em}}
@media(max-height:650px){.compact-hero .cinema-heading{bottom:143px;font-size:clamp(28px,7.4vw,40px)}}

/* Raise the original picture without zooming or stretching it. */
.compact-hero .cinema-films{background:#0c0b0a}
.compact-hero .cinema-film[data-film="0"]{transform:translateY(-7%);mask-image:linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%)}
@media(min-aspect-ratio:2/1){.compact-hero .cinema-film[data-film="0"]{transform:translateY(-3%)}}
@media(max-width:820px){
 .compact-hero .cinema-film[data-film="0"]{transform:translateY(-9%)}
 .compact-hero .cinema-film[data-film="2"]{transform:translateY(-13%);mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%)}
}
