/* Zeyn cinematic scroll hero (preview-cine-hero) */
.cine{padding:0;margin:0;height:470vh;height:470svh;position:relative;background:#fff6e8}
.cine-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#fff6e8}
.cine-poster,#cinecv,#cinevid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cine-poster.pm{display:none}
#cinecv,#cinevid{opacity:0;transition:opacity .3s}.cine-ready.cine-seq #cinecv,.cine-ready.cine-vid #cinevid{opacity:1}.cine-vid #cinecv,.cine-seq #cinevid{display:none}
.cine-close{position:absolute;inset:0;background:#fff6e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,3vh,32px);padding:96px 24px 24px;opacity:0;visibility:hidden;z-index:3}
.cine-close .c-logo{width:min(240px,50vw);height:auto}
.cine-close .c-sub{font-size:clamp(16px,2vw,22px);color:#3a3a44;text-align:center;margin:0;max-width:34ch}
.cine-close .c-btn{margin-top:4px;background:#1f3a2b;color:#fff;font-size:14px;padding:14px 26px}.cine-close .c-btn:hover{background:#13261c}
#problem.problem{background:linear-gradient(180deg,#fff6e8,#fbf8f1 60%)}
.cine-close .c-tag{font-size:clamp(30px,5.2vw,68px);letter-spacing:-.02em;max-width:16ch;font-weight:700;color:#111;text-align:center;line-height:1.1;margin:0}
@media (max-aspect-ratio:4/5){.cine-poster.pd{display:none}.cine-poster.pm{display:block}}
.cine-rm .cine{height:auto}.cine-rm .cine-sticky{position:relative}.cine-rm #cinecv,.cine-rm #cinevid{display:none}
.cine-rm .cine-close{opacity:1;visibility:visible;background:rgba(255,246,232,.86)}
.cine-rm .cine-close>*{opacity:1!important;filter:none!important;translate:none!important}
.cine-hero.hero{position:absolute;inset:0;min-height:0;height:100%;z-index:2;background:transparent;will-change:opacity,translate}
.cine-hero .hero-scrim{background:linear-gradient(180deg,rgba(8,16,11,.55),rgba(8,16,11,.15) 35%,rgba(8,16,11,.7) 78%,rgba(8,16,11,.88)),linear-gradient(90deg,rgba(8,16,11,.45),transparent 70%)}
.cine-rm .cine-hero{position:relative;min-height:100svh}
@media (max-height:700px){.cine-hero .note{display:none}.cine-hero.hero{padding-top:100px;padding-bottom:28px}}