.cinema-page{--p:0}.cinema-page .preview{display:none}.cinema-page header{position:absolute;inset:0 5% auto;z-index:10;margin:0;border-color:#ffffff30;padding:28px 0}.cinema-page header .brand{filter:drop-shadow(0 2px 7px #000)}.cinema{height:420svh;position:relative;background:#10110f}.cinema-stage{height:100svh;min-height:560px;position:sticky;top:0;overflow:hidden;isolation:isolate}.scene-world{position:absolute;inset:0;will-change:transform,opacity;transform-origin:68% 52%}.scene-world>img{height:100%;object-fit:cover;object-position:center 48%;filter:brightness(.8)}.world-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080c0de8 0%,#090d0d85 43%,#060b0c05 78%),linear-gradient(0deg,#0b100ee6,transparent 35%,#0004)}.scene-title{position:absolute;left:7%;top:27%;width:65%;will-change:transform,opacity}.scene-title h1{font-size:clamp(70px,8.5vw,150px);line-height:.88;letter-spacing:-2px;margin:0 0 27px;font-weight:800}.scene-title .eyebrow{color:#e5decc;letter-spacing:3px}.scene-description{font-size:15px;color:#d1cdbf}.scene-sign{position:absolute;width:260px;right:6%;bottom:12%;transform:rotate(-4deg)}.scene-lines{position:absolute;inset:14% 5% 11%;pointer-events:none;opacity:.45}.scene-lines i{position:absolute;width:23px;height:23px;border:1px solid #eee8d4}.scene-lines i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}.scene-lines i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}.scene-lines i:nth-child(3){left:0;bottom:0;border-top:0;border-right:0}.scene-lines i:nth-child(4){right:0;bottom:0;border-top:0;border-left:0}.cinema-bottom{position:absolute;bottom:30px;left:7%;right:7%;display:flex;align-items:center;gap:28px;font-size:9px;letter-spacing:2px;z-index:5}.scroll-track{height:1px;background:#ffffff30;flex:1}.scroll-track i{display:block;width:100%;height:2px;background:var(--red);transform:scaleX(var(--p));transform-origin:left}.lab-title{position:absolute;left:7%;top:25%;width:43%;opacity:0}.lab-title h2{font-size:clamp(66px,7vw,118px);line-height:.9;margin-bottom:28px;letter-spacing:-1px}.lab-title>p:last-child{font-size:15px;line-height:1.8;color:#c8c6b8}.lab-sheet{position:absolute;will-change:transform,opacity;opacity:0;box-shadow:0 20px 80px #0007}.lab-sheet>span{font-size:9px;letter-spacing:2px}.sheet-script{width:260px;background:#e7e1d1;color:#23251e;padding:30px;left:52%;top:23%;transform:rotate(-9deg)}.sheet-script h3{font-size:40px;line-height:1.02;margin:30px 0 18px}.sheet-script p{font-family:Georgia,serif;font-size:13px;line-height:1.7}.sheet-script small{font-size:7px;letter-spacing:2px}.script-lines{height:60px;margin-bottom:25px;background:repeating-linear-gradient(transparent 0 11px,#272d2525 11px 12px)}.sheet-image{width:220px;height:310px;left:74%;top:17%;border:7px solid #e7e1d1;background:#e7e1d1;transform:rotate(10deg)}.sheet-image img{height:270px;object-fit:cover;object-position:center 35%}.sheet-image>span{display:block;text-align:center;color:#24271f;font-size:8px;padding:8px 0}.sheet-sound{left:63%;top:65%;width:310px;padding:24px;background:#ed432d;color:#fff;transform:rotate(4deg)}.sheet-sound p{font-size:11px;margin:14px 0 0}.wave{height:65px;display:flex;align-items:center;gap:4px;margin-top:16px}.wave i{height:var(--h);width:4px;background:#ffeade}.scene-end{position:absolute;inset:25% 6% auto;text-align:center;opacity:0;pointer-events:none}.scene-end h2{font-size:clamp(70px,8vw,140px);line-height:.93;margin-bottom:35px}.scene-end .eyebrow{letter-spacing:3px}.scene-end .button{pointer-events:auto}.cinema-page .cast{padding-top:90px}.cinema-page .section-heading h2{font-weight:700}.cinema-page .portrait{border-radius:0}@media(min-width:1500px){.scene-world>img{object-position:center 53%}}@media(max-width:900px){.scene-title{top:28%}.scene-title h1{font-size:10vw}.scene-sign{width:210px}.sheet-script{left:50%;width:215px;padding:23px}.sheet-image{left:73%;width:175px;height:255px}.sheet-image img{height:215px}.sheet-sound{width:250px;left:57%}.lab-title{left:6%;width:43%}.lab-title h2{font-size:9vw}}@media(max-width:600px){.cinema{height:360svh}.cinema-stage{min-height:580px}.cinema-page header{padding:23px 0}.scene-world>img{object-position:61% center}.world-shade{background:linear-gradient(90deg,#050b0cb0,#050b0c10),linear-gradient(0deg,#080d0cec,transparent 65%,#080d0c40)}.scene-title{top:24%;left:7%;width:90%}.scene-title h1{font-size:14.8vw;letter-spacing:-1px;line-height:.92}.scene-title .eyebrow{font-size:8px;letter-spacing:2px}.scene-description{font-size:13px}.scene-sign{width:200px;bottom:14%;right:7%}.cinema-bottom{left:7%;right:7%;font-size:7px;letter-spacing:1px;gap:12px;bottom:24px}.cinema-bottom>span:last-child{max-width:92px;line-height:1.7;text-align:right}.lab-title{top:15%;left:7%;width:90%}.lab-title h2{font-size:17vw;margin-bottom:16px}.lab-title>p:last-child{font-size:12px;line-height:1.6}.lab-title .eyebrow{font-size:8px;margin-bottom:16px}.sheet-script{top:48%;left:8%;width:160px;padding:17px}.sheet-script h3{font-size:27px;margin:18px 0 12px}.sheet-script p{font-size:10px}.sheet-script>span{font-size:7px}.script-lines{height:25px;margin-bottom:12px}.sheet-script small{font-size:6px;letter-spacing:1px}.sheet-image{left:55%;top:43%;width:140px;height:195px}.sheet-image img{height:158px}.sheet-image>span{font-size:6px}.sheet-sound{left:45%;top:73%;width:180px;padding:13px}.sheet-sound>span{font-size:7px}.wave{height:30px;gap:3px;margin-top:12px}.wave i{width:2px}.sheet-sound p{font-size:9px;margin-top:8px}.scene-end{top:25%}.scene-end h2{font-size:16vw}.scene-end .eyebrow{font-size:8px;letter-spacing:1.4px}}@media(prefers-reduced-motion:reduce){.cinema{height:auto}.cinema-stage{position:relative;height:85svh;min-height:570px}.scene-title{opacity:1!important;transform:none!important}.scene-world{opacity:1!important;transform:none!important}.scene-sign{opacity:1!important;transform:none!important}.lab-title,.lab-sheet,.scene-end{display:none}.cinema-bottom .scroll-track{display:none}}
.cinema-page{overflow-x:clip}.cinema-page a,.cinema-page summary{-webkit-tap-highlight-color:transparent}.scene-quick{display:none}
@media(max-width:600px){.cinema{height:320svh}.cinema-page header nav a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.cinema-page header nav>a:first-child{display:none}.cinema-page header nav{gap:10px}.cinema-page header{inset-inline:6%}.scene-title{top:23%}.scene-description{margin-bottom:16px;max-width:240px}.scene-quick{display:inline-flex;align-items:center;gap:22px;min-height:44px;font-size:11px;letter-spacing:.3px;border-bottom:1px solid #eeeae078;padding:8px 0}.scene-quick span{color:var(--red);font-size:18px}.scene-sign{bottom:14%;width:180px}.cinema-page .social-line a,.cinema-page footer>div a{min-height:44px;display:inline-flex;align-items:center}.cinema-page .faq summary{min-height:44px;align-items:center}.cinema-page .portrait.antonio{margin-top:18px}.cinema-page .section-heading h2{font-size:clamp(34px,10.5vw,45px)}.cinema-page .guide h2,.cinema-page .author h2{font-size:clamp(41px,12vw,56px)}.cinema-page .closing h2{font-size:clamp(43px,12.5vw,60px)}}
@media(max-width:360px){.cinema-page header .brand{font-size:30px}.cinema-page header .brand span{letter-spacing:1.3px}.cinema-page header nav{font-size:10px;gap:8px}.cinema-page .nav-guide{padding-inline:10px}.lab-title{top:16%}.sheet-script{left:6%;width:145px}.sheet-image{left:54%;width:130px}.sheet-sound{left:42%;width:165px}.scene-title h1{font-size:14.4vw}.scene-title .eyebrow{letter-spacing:1.4px}.cinema-bottom{font-size:6px}.cinema-page .button{gap:20px;padding:16px 20px}}

@media(prefers-reduced-motion:reduce){.cinema{height:auto}}