/* CINEMATIC SCROLL / REVIEW 02 — semantic HTML over an independently rendered film. */
.cinema{position:relative;background:var(--ink);color:white;--film-progress:0;--film-zoom:1;--film-inset:5%;--film-shade:.4;--film-brand:0;--film-brand-shift:30%}
.cinema-stage{position:relative;isolation:isolate;overflow:hidden;background:var(--ink)}
.cinema-visual{position:relative;height:65vh;min-height:320px;overflow:hidden;isolation:isolate;background:#19201f}
.cinema-poster,.cinema-video,.cinema-shade{position:absolute;inset:0;width:100%;height:100%}
.cinema-poster img{width:100%;height:100%;object-fit:cover;filter:saturate(.55)}
.cinema-video{opacity:0;object-fit:cover;filter:saturate(.55);pointer-events:none}
.cinema.has-frame .cinema-video{opacity:1}
.cinema-shade{background:linear-gradient(90deg,rgba(10,15,14,.83),rgba(10,15,14,.15) 65%,rgba(10,15,14,.03));pointer-events:none}
.cinema-shade::after{content:'';position:absolute;inset:0;background:var(--ink);opacity:var(--film-shade)}
.cinema[data-cue="-1"] .cinema-shade{background:linear-gradient(180deg,rgba(10,15,14,.16),transparent 45%,rgba(10,15,14,.45))}
.cinema-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:27px;position:relative;z-index:4}
.cinema-top .eyebrow{font-size:12px;letter-spacing:.13em;color:var(--pale)}
.cinema .skip-story{color:#fff;font-size:13px;gap:14px;min-height:44px}
.cinema .skip-story span{font-size:20px}
.cinema .skip-story:hover{text-decoration:underline;text-underline-offset:5px}
.cinema-copies{position:relative;z-index:3}
.cinema-copy{padding-block:50px}
.cinema-kicker{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:var(--pale);margin-bottom:23px}
.cinema-copy h2{font-size:clamp(42px,5vw,73px);line-height:1.17;letter-spacing:-.045em;max-width:880px}
.cinema-copy h2 em{color:white}
.cinema-copy p{color:#D8D8DA;font-size:16px;line-height:1.9;margin-top:25px;max-width:470px}
.cinema-copy .button{margin-top:28px;font-size:14px;min-height:54px}
.cinema-copy .button:hover{background:white;border-color:white;color:var(--ink)}
.cinema-copy+.cinema-copy{border-top:1px solid #393f3d}
.cinema-brand{display:none}
.cinema-bottom{display:none}
.cinema-credit{position:relative;color:#B8B8B8;font-size:12px;line-height:1.7;padding:24px var(--gutter)}
.cinema-static-note{font-size:14px;color:var(--pale);border-top:1px solid #363e3a;padding:25px var(--gutter);margin:0}
.cinema.is-enhanced{height:calc(100svh - var(--header) + 420vh)}
.cinema.is-enhanced .cinema-stage{position:sticky;top:var(--header);height:calc(100svh - var(--header));min-height:0}
.cinema.is-enhanced .cinema-visual{position:absolute;inset:0;width:100%;height:100%;min-height:0;clip-path:inset(var(--film-inset));transform:scale(var(--film-zoom));transform-origin:61% 54%;will-change:transform,clip-path;z-index:-3}
.cinema.is-enhanced .cinema-top{position:absolute;top:0;left:var(--gutter);right:var(--gutter);margin-inline:auto;width:auto;max-width:1320px;z-index:5}
.cinema.is-enhanced .cinema-top .eyebrow{transition:opacity .3s}
.cinema.is-enhanced .cinema-top.image-only .eyebrow{opacity:.25}
.cinema.is-enhanced .cinema-copies{position:absolute;inset:0 var(--gutter);margin-inline:auto;width:auto;max-width:1320px;pointer-events:none}
.cinema.is-enhanced .cinema-copy{position:absolute;left:0;top:48%;width:100%;padding:0;border:0;transform:translateY(0);translate:0 -50%;opacity:0;pointer-events:none;will-change:opacity,transform}
.cinema.is-enhanced .cinema-copy.is-current{pointer-events:auto}
.cinema.is-enhanced .cinema-copy:not(.is-current) a{visibility:hidden}
.cinema.is-enhanced .cinema-opening{opacity:1}
.cinema.is-enhanced .cinema-opening h2{max-width:790px}
.cinema.is-enhanced .cinema-perspective h2{font-size:clamp(42px,4.8vw,70px)}
.cinema.is-enhanced .cinema-closing h2{font-size:clamp(41px,4.3vw,65px);max-width:860px}
.cinema.is-enhanced .cinema-closing{top:47%}
.cinema.is-enhanced .cinema-brand{display:block;position:absolute;right:-10%;top:1%;width:65%;height:100%;z-index:-1;opacity:var(--film-brand);transform:translateX(var(--film-brand-shift)) rotate(-15deg);pointer-events:none;will-change:transform,opacity}
.cinema-brand img{width:100%;height:100%;max-width:none;object-fit:contain}
.cinema.is-enhanced .cinema-bottom{display:flex;position:absolute;bottom:84px;left:var(--gutter);right:var(--gutter);width:auto;max-width:1320px;align-items:center;justify-content:space-between;gap:35px;z-index:4;margin:auto}
.cinema-instruction{display:flex;align-items:center;gap:12px;font-size:12px;color:#D8D8DA;letter-spacing:.02em}
.cinema-instruction>i{display:block;width:13px;height:23px;border:1px solid #aaa;border-radius:10px;position:relative}
.cinema-instruction>i::after{content:'';display:block;position:absolute;left:5px;top:5px;width:1px;height:5px;background:white}
.cinema-track{position:relative;flex:1;max-width:470px;display:flex;justify-content:space-between;border-top:1px solid #68706a;padding-top:13px;color:var(--pale);font-size:12px;letter-spacing:.07em}
.cinema-track>i{position:absolute;left:0;top:-1px;width:100%;height:2px;background:#fff;transform:scaleX(var(--film-progress));transform-origin:left}
.cinema-time{font-family:var(--body);font-size:13px;white-space:nowrap;letter-spacing:.04em;min-width:84px;text-align:right}
.cinema-time>span{color:#B8B8B8;font-size:12px}
.cinema.is-enhanced .cinema-credit{position:absolute;left:var(--gutter);right:var(--gutter);bottom:56px;max-width:1320px;margin:auto;padding:0;font-size:12px;color:#B8B8B8;z-index:4;transition:opacity .2s}
.cinema.is-enhanced .cinema-credit.image-only{opacity:.65}
.cinema.is-enhanced .cinema-static-note{display:none}
.cinema.is-enhanced[data-mode=poster-test] .cinema-credit::after{content:' · Prueba de carga: imagen de respaldo.'}
.watching-film .review-dock,.watching-film .review-reopen{visibility:hidden;pointer-events:none}
@media(min-width:1500px){.cinema.is-enhanced .cinema-copy{top:48%}.cinema-copy h2{font-size:80px}.cinema-copy p{font-size:16px}}
@media(max-width:900px){.cinema-copy h2{font-size:52px}.cinema-copy p{font-size:15px}.cinema-top .eyebrow{font-size:12px}.cinema.is-enhanced .cinema-brand{right:-25%;width:85%}.cinema.is-enhanced .cinema-bottom{gap:20px}.cinema-track{max-width:250px}}
@media(max-width:700px){
  .cinema.is-enhanced{height:calc(100svh - var(--header) + 300vh)}
  .cinema-visual{height:65svh;min-height:340px}
  .cinema.is-enhanced .cinema-visual{transform-origin:58% 55%}
  .cinema-shade{background:linear-gradient(180deg,rgba(10,15,14,.2),rgba(10,15,14,.04) 25%,rgba(10,15,14,.44) 64%,rgba(10,15,14,.95))}
  .cinema-top{padding-top:15px;gap:15px}
  .cinema-top .eyebrow{font-size:12px;letter-spacing:.06em;gap:8px;max-width:170px}
  .cinema-top .tiny-square{width:5px;height:5px}
  .cinema .skip-story{font-size:12px;gap:7px;flex-shrink:0}
  .cinema .skip-story span{font-size:17px}
  .cinema-copy{padding-block:36px}
  .cinema-kicker{font-size:12px;letter-spacing:.09em;margin-bottom:18px}
  .cinema-copy h2{font-size:clamp(29px,8.8vw,44px);line-height:1.2;letter-spacing:-.045em}
  .cinema-copy p{font-size:14px;line-height:1.85;margin-top:19px;max-width:310px}
  .cinema.is-enhanced .cinema-copy{top:auto;bottom:154px;translate:0 0}
  .cinema.is-enhanced .cinema-opening h2{font-size:clamp(30px,9.2vw,45px)}
  .cinema.is-enhanced .cinema-perspective h2{font-size:clamp(28px,8vw,38px)}
  .cinema.is-enhanced .cinema-perspective{bottom:155px}
  .cinema.is-enhanced .cinema-closing{top:auto;bottom:149px}
  .cinema.is-enhanced .cinema-closing h2{font-size:clamp(29px,8.3vw,40px)}
  .cinema.is-enhanced .cinema-closing p{max-width:290px;font-size:13px}
  .cinema-copy .button{font-size:13px;min-height:49px;padding:14px 17px;margin-top:21px}
  .cinema.is-enhanced .cinema-brand{width:112%;height:58%;top:-4%;right:-30%;opacity:calc(var(--film-brand)*.85)}
  .cinema.is-enhanced .cinema-bottom{bottom:103px;gap:13px;align-items:center}
  .cinema-instruction{font-size:12px;gap:8px;max-width:115px;line-height:1.6}
  .cinema-instruction>i{width:12px;height:21px;flex-shrink:0}
  .cinema-track{max-width:116px;padding-top:8px;font-size:12px}
  .cinema-time{font-size:12px;min-width:62px}
  .cinema-time>span{font-size:12px}
  .cinema.is-enhanced .cinema-credit{bottom:78px;font-size:12px;line-height:1.6}
  .cinema-static-note{font-size:13px}
}
@media(max-height:700px) and (min-width:701px){
  .cinema.is-enhanced .cinema-copy h2{font-size:38px;line-height:1.18}
  .cinema.is-enhanced .cinema-copy{top:45%}
  .cinema-copy p{font-size:14px;margin-top:15px}
  .cinema-kicker{margin-bottom:15px;font-size:12px}
  .cinema-copy .button{margin-top:18px;min-height:47px;font-size:13px}
  .cinema.is-enhanced .cinema-bottom{bottom:70px}
  .cinema.is-enhanced .cinema-credit{bottom:46px}
}
@media(max-height:700px) and (max-width:700px){
  .cinema.is-enhanced .cinema-copy{bottom:120px}
  .cinema.is-enhanced .cinema-copy h2{font-size:28px}
  .cinema-copy p{font-size:13px;margin-top:12px;line-height:1.6}
  .cinema-kicker{margin-bottom:13px;font-size:12px}
  .cinema.is-enhanced .cinema-bottom{bottom:80px}
  .cinema.is-enhanced .cinema-credit{bottom:60px}
  .cinema-copy .button{margin-top:15px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.cinema-visual,.cinema-brand,.cinema-copy{will-change:auto!important}}