.film-dialog{--film-ink:#f3eee4;--film-gold:#c9ac78;z-index:2000;color:var(--film-ink);isolation:isolate;background:#090a0b;outline:none;flex-direction:column;height:100dvh;font-family:Arial,sans-serif;display:flex;position:fixed;inset:0}.film-dialog *{box-sizing:border-box}.film-dialog button,.film-dialog a{color:inherit;border-radius:0;text-decoration:none}.film-dialog button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px;font:12px Arial,sans-serif;display:inline-flex}.film-dialog button:hover{background:#ffffff0d}.film-dialog button:disabled{opacity:.25;cursor:default}:is(.film-dialog button:focus-visible,.film-dialog a:focus-visible,.film-dialog input:focus-visible){outline:2px solid var(--film-gold);outline-offset:3px}.film-top{z-index:3;background:#0d0e0f;border-bottom:1px solid #ffffff12;flex:none;justify-content:space-between;align-items:center;gap:20px;height:86px;padding:12px 4%;display:flex}.film-brand{align-items:center;gap:22px;min-width:0;display:flex}.film-brand>span{letter-spacing:-5px;color:var(--film-gold);padding-right:5px;font:36px Georgia}.film-brand>div{min-width:0}.film-brand small{letter-spacing:2px;color:#aba79c;font:9px monospace}.film-brand h2{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;max-width:45vw;margin:7px 0 0;font:18px Georgia;overflow:hidden}.film-top-actions,.film-mode{align-items:center;gap:8px;display:flex}.film-mode{border:1px solid #ffffff1a;padding:2px}.film-mode button{gap:8px;min-height:38px;padding:9px 15px}.film-mode button[aria-pressed=true]{color:#11100d;background:#c9ac78}.film-dialog .film-close{border:1px solid #ffffff20;margin-left:12px}.film-scroll,.film-grid-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#665d4c #0b0c0d;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:1;min-height:0;position:relative;overflow-y:auto}.film-track{position:relative}.film-stage{perspective:1100px;background:radial-gradient(#2a241c55,#0000 65%);position:sticky;top:0;overflow:hidden}.film-world{transform-style:preserve-3d;position:absolute;inset:0}.film-frame{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#171613;flex-direction:column;width:min(1020px,90%);height:80%;padding:12px 30px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 65px #0009}.film-perforations{opacity:.65;background:repeating-linear-gradient(#686354 0 15px,#0000 15px 33px);border-radius:3px;width:12px;position:absolute;top:10px;bottom:10px}.film-left{left:8px}.film-right{right:8px}.film-frame-label{color:#c2a56e;letter-spacing:2px;flex:none;justify-content:space-between;align-items:center;gap:12px;height:24px;font:10px monospace;display:flex}.film-frame-bottom{padding-top:6px;font-size:9px}.film-exposure{background:#090a0a;flex:1;min-height:0;position:relative;overflow:hidden}.film-exposure img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.film-emulsion{pointer-events:none;opacity:var(--reveal,0);background:linear-gradient(105deg,#6e2f1680,#0b0b0b80 50%,#b7873860);position:absolute;inset:0;box-shadow:inset 0 0 100px #0006}.film-vignette{pointer-events:none;background:linear-gradient(#090a0b,#0000 10% 88%,#090a0b);position:absolute;inset:0}.film-scroll-hint{pointer-events:none;text-align:center;color:#b7afa0;letter-spacing:2px;text-transform:uppercase;font:10px monospace;position:absolute;bottom:2%;left:0;right:0}.film-bottom{width:100%;padding:14px 4% max(14px,env(safe-area-inset-bottom));z-index:3;background:#0d0e0f;border-top:1px solid #ffffff14;flex:none;display:block;margin:0!important}.film-caption{align-items:center;gap:24px;min-height:24px;font-size:11px;display:flex}.film-caption>span:first-child{color:var(--film-gold);white-space:nowrap;font-family:monospace}.film-caption i{color:#77766f;font-style:normal}.film-caption>span:nth-child(2){color:#aaa59c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.film-caption a{white-space:nowrap;align-items:center;gap:8px;min-height:32px;margin-left:auto;display:flex}.film-transport{align-items:center;gap:16px;display:flex}.film-dialog .film-transport input{width:100%;accent-color:var(--film-gold);cursor:pointer;background:0 0;border:0;height:30px;margin:0;padding:0}.film-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:32px 4%;display:grid}.film-dialog .film-grid button{background:#151514;min-height:80px;padding:0;display:block;position:relative}.film-grid img{object-fit:contain;width:100%;height:250px;display:block}.film-grid button>span{color:#d9c4a2;background:#000a;padding:6px;font:11px monospace;position:absolute;bottom:10px;right:10px}@media (max-width:700px){.film-top{gap:10px;height:76px;padding:10px 16px}.film-brand{gap:12px}.film-brand>span{font-size:30px}.film-brand small{letter-spacing:1px;font-size:8px}.film-brand h2{max-width:38vw;font-size:15px}.film-mode button{min-width:36px;padding:8px}.film-mode button>span{display:none}.film-dialog .film-close{min-width:40px;margin-left:0}.film-top-actions{gap:5px}.film-frame{width:94%;height:81%;padding:10px 21px}.film-perforations{background-size:auto 29px;width:8px}.film-left{left:6px}.film-right{right:6px}.film-frame-label{letter-spacing:1.2px;height:22px;font-size:9px}.film-frame-bottom{font-size:8px}.film-scroll-hint{font-size:9px;bottom:2.5%}.film-bottom{padding:9px 16px max(8px,env(safe-area-inset-bottom))}.film-caption{gap:13px;font-size:10px}.film-caption a>span{display:none}.film-transport{gap:8px}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.film-grid img{height:210px}}@media (prefers-reduced-motion:reduce){.film-dialog *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.film-exposure .film-preview-image,.film-exposure .film-full-image{position:absolute;inset:0}.film-exposure .film-full-image{transition:opacity .2s}