.cinema{box-sizing:border-box;background:radial-gradient(ellipse at 84% 10%,#19374f66,transparent 40%),radial-gradient(ellipse at 10% 95%,#1b3c5355,transparent 45%),#060f1c;color:#eeeae0;padding:72px 8% 80px;min-height:760px;font-family:system-ui,-apple-system,'PingFang SC',sans-serif;position:relative;overflow:hidden}.cinema *{box-sizing:border-box}.cinema-heading>span{font-size:11px;letter-spacing:.2em;color:#bbc5ca}.cinema h2{font:400 clamp(32px,3.8vw,60px)/1.15 Didot,Georgia,serif;margin:14px 0 38px}.cinema-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.8fr);gap:12%;align-items:start}.cinema-left{padding-top:25px}.cinema-screen{height:300px;max-height:38vw;display:flex;align-items:center;justify-content:center;background:#03070c;border:1px solid #b5b4a569;padding:5px}.cinema-screen img,.cinema-screen video{display:block;width:100%;height:100%;object-fit:contain}.cinema [hidden]{display:none!important}.cinema button,.cinema-modal button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;min-height:44px}.cinema button:focus-visible,.cinema-modal button:focus-visible{outline:2px solid #c2d4df;outline-offset:3px}.cinema-tools{display:flex;align-items:center;gap:18px;padding:12px 0;color:#c3c9ca;font-size:12px}.cinema-expand{margin-right:auto;padding:0;border-bottom:1px solid #6b7478!important}.cinema h3{font:400 22px/1.5 'Songti SC',Georgia,serif;margin:22px 0 8px}.cinema-meta{font-size:12px;color:#a9b4bf;letter-spacing:.08em}.cinema-tabs{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;margin-bottom:18px}.cinema-tabs button{padding:0;color:#82939f}.cinema-tabs button[aria-pressed=true]{color:#eeeae0;border-bottom:1px solid #ddd8c5}.cinema-reel{max-height:420px;overflow:auto;padding:14px 28px 22px 20px;scrollbar-width:thin;scrollbar-color:#677480 transparent;transform:rotate(5deg)}.cinema-frame{position:relative;width:100%;display:block!important;min-height:126px!important;margin:0;padding:9px 18px!important;background:linear-gradient(90deg,#c5c0a8 1px,transparent 1px,transparent calc(100% - 1px),#c5c0a8 calc(100% - 1px)),#101617!important;transform:rotate(-2deg);border-bottom:1px solid #676758!important}.cinema-frame:nth-child(2n){transform:rotate(3deg) translateX(7px)}.cinema-frame:before,.cinema-frame:after{content:'';position:absolute;top:8px;bottom:8px;width:5px;background:repeating-linear-gradient(to bottom,#c6c4b6 0 7px,transparent 7px 17px);left:5px}.cinema-frame:after{left:auto;right:5px}.cinema-frame img{display:block;width:100%;height:130px;object-fit:cover;opacity:.7}.cinema-frame[aria-current=true] img,.cinema-frame:hover img{opacity:1}.cinema-frame[aria-current=true]{outline:1px solid #d5d7c5;outline-offset:-2px}.cinema-film{display:grid;min-height:120px;align-content:center;gap:12px;padding:12px;color:#d6d9d4;text-align:left;background:#18222b}.cinema-film small{font-size:10px;letter-spacing:.18em;color:#97aebb}.cinema-film strong{font:400 18px/1.5 Georgia,'Songti SC',serif}.cinema-note{font:italic 17px/1.5 'Bradley Hand',cursive;color:#a8b4bb;margin:25px 0 0 34px;transform:rotate(-4deg)}.cinema-modal{box-sizing:border-box;width:96vw;max-width:1500px;height:94dvh;background:#050b12;color:#eee;border:1px solid #5a6874;padding:16px}.cinema-modal::backdrop{background:#01050aec}.cinema-modal[open]{display:flex;flex-direction:column}.cinema-close{align-self:flex-end}.cinema-large{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;overflow:auto}.cinema-large img,.cinema-large video{max-width:100%;max-height:100%;object-fit:contain}.cinema-large img{cursor:zoom-in}.cinema-large.zoomed{display:block}.cinema-large.zoomed img{max-width:none;max-height:none;width:150%;cursor:zoom-out}.cinema-modal-nav{display:flex;align-items:center;justify-content:center;gap:30px;font-size:13px}.cinema-modal-nav button{min-width:48px}@media(max-width:700px){.cinema{padding:44px 24px;min-height:0}.cinema-layout{grid-template-columns:1fr;gap:24px}.cinema h2{margin-bottom:12px}.cinema-left{padding-top:10px}.cinema-screen{height:240px;max-height:none}.cinema h3{font-size:19px;margin-top:14px}.cinema-reel{transform:none;display:flex;max-height:none;overflow-x:auto;padding:8px 6px 20px}.cinema-frame{flex:0 0 155px;margin-right:4px;min-height:115px!important}.cinema-frame img{height:105px}.cinema-note{display:none}.cinema-tools{gap:12px}.cinema-tabs{gap:22px}.cinema-modal{width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:10px}}
/* Film and photographic formats share a quiet stage, not a shared crop. */
.cinema{padding:35px 8% 38px;min-height:0;background:radial-gradient(ellipse at 80% 22%,#28446150,transparent 44%),radial-gradient(ellipse at 20% 80%,#213b5550,transparent 48%),#060f1c}
.cinema-heading h2{font:400 clamp(25px,2.7vw,42px)/1.15 Didot,Georgia,serif;margin:0 0 8px;letter-spacing:.02em}.cinema-heading p{font:italic 18px Georgia,serif;color:#b3bdc7;margin:0 0 16px}.cinema-layout{gap:9%;grid-template-columns:minmax(0,1.5fr) minmax(180px,.6fr)}.cinema-left{padding:0}.cinema-tabs{margin:0 0 10px;gap:18px}.cinema-tools{padding:5px 0;gap:16px}.cinema h3{font-size:18px;margin:7px 0 3px}.cinema-meta{margin:0}.cinema-screen{height:auto;max-height:none;aspect-ratio:16/9;padding:0}.cinema[data-mode=photo] .cinema-screen{height:60vh;max-height:540px;aspect-ratio:auto;background:none;border:0;justify-content:center}.cinema[data-mode=photo] .cinema-image{height:auto;width:min(100%,calc(min(60vh,540px) * var(--photo-ratio)));max-height:100%;object-fit:contain;border:1px solid #aeb7b566;transition:width .3s;cursor:zoom-in}.cinema[data-mode=photo] .cinema-reel{width:165px;max-height:58vh;margin:auto;padding:5px 13px;transform:none;background:linear-gradient(90deg,transparent 4px,#9ca49e77 5px,transparent 6px,transparent calc(100% - 6px),#9ca49e77 calc(100% - 5px),transparent calc(100% - 4px))}.cinema[data-mode=photo] .cinema-frame{transform:none!important;background:none!important;border:0!important;min-height:0!important;padding:6px 8px!important}.cinema[data-mode=photo] .cinema-frame img{height:auto;width:100%;object-fit:contain;opacity:.8}.cinema[data-mode=photo] .cinema-frame:before,.cinema[data-mode=photo] .cinema-frame:after{width:3px;left:0;opacity:.5}.cinema[data-mode=photo] .cinema-frame:after{left:auto;right:0}.cinema[data-mode=film] .cinema-reel{position:relative;padding:18px 22px;max-height:480px;transform:rotate(5deg);border:1px solid #888d7e;background:#171d20;border-radius:42% 9% 33% 12% / 6% 20% 10% 25%}.cinema[data-mode=film] .cinema-frame{transform:none!important;padding:9px 13px!important;min-height:0!important;background:none!important;border:0!important}.cinema-frame video{width:100%;aspect-ratio:16/9;object-fit:contain;display:block;background:#05080b;pointer-events:none}.cinema[data-mode=film] .cinema-frame:nth-child(2){translate:7px 0}.cinema[data-mode=film] .cinema-frame:nth-child(3){translate:2px 0}.cinema-frame[aria-current=true]{outline-color:#a8b7bf}.cinema[data-mode=photo] .cinema-frame[aria-current=true] img{opacity:1}
@media(max-width:700px){.cinema{padding:28px 22px 36px}.cinema-heading h2{font-size:25px}.cinema-heading p{font-size:16px;margin-bottom:18px}.cinema-layout{grid-template-columns:1fr;gap:16px}.cinema[data-mode=photo] .cinema-screen{height:55vh;max-height:520px}.cinema[data-mode=photo] .cinema-image{width:min(100%,calc(min(55vh,520px) * var(--photo-ratio)))}.cinema[data-mode=photo] .cinema-reel,.cinema[data-mode=film] .cinema-reel{display:flex;width:100%;max-height:none;margin:0;transform:none;padding:8px;overflow-x:auto;border-radius:0}.cinema[data-mode=photo] .cinema-frame{flex:0 0 auto!important;width:auto!important}.cinema[data-mode=photo] .cinema-frame img{height:125px;width:auto;max-width:none}.cinema[data-mode=film] .cinema-frame{flex:0 0 180px;translate:0!important}.cinema-screen{height:auto;max-height:none}.cinema-tools{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cinema-image{transition:none!important}}
.cinema[data-mode=film] .cinema-reel{border:0;border-radius:0;transform:none;background:none;padding:8px 14px;max-height:540px}
.cinema[data-mode=film] .cinema-frame{outline:0!important;translate:0!important}
.cinema[data-mode=film] .cinema-reel.is-curved{height:540px;max-height:65vh;overflow:visible;padding:0;position:relative}
.curved-film{display:block;width:100%;height:100%;filter:drop-shadow(5px 9px 8px #0005)}
.is-curved>.cinema-frame{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;overflow:hidden;clip-path:inset(50%);padding:0!important}
.is-curved>.cinema-frame:focus-visible{position:relative!important;clip-path:none;width:100%!important;height:auto!important;z-index:3;background:#121d28!important}
@media(max-width:700px){.curved-film{display:none}.cinema[data-mode=film] .cinema-reel{max-height:none}}
/* Independent archival negatives: real media, flat borders, no curved canvas. */
.cinema[data-mode] .cinema-reel{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;height:auto;max-height:65vh;margin:0;padding:20px 22px 24px;overflow:auto;transform:none;background:none;border:0;border-radius:0;scrollbar-width:thin}
.cinema[data-mode] .cinema-frame{--tilt:-3deg;--shift:-8px;flex:none;position:relative;width:max-content;max-width:calc(100% - 20px);min-height:0!important;margin:0;padding:12px 20px!important;background:#0b1412!important;border:1px solid #e9e5cc45!important;border-radius:0;outline:0!important;box-shadow:none;translate:none!important;transform:translateX(var(--shift)) rotate(var(--tilt))!important;transition:transform 200ms ease,border-color 200ms ease;isolation:isolate}
.cinema[data-mode] .cinema-frame:nth-child(2n){--tilt:4deg;--shift:8px}.cinema[data-mode] .cinema-frame:nth-child(3n){--tilt:-2deg;--shift:-12px}
.cinema[data-mode] .cinema-frame:before,.cinema[data-mode] .cinema-frame:after{content:'';position:absolute;top:12px;bottom:12px;left:6px;width:6px;opacity:1;background:repeating-linear-gradient(to bottom,#dedbc3 0 9px,transparent 9px 20px);pointer-events:none}
.cinema[data-mode] .cinema-frame:after{left:auto;right:6px}
.cinema[data-mode] .cinema-frame img,.cinema[data-mode] .cinema-frame video{display:block;width:auto;height:auto;max-width:100%;max-height:200px;object-fit:contain;aspect-ratio:auto;opacity:1;filter:none;border:0;pointer-events:none}
.cinema[data-mode] .cinema-frame[aria-current=true]{border-color:#e9e5cca6!important}
.cinema[data-mode] .cinema-frame:hover{transform:translate(var(--shift),-3px) rotate(var(--tilt))!important;z-index:2}
.cinema[data-mode] .cinema-frame:focus-visible{outline:2px solid #c2d4df!important;outline-offset:4px}
@media(max-width:700px){.cinema[data-mode] .cinema-reel{flex-direction:row;align-items:center;gap:16px;max-height:none;padding:12px 10px 20px;overflow-x:auto}.cinema[data-mode] .cinema-frame{--tilt:-1deg;--shift:0px;flex:0 0 auto!important;width:max-content!important;max-width:90%;margin:0}.cinema[data-mode] .cinema-frame:nth-child(2n){--tilt:1deg;--shift:0px}.cinema[data-mode] .cinema-frame:nth-child(3n){--tilt:0deg;--shift:0px}.cinema[data-mode] .cinema-frame img,.cinema[data-mode] .cinema-frame video{height:145px;width:auto;max-width:100%;max-height:145px}}
@media(prefers-reduced-motion:reduce){.cinema[data-mode] .cinema-frame{transition:none}.cinema[data-mode] .cinema-frame:hover{transform:translateX(var(--shift)) rotate(var(--tilt))!important}}