.cinema{--p:0;--a:0;--b:0;color:#f3efe5;background:#050e10;position:relative}.cinema-stage{isolation:isolate;min-height:740px;position:relative;overflow:hidden}.cinema-art{z-index:-1;perspective:1500px;position:absolute;inset:0;overflow:hidden}.cinema-art img{object-fit:cover;width:100%;height:100%;display:block}.cinema-fish{opacity:calc(1 - var(--a));transform:translate3d(calc(var(--a)*-15%),calc(var(--a)*-4%),0) scale(calc(1 + var(--a)*.48));will-change:transform,opacity;position:absolute;inset:-3%}.cinema-fish img{object-position:65% center}.cinema-tank{transform-origin:75%;transform:translate3d(calc((1 - var(--a))*25% - var(--b)*15%),calc((1 - var(--a))*12%),0) rotateY(calc((1 - var(--a))*-28deg + var(--b)*12deg)) scale(calc(.72 + var(--a)*.28 + var(--b)*.18));opacity:calc(var(--a)*(1 - var(--b)));will-change:transform,opacity;position:absolute;inset:0 0 0 15%}.cinema-tank img{object-position:65% center}.tank-label{color:#e0bc99;transform:translateY(calc((1 - var(--a))*60px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07151988;border-bottom:1px solid #b1d3c460;align-items:center;gap:12px;padding:9px 32px 9px 0;font-size:12px;display:flex;position:absolute}.tank-label span{color:#f7f2e7;font-size:14px}.label-light{top:23%;left:54%}.label-water{top:43%;left:76%}.label-life{top:62%;left:50%}.cinema-final{width:49%;height:54%;opacity:var(--b);transform:translate3d(calc((1 - var(--b))*60%),calc((1 - var(--b))*20%),0) rotateY(calc((1 - var(--b))*-24deg)) rotateZ(calc((1 - var(--b))*6deg));will-change:transform,opacity;position:absolute;top:21%;right:5%;box-shadow:0 30px 100px #0009}.cinema-final img{object-fit:cover}.cinema-final span{letter-spacing:.12em;background:linear-gradient(#0000,#020a10);padding:55px 25px 22px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.cinema-light{mix-blend-mode:screen;pointer-events:none;opacity:calc(1 - var(--b));background:conic-gradient(from 168deg at 65% 0,#0000 0deg,#9ac9bb14 7deg,#0000 14deg,#c2ded617 19deg,#0000 25deg);animation:12s ease-in-out infinite alternate light-drift;position:absolute;inset:-30%}.atmosphere-paused .cinema-light{animation-play-state:paused}@keyframes light-drift{0%{opacity:.3;transform:translate(-3%)rotate(-5deg)}to{opacity:.8;transform:translate(4%,2%)rotate(6deg)}}.cinema-vignette{pointer-events:none;background:linear-gradient(90deg,#030c10e8,#030c1099 35%,#0000 74%),linear-gradient(#050e1044,#0000 20% 75%,#050e10);position:absolute;inset:0}.cinema-word{letter-spacing:-.075em;color:#0000;-webkit-text-stroke:1px #d6dfcd20;transform:translateX(calc(var(--p)*-18%));pointer-events:none;font-size:clamp(150px,23vw,390px);font-weight:600;line-height:.85;position:absolute;bottom:7%;left:5%}.cinema-copies{padding:80px 7%}.cinema-copy{max-width:750px;padding:50px 0;position:relative}.cinema-copy h1,.cinema-copy h2{letter-spacing:-.055em;margin:0 0 28px;font-size:clamp(58px,6.6vw,104px);font-weight:400;line-height:1.03}.cinema-copy em{color:#dfb896;letter-spacing:-.055em;font-family:Georgia,serif;font-weight:400}.cinema-copy p{color:#c2cec7;max-width:370px;margin-bottom:32px;font-size:17px;line-height:1.8}.cinema-kicker{letter-spacing:.16em;color:#c6d5ca;margin-bottom:32px;font-size:12px}.cinema-skip,.cinema-cta{color:#f7eee2;border:1px solid #d1b090;border-radius:40px;align-items:center;padding:14px 25px;font-size:14px;transition:background .25s,color .25s;display:inline-flex}.cinema-skip:hover,.cinema-cta{color:#102225;background:#dfb896}.cinema-cta:hover{background:#f5d5b8}.cinema-secondary{border-bottom:1px solid #6d8580;margin-left:26px;padding:8px 0;font-size:14px}.cinema-bottom{justify-content:space-between;align-items:center;gap:30px;display:flex;position:absolute;bottom:26px;left:7%;right:7%}.cinema-scroll{letter-spacing:.12em;color:#c2cbbf;align-items:center;gap:13px;font-size:12px;display:flex}.scroll-track{background:linear-gradient(#ddbd98,#0000);width:1px;height:28px}.cinema-dots{gap:14px;display:flex}.cinema-dots button{color:#9daea5;cursor:pointer;background:0 0;border:0;border-top:1px solid #ffffff30;gap:12px;min-height:48px;padding:12px 10px;font-size:14px;transition:color .3s,border-color .3s;display:flex}.cinema-dots button span{font-size:12px}.cinema-dots button[aria-pressed=true]{color:#f0cdae;border-color:#dfb896}.motion-control{color:#9daea5;cursor:pointer;background:0 0;border:0;min-height:44px;font-size:12px}.cinema-progress{background:#ffffff12;height:2px;position:absolute;bottom:0;left:0;right:0}.cinema-progress span{height:100%;transform:scaleX(var(--p));transform-origin:0;background:#dfb896;display:block}.cinema-ready{height:370svh}.cinema-ready .cinema-stage{height:100svh;min-height:620px;position:sticky;top:0}.cinema-ready .cinema-copies{padding:0;position:absolute;inset:0}.cinema-ready .cinema-copy{will-change:transform,opacity;width:74%;padding:0;position:absolute;top:48%;left:7%;translate:0 -50%}.cinema-ready .copy-2{width:44%;max-width:600px}.cinema-ready .copy-2 h2{font-size:clamp(52px,5.4vw,82px)}.cinema-ready .cinema-copy:not(:first-child){opacity:0}.cinema:not(.cinema-ready) .cinema-bottom,.cinema:not(.cinema-ready) .cinema-progress{display:none}.cinema:not(.cinema-ready) .cinema-copy{opacity:1!important;visibility:visible!important;transform:none!important}.cinema:not(.cinema-ready) .cinema-art{opacity:.4}.film-note{font-size:12px!important}.home-editorial h2{font-size:clamp(38px,4.5vw,68px)}@media (max-width:760px){.cinema-ready{height:330svh}.cinema-ready .cinema-stage{height:100svh;min-height:650px}.cinema-ready .cinema-copy,.cinema-ready .copy-2{width:88%;max-width:none;top:auto;bottom:145px;left:6%;translate:none}.cinema-copy h1,.cinema-copy h2,.cinema-ready .copy-2 h2{letter-spacing:-.045em;margin-bottom:20px;font-size:clamp(43px,10.3vw,70px);line-height:1.08}.cinema-copy p{max-width:350px;margin-bottom:23px;font-size:16px;line-height:1.6}.cinema-kicker{letter-spacing:.09em;margin-bottom:20px;font-size:12px}.cinema-fish{inset:0 0 16%}.cinema-fish img{object-position:66% top}.cinema-tank{inset:0 0 20% -25%}.cinema-tank img{object-position:65% center}.cinema-final{width:85%;height:35%;top:6%;right:7.5%}.cinema-final span{padding:40px 14px 12px;font-size:12px}.cinema-vignette{background:linear-gradient(#050e1022 20%,#050e10c7 53%,#050e10fa 78%,#050e10 100%)}.cinema-word{font-size:29vw;top:13%;bottom:auto}.cinema-bottom{flex-wrap:wrap;gap:4px;bottom:16px;left:6%;right:6%}.cinema-scroll{letter-spacing:.08em;width:100%;margin-bottom:6px}.scroll-track{height:16px}.cinema-dots{gap:6px}.cinema-dots button{gap:6px;padding:10px 6px}.motion-control{text-align:right;max-width:95px;padding:0;font-size:12px;line-height:1.4}.tank-label{padding-right:15px}.label-light{top:20%;left:57%}.label-water{top:36%;left:78%}.label-life{top:47%;left:55%}.cinema-skip,.cinema-cta{padding:12px 20px}.cinema-secondary{margin-left:20px}.cinema-copies{padding:35px 6%}}@media (prefers-reduced-motion:reduce){.cinema-light{animation:none}.cinema{height:auto!important}.cinema-copy{opacity:1!important;visibility:visible!important;position:relative!important;inset:auto!important;transform:none!important}.cinema-copies{position:relative!important}.cinema-stage{height:auto!important}.cinema-bottom,.cinema-progress{display:none!important}}@media (max-width:760px){.cinema-bottom{grid-template-columns:1fr auto;gap:2px 12px;display:grid}.cinema-scroll{grid-column:1/-1}.cinema-dots{gap:2px}.cinema-dots button{gap:4px;padding-inline:3px;font-size:13px}.motion-control{max-width:85px}}.cinema-tank{transform-origin:50%;transform:translate3d(calc((1 - var(--a))*18%),0,0) rotateY(calc((1 - var(--a))*-12deg)) scale(calc(.94 + var(--a)*.06));inset:12% 3% 15% 48%}.cinema-tank img{object-fit:contain;object-position:center}.cinema-ready .copy-1,.cinema-ready .copy-2{width:39%;max-width:600px}.cinema-ready .copy-1 h2,.cinema-ready .copy-2 h2{font-size:clamp(42px,4.5vw,72px)}.cinema-final{aspect-ratio:16/9;background:#000;width:47%;height:auto;margin-top:0;top:50%;right:4%;overflow:visible;translate:0 -50%}.cinema-final img{aspect-ratio:16/9;object-fit:cover;object-position:center;width:100%;height:100%}.cinema-final span{color:#c5d1c7;background:0 0;padding:16px 0;top:100%;bottom:auto}@media (max-width:760px){.cinema-ready .copy-1,.cinema-ready .copy-2{width:88%;bottom:145px;left:6%}.cinema-ready .copy-1 h2,.cinema-ready .copy-2 h2{font-size:clamp(38px,9.7vw,65px)}.cinema-tank{transform:translate3d(0,calc((1 - var(--a))*-10%),0) scale(calc(.94 + var(--a)*.06));inset:2% 4% 55%}.cinema-final{aspect-ratio:16/9;width:88%;height:auto;top:5%;right:6%;translate:none}.cinema-final span{padding:12px 0;font-size:12px}.cinema-ready .copy-1 p,.cinema-ready .copy-2 p{margin-bottom:18px;font-size:16px;line-height:1.5}}@media (max-height:740px) and (max-width:760px){.cinema-ready .cinema-stage{min-height:740px}}
