/* Hero cinematográfico con video opcional y una escena WebGL. */
.cinema{--scene-scroll:0;--pointer-x:0;--pointer-y:0;height:135svh;min-height:970px;max-height:none;overflow:clip;background:#090b08}
.hero-scene{height:100svh;min-height:720px;position:sticky;top:0;overflow:hidden;isolation:isolate}
.cinema-media{position:absolute;inset:0;overflow:hidden;transform:translate3d(calc(var(--pointer-x)*-9px),calc(var(--scene-scroll)*65px + var(--pointer-y)*-6px),0) scale(calc(1.04 + var(--scene-scroll)*.07));will-change:transform;clip-path:inset(calc(var(--scene-scroll)*4%) calc(var(--scene-scroll)*3%));background:#11130f}
.cinema .hero-art,.cinema video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:none!important;filter:saturate(.73) contrast(1.12);transition:opacity 1.2s ease}
.cinema video{opacity:0}.cinema.video-ready video{opacity:1}.cinema.video-ready .hero-art{opacity:0}
.cinema .hero-art{animation:scene-drift 24s ease-in-out infinite alternate}
@keyframes scene-drift{from{scale:1}to{scale:1.045}}
.cinema-grade{position:absolute;inset:0;background:linear-gradient(0deg,#0b0e0bf2,transparent 52%,#0b0d0a80),linear-gradient(90deg,#080b0750,transparent 35%,transparent 70%,#080b073b)}
#cinema-fx{position:absolute;inset:0;width:100%;height:100%;opacity:.3;pointer-events:none;mix-blend-mode:screen}
.cinema-bar{position:absolute;left:0;right:0;height:28px;background:#090b08;z-index:4;pointer-events:none}.bar-top{top:0}.bar-bottom{bottom:0}
.cinema-curtain{position:absolute;left:0;right:0;height:50.1%;z-index:5;background:#090b08;transform:scaleY(0);pointer-events:none}.curtain-top{top:0;transform-origin:top}.curtain-bottom{bottom:0;transform-origin:bottom}.cinema-letter{display:inline-block}
header{height:108px;top:28px;border:0;background:none;padding:0 4.3%}header .brand{font-size:31px}header .brand span{font-size:9px}header .header-right>span{display:none}#menu-open{padding:10px 0;font-size:12px}#menu-open b{font-size:0;width:28px;height:12px;border-top:1px solid;border-bottom:1px solid}
.cinema-coordinate{position:absolute;top:148px;left:4.3%;right:4.3%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#edeee0c4}
.cinema-heading{position:absolute;top:49%;left:50%;width:84%;transform:translate(-50%,-50%) translateY(calc(var(--scene-scroll)*-75px));text-align:center;opacity:calc(1 - var(--scene-scroll)*1.2);will-change:transform,opacity}
.cinema-prologue{display:flex;justify-content:center;align-items:center;gap:18px;font-size:10px;letter-spacing:3px;margin:0 0 13px}.cinema-prologue>span{height:1px;width:34px;background:#c1cead80}
.cinema h1{font-size:inherit;line-height:1;letter-spacing:0;margin:0;text-shadow:0 4px 70px #070a0660;font-weight:700}.title-mask{display:block;overflow:hidden}.title-mask>span{display:block;will-change:transform}
.cinema-always{font:italic 25px/1.45 Georgia,serif;color:var(--green);letter-spacing:1px;margin-bottom:5px}
.cinema-main{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(110px,18.8vw,310px);line-height:.87;font-weight:800;letter-spacing:-.025em;padding:0 0 .045em}
.cinema-home{font-family:'UnifrakturCook',Georgia,serif;font-size:clamp(85px,11vw,180px);line-height:1.15;font-weight:700;color:var(--green);font-style:normal!important;letter-spacing:-.035em;transform:rotate(-5deg);margin-top:-.23em;padding-bottom:.12em;overflow:visible}
.cinema-home>span{clip-path:inset(-25% -10% -20%);padding-bottom:.08em}.cinema h1 em:before{display:none}.cinema h1 em{white-space:normal}
.cinema-edition{position:absolute;right:4.3%;top:45%;display:grid;text-align:right;gap:12px;transform:translateY(calc(var(--scene-scroll)*-40px));opacity:calc(1 - var(--scene-scroll)*2)}.cinema-edition>span{font-size:9px;line-height:1.7;letter-spacing:1.2px;color:#d6dbcb9c}.cinema-edition b{font:400 45px/.9 var(--display);color:#e5e8dc}
.cinema-lower{position:absolute;bottom:115px;left:4.3%;right:4.3%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;opacity:calc(1 - var(--scene-scroll)*1.8);transform:translateY(calc(var(--scene-scroll)*-25px))}.cinema-lower>p{font-size:14px;line-height:1.8;color:#e1e5d8;margin:0}.cinema-lower strong{color:var(--green);font-weight:500}.cinema-cta{justify-self:center;display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:1.2px;text-align:left}.cinema-cta small{display:block;font-size:9px;color:#b1b8a6;letter-spacing:1.2px;margin-top:8px}.cta-circle{width:62px;height:62px;display:grid;place-items:center;border:1px solid #e9edde80;border-radius:50%;transition:background .35s,border-color .35s,color .35s;will-change:transform}.cta-circle>span{font-size:27px;font-weight:400;transition:rotate .5s}.cinema-cta:hover .cta-circle{background:var(--green);border-color:var(--green);color:#10130e}.cinema-cta:hover .cta-circle>span{rotate:90deg}
.cinema-controls{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.cinema-controls button{border:0;background:none;padding:8px 0;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.3px;color:#d2d9c5;min-height:32px}.cinema-controls button[hidden]{display:none}.pause-icon{height:11px;width:8px;border-left:2px solid;border-right:2px solid}.scene-paused .pause-icon{width:0;height:0;border:5px solid transparent;border-left:8px solid;margin-right:-5px}.cinema-controls button:hover{color:var(--green)}
.cinema-foot{position:absolute;left:4.3%;right:4.3%;bottom:47px;padding-top:20px;border-top:1px solid #dbe2cc26;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:#dce1d0a1}.cinema-foot b{font-weight:400;color:#e9edde;margin-left:14px}.cinema-foot>a{display:flex;align-items:center;gap:15px}.scroll-line{height:22px;width:1px;background:#d5dbcb40;position:relative;overflow:hidden}.scroll-line:before{content:'';position:absolute;top:0;width:1px;height:9px;background:var(--green);animation:cinema-scroll 2s ease-in-out infinite}@keyframes cinema-scroll{to{translate:0 25px}}.cinema-stars{letter-spacing:5px;color:var(--green);font-size:14px}
.cinema-seam{position:absolute;bottom:0;left:0;right:0;height:1px;background:#c5d2b24d}.cinema.scene-paused .hero-art{animation-play-state:paused}.motion-off .cinema-media{transform:none}.motion-off .cinema-heading,.motion-off .cinema-lower,.motion-off .cinema-edition{opacity:1;translate:none}.cinema-fallback-grain{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.15' filter='url(%23n)'/%3E%3C/svg%3E")}
@media(min-width:1700px){.cinema-heading{top:48%}.cinema-lower{bottom:145px}.cinema-foot{bottom:60px}}
@media(max-height:760px) and (min-width:701px){.cinema-heading{top:48%}.cinema-main{font-size:min(19vw,27svh)}.cinema-home{font-size:min(12vw,17svh)}.cinema-prologue{margin-bottom:7px}.cinema-always{font-size:20px}.cinema-coordinate{top:132px}.cinema-lower{bottom:105px}}
@media(max-width:900px){.cinema-edition{display:none}.cinema-main{font-size:23vw}.cinema-home{font-size:15vw}.cinema-heading{width:90%}.cinema-lower{grid-template-columns:1fr 1fr}.cinema-controls{position:absolute;bottom:90px;right:0}.cinema-cta{justify-self:end}.cinema-coordinate{font-size:9px}.cinema-prologue{font-size:9px;letter-spacing:2px}}
@media(max-width:700px){.cinema{height:120svh;min-height:864px}.hero-scene{min-height:720px}.cinema-bar{height:18px}header{height:80px;top:18px;padding:0 6%}header .brand{font-size:28px}header .brand span{font-size:8px}.cinema-coordinate{top:112px;left:6%;right:6%;font-size:8px;letter-spacing:1px}.cinema-coordinate>span:last-child{display:none}.cinema-heading{top:45%;width:92%}.cinema-prologue{font-size:8px;letter-spacing:1.2px;gap:10px;margin-bottom:16px}.cinema-prologue>span{width:15px}.cinema-always{font-size:23px;line-height:1.5;margin-bottom:9px}.cinema-main{font-size:clamp(108px,26vw,175px);line-height:.91}.cinema-home{font-size:clamp(82px,21vw,140px);margin-top:-.12em;line-height:1.2}.cinema-lower{left:6%;right:6%;bottom:105px;gap:18px;grid-template-columns:1fr}.cinema-lower>p{font-size:14px}.cinema-cta{justify-self:start;gap:12px;font-size:10px}.cta-circle{width:49px;height:49px}.cinema-cta small{font-size:8px}.cinema-controls{bottom:7px}.control-label{display:none}.cinema-controls button{width:44px;min-height:44px;justify-content:center;border:1px solid #dbe2cc40;border-radius:50%}#sound-toggle{border:0;width:auto;min-height:20px}.sound-label{display:none}.cinema-foot{left:6%;right:6%;bottom:35px;padding-top:15px;font-size:8px;letter-spacing:1px}.cinema-foot b{margin-left:5px}.cinema-foot>a{font-size:0}.cinema-stars{font-size:12px;letter-spacing:3px}.cinema-media .hero-art,.cinema video{object-position:57% 50%}}
@media(prefers-reduced-motion:reduce){.cinema-media,.cinema-heading,.cinema-lower,.cinema-edition{transform:none!important}.cinema-heading{transform:translate(-50%,-50%)!important}.cinema-heading,.cinema-lower,.cinema-edition{opacity:1!important}.title-mask>span{transform:none!important;opacity:1!important}.cinema-home{transform:rotate(-5deg)!important}}