/* Layout: Cinema Premiere — poster, pita film & credit title */
.layout-cinema .inv-main{background:#0b0b0d;box-shadow:none}
.layout-cinema .inv-main::before,.layout-cinema .inv-main::after{content:"";position:absolute;top:0;bottom:0;width:22px;z-index:3;background:#000 repeating-linear-gradient(transparent 0 10px,#2a2a30 10px 22px,transparent 22px 32px) center/10px 32px repeat-y;pointer-events:none}
.layout-cinema .inv-main::before{left:0}.layout-cinema .inv-main::after{right:0}
.layout-cinema .sec{padding:60px 36px;background:none!important}
.layout-cinema .sec+.sec{border-top:1px solid #222}
.layout-cinema .sec-title{font-family:var(--f-display);font-size:clamp(2rem,9vw,2.8rem);letter-spacing:.08em;color:var(--primary);text-transform:uppercase}
.layout-cinema .sec-head::before{content:"★ ★ ★ ★ ★";display:block;color:var(--primary);letter-spacing:.4em;font-size:.7rem;margin-bottom:6px}
.layout-cinema .orn-c{display:none}
.layout-cinema .sec-hero{background:radial-gradient(80% 60% at 50% 30%,color-mix(in srgb,var(--primary) 18%,transparent),transparent)!important}
.layout-cinema .sec-hero .eyebrow::before{content:"NOW SHOWING · ";color:var(--accent)}
.layout-cinema .hero-names{font-family:var(--f-display);font-size:clamp(3.4rem,17vw,5.4rem);text-transform:uppercase;line-height:.92;letter-spacing:.02em;color:#fff;text-shadow:0 0 30px color-mix(in srgb,var(--primary) 50%,transparent)}
.layout-cinema .hero-names .amp{font-family:var(--f-script);text-transform:none;color:var(--primary);font-size:.5em}
.layout-cinema .hero-art .frame{border-radius:0;box-shadow:0 0 0 1px var(--primary),0 30px 60px -20px #000}
.layout-cinema .hero-date{font-family:var(--f-display);font-size:1.3rem;letter-spacing:.3em;color:var(--primary)}
.layout-cinema .hero-date::after{content:"\A RATED: SU — Semua Umur · 120 MENIT KEBAHAGIAAN";white-space:pre;font-family:var(--f-body);font-size:.6rem;letter-spacing:.2em;color:var(--muted)}
.layout-cinema .person-nick{font-family:var(--f-display);text-transform:uppercase;font-size:2.2rem;letter-spacing:.06em}
.layout-cinema .person-name::before{content:"sebagai ";font-style:italic;color:var(--muted);font-family:var(--f-body)}
.layout-cinema .frame{border-radius:0;outline-color:var(--primary)}
.layout-cinema .couple-amp{font-family:var(--f-display);font-size:1.2rem;letter-spacing:.3em;color:var(--muted)}
.layout-cinema .couple-amp{font-size:0}
.layout-cinema .couple-amp::before{content:"AND";font-size:1.1rem;letter-spacing:.4em}
.layout-cinema .event{border-radius:4px;background:#141418;border:1px solid #2a2a30;box-shadow:none}
.layout-cinema .event::before{border-color:#2a2a30;border-style:dashed}
.layout-cinema .event-num{color:color-mix(in srgb,var(--primary) 25%,transparent)}
.layout-cinema .event-name{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.08em;font-size:1.8rem}
.layout-cinema .event-name::before{content:"SESI · ";font-size:.6em;color:var(--muted)}
.layout-cinema .ed-day{font-family:var(--f-display)}
.layout-cinema .cd-box{border-radius:4px;background:#000;border-color:#333}
.layout-cinema .cd-box b{font-family:var(--f-display);font-size:2.4rem}
.layout-cinema .btn{border-radius:2px;letter-spacing:.2em;text-transform:uppercase}
.layout-cinema .tl-photo,.layout-cinema .g-item{border-radius:0}
.layout-cinema .gallery{gap:4px;padding:10px 0;background:#000;box-shadow:0 0 0 6px #000}
.layout-cinema .timeline::before{background:repeating-linear-gradient(var(--primary) 0 8px,transparent 8px 14px)}
.layout-cinema .tl-dot{border-radius:2px}
.layout-cinema .card,.layout-cinema .wish{background:#141418;border-color:#2a2a30}
.layout-cinema .wish-head b::after{content:" ★★★★★";color:var(--primary);font-size:.7rem}
/* credit title bergulir */
.layout-cinema .sec-closing{overflow:hidden}
.layout-cinema .sec-closing .sec-inner{animation:credits 22s linear infinite;animation-play-state:paused}
.layout-cinema .sec-closing .sec-inner.in,.layout-cinema .sec-closing:hover .sec-inner{animation-play-state:running}
.is-open.layout-cinema .sec-closing .sec-inner{animation-play-state:running}
@keyframes credits{0%{transform:translateY(0)}45%{transform:translateY(-6%)}55%{transform:translateY(-6%)}100%{transform:translateY(0)}}
.layout-cinema .family-title{font-family:var(--f-display);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);font-size:.9rem}
.layout-cinema .family li{font-family:var(--f-display);letter-spacing:.12em;text-transform:uppercase;font-size:1rem}
.layout-cinema .closing-names{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.04em}
.layout-cinema .closing-names::after{content:"\A— THE END —";white-space:pre;font-size:.35em;letter-spacing:.5em;color:var(--muted)}
.layout-cinema .dock{background:rgba(0,0,0,.8);border-color:#333}
