.cinema-scroll{position:relative;min-height:205svh;margin:65px 0;isolation:isolate;color:#fff7e9;--cinema-frame:#3b432b}.cinema-sticky{position:sticky;top:75px;padding:30px 5%;height:calc(100svh - 82px);display:flex;flex-direction:column;justify-content:center;gap:13px;max-width:1440px;margin:auto}.cinema-viewport{position:relative;flex:1;min-height:340px;max-height:760px;border-radius:220px 220px 3px 3px;overflow:hidden;background:#27352f;perspective:1100px;isolation:isolate;box-shadow:0 20px 70px #1e282227}.cinema-viewport video,.cinema-viewport>.cinema-photo{display:block;position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.cinema-viewport video[controls]{pointer-events:auto;z-index:4}.cinema-grain{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#061b1430,transparent 35%,#071a137d 70%,#05160fe6);z-index:2}.cinema-topline{position:absolute;z-index:3;top:13%;left:10%;right:10%;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.13em;text-transform:uppercase}.cinema-topline>span:first-child{max-width:290px}.cinema-copy{position:absolute;bottom:100px;left:9%;right:9%;z-index:3;text-align:center;pointer-events:none}.cinema-copy small{font-size:8px;letter-spacing:.22em}.wc-root .cinema-copy h2{font:500 clamp(42px,6vw,82px) /.98 var(--font-editorial),Georgia,serif;letter-spacing:-.045em;color:inherit;margin:19px auto!important;max-width:720px}.wc-root .cinema-copy p{font:italic 22px/1.2 var(--font-editorial),Georgia,serif}.cinema-controls{position:absolute;z-index:5;bottom:29px;left:8%;right:8%;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.cinema-controls>span{display:flex;align-items:center;gap:10px;font-size:9px}.cinema-controls button{pointer-events:auto;display:flex;align-items:center;gap:8px;background:#fff2;border:1px solid #fff5;border-radius:20px;padding:9px 14px;color:inherit;font-size:9px;backdrop-filter:blur(9px)}.cinema-progress{height:3px;position:absolute;left:0;right:0;bottom:0;background:#efc991;transform-origin:left;z-index:7}.cinema-footnote{color:var(--wc-ink);display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:8px;letter-spacing:.04em}.cinema-footnote>span{display:flex;align-items:center;gap:8px}.cinema-footnote i{display:block;width:15px;height:2px;background:currentColor;opacity:.2}.cinema-footnote i[data-active=true]{opacity:.8}.cinema-doorway{position:absolute;inset:0;display:flex;perspective:1000px;transform-style:preserve-3d;z-index:1}.cinema-doorway>i{width:50%;height:100%;display:block;background-color:#35402be6;background-image:repeating-linear-gradient(90deg,transparent 0 28px,#a3975955 29px 31px,transparent 32px 45px);border:8px solid #7f7858;transform-origin:left;backface-visibility:hidden;box-shadow:inset 0 0 0 8px #323d27aa}.cinema-doorway>i+i{transform-origin:right}.cinema-riad .cinema-viewport{border-radius:45% 45% 0 0}.cinema-riad .cinema-doorway>i{background-color:#794129ed;background-image:repeating-linear-gradient(45deg,transparent 0 30px,#c69d6855 31px 33px,transparent 34px 55px);border-color:#ac7b51}.cinema-herbarium .cinema-viewport{border-radius:3px;transform:rotate(-1deg);border:solid #f7f0e0;border-width:16px 16px 40px;box-shadow:0 20px 55px #40372b20}.cinema-herbarium .cinema-photo{-o-object-position:center 60%;object-position:center 60%}.cinema-herbarium .cinema-copy h2{font-style:italic}.cinema-sea .cinema-viewport{border-radius:48% 48% 8px 8px}.cinema-sea .cinema-grain{background:linear-gradient(#103a3b10,transparent 30%,#104c5777 70%,#083a47ed)}.cinema-analog .cinema-viewport{border-radius:0;border:solid #f9f1d9;border-width:14px 14px 45px;transform:rotate(1.5deg);box-shadow:0 20px 40px #4d403522}.cinema-analog .cinema-photo{filter:sepia(.15) saturate(.8)}.cinema-analog .cinema-copy h2{font-family:var(--font-inter),Arial,sans-serif;font-weight:750;font-size:clamp(36px,6vw,75px);letter-spacing:-.06em}.cinema-nocturne .cinema-viewport{border-radius:0;border:1px solid #d9ba78;outline:1px solid #d9ba7855;outline-offset:8px}.cinema-theatre .cinema-doorway>i{background-color:#4f1822f5;background-image:repeating-linear-gradient(90deg,#6b2830 0 12px,#3e111a 17px 23px,#6b2830 28px 38px);border-color:#9f744c}.cinema-altitude .cinema-viewport{border-radius:45% 45% 5px 5px}.cinema-altitude .cinema-grain{background:linear-gradient(#1e344410,transparent 40%,#142b4277 70%,#142b42e8)}.cinema-paper .cinema-doorway>i{background-color:#ede8dbf2;background-image:repeating-linear-gradient(0deg,transparent 0 58px,#747c6690 59px 62px,transparent 63px 70px),repeating-linear-gradient(90deg,transparent 0 55px,#747c6690 56px 59px,transparent 60px 65px);border-color:#747c66}.cinema-mirror .cinema-viewport{border-radius:48% 48% 0 0;border:4px solid #e5c29d}.cinema-mirror .cinema-grain{background:linear-gradient(#48234420,transparent 30%,#48234488 70%,#482344f0)}.cinema-compact{margin:35px 0;min-height:185svh}.cinema-compact .cinema-sticky{padding:15px;top:67px;height:calc(100svh - 74px)}.cinema-compact .cinema-copy h2{font-size:47px}.cinema-compact .cinema-topline{font-size:6px;top:15%}.cinema-compact .cinema-controls{gap:8px;flex-wrap:wrap}.cinema-compact .cinema-footnote{font-size:6px}.cinema-reduced{min-height:0!important}.cinema-reduced .cinema-sticky{position:relative;top:0;min-height:650px}.cinema-reduced .cinema-controls{display:none}@media (min-width:1000px){.cinema-footnote,.cinema-viewport{max-width:1020px;width:100%;align-self:center}.cinema-compact .cinema-viewport{max-width:none}}@media (max-width:600px){.cinema-scroll{min-height:180svh;margin:45px 0}.cinema-sticky{top:65px;height:calc(100svh - 72px);padding:15px}.cinema-viewport{min-height:430px;border-radius:47% 47% 0 0}.cinema-copy{left:8%;right:8%;bottom:105px}.wc-root .cinema-copy h2{font-size:48px}.cinema-topline{font-size:6px;top:17%}.cinema-controls{bottom:32px;gap:12px;align-items:flex-start;flex-direction:column}.cinema-controls>span{font-size:8px}.cinema-footnote{font-size:6px}.cinema-analog .cinema-viewport,.cinema-herbarium .cinema-viewport{border-radius:0;border-width:8px 8px 30px}.cinema-nocturne .cinema-viewport{border-radius:0}.cinema-reduced .cinema-sticky{min-height:650px}}@media (max-height:700px) and (min-width:601px){.cinema-sticky{padding-top:12px;padding-bottom:12px}.cinema-copy{bottom:75px}.wc-root .cinema-copy h2{font-size:45px}.cinema-topline{top:9%}.cinema-viewport{min-height:0}}@media (prefers-reduced-motion:reduce){.cinema-scroll{min-height:0}.cinema-sticky{position:relative;top:0;min-height:650px}.cinema-controls{display:none}}