:root{--color-bg: #100f0e;--color-cream-50: #fbfbf9;--color-cream-100: #eae8e3;--color-gold-400: #fec70b;--color-off-black-400: #202122;--color-secondary: #333333;--color-muted: #9b9da3;--color-nav: rgba(47, 48, 50, .85);--font-display: "Sora", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", "Avenir Next", "Segoe UI", sans-serif;--font-mono: "Berkeley Mono", ui-monospace, monospace;--header-height: 64px;--section-pad: clamp(3rem, 6vw, 5.5rem);--content-max: 1100px;--radius: 2px;--ease: cubic-bezier(.22, 1, .36, 1)}@font-face{font-family:Berkeley Mono;src:url(/fonts/BerkeleyMono-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Berkeley Mono;src:url(/fonts/BerkeleyMono-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Berkeley Mono;src:url(/fonts/BerkeleyMono-Oblique.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Berkeley Mono;src:url(/fonts/BerkeleyMono-Bold-Oblique.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-cream-50);font-family:var(--font-display);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.02em;line-height:1.15}h2{font-size:clamp(1.75rem,4vw,2.5rem)}p{margin:0}.eyebrow{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold-400);margin-bottom:.75rem}.section{padding:var(--section-pad) 1.25rem;scroll-margin-top:var(--header-height)}.section__inner{max-width:var(--content-max);margin:0 auto}.section__lede{max-width:36rem;margin-top:.85rem;color:var(--color-cream-100);opacity:.85;font-size:1.05rem}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--header-height);padding:0 1.25rem;background:var(--color-nav);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(251,251,249,.06)}.brand{display:inline-flex;align-items:center;gap:.65rem}.brand__icon{border-radius:6px}.brand__wordmark{font-family:var(--font-mono);font-size:1.15rem;letter-spacing:.02em;text-transform:lowercase}.app-store-link{display:inline-flex;transition:opacity .2s var(--ease)}.app-store-link:hover{opacity:.9}.app-store-link img{height:40px;width:auto}.site-footer{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:3rem 1.25rem 2.5rem;border-top:1px solid rgba(251,251,249,.06);text-align:center}.footer__meta{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;color:var(--color-muted)}.footer__contact{display:inline;padding:0;color:inherit;transition:color .2s var(--ease)}.footer__contact:hover{color:var(--color-cream-50)}.footer__langs{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem .85rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em}.footer__lang{color:var(--color-muted);transition:color .2s var(--ease)}.footer__lang:hover,.footer__lang.is-active{color:var(--color-cream-50)}.footer__lang.is-active{color:var(--color-gold-400)}body.privacy-open{overflow:hidden}.privacy-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1.25rem}.privacy-dialog[hidden]{display:none}.privacy-dialog__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#070605e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .25s var(--ease);cursor:pointer}.privacy-dialog.is-open .privacy-dialog__backdrop{opacity:1}.privacy-dialog__panel{position:relative;z-index:1;width:min(32rem,calc(100vw - 2.5rem));padding:2rem 1.75rem 1.75rem;border:1px solid rgba(251,251,249,.12);border-radius:4px;background:var(--color-off-black-400);color:var(--color-cream-50);box-shadow:0 24px 80px #0000008c;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .25s var(--ease),transform .25s var(--ease)}.privacy-dialog.is-open .privacy-dialog__panel{opacity:1;transform:none}.privacy-dialog__title{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold-400);margin:0 2rem 1rem 0}.privacy-dialog__body{font-size:1rem;line-height:1.55;color:var(--color-cream-100)}.privacy-dialog__close{position:absolute;top:.65rem;right:.65rem;width:36px;height:36px;border-radius:999px;background:#100f0ebf;border:1px solid rgba(251,251,249,.18);color:var(--color-cream-50);font-size:1.35rem;line-height:1;display:grid;place-items:center}.privacy-dialog__close:hover{background:#100f0ef2}@media(prefers-reduced-motion:reduce){.privacy-dialog__backdrop,.privacy-dialog__panel{transition:none}}@media(max-width:520px){.site-header .app-store-link img{height:32px}.brand__wordmark{font-size:1rem}}.hero{position:relative;padding:0}.carousel{position:relative;overflow:hidden;background:#070605;height:calc(100svh - var(--header-height));min-height:560px;max-height:920px}.carousel__viewport{position:absolute;top:0;right:0;bottom:0;left:0}.carousel__track{position:relative;width:100%;height:100%}.carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .8s var(--ease);pointer-events:none}.carousel__slide.is-active{opacity:1;pointer-events:auto;z-index:1}.hero-slide__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-slide__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#100f0e73,#100f0e33 35%,#100f0e8c);pointer-events:none}.hero-slide__stage{position:relative;z-index:2;height:100%;width:100%;max-width:1200px;margin:0 auto;padding:clamp(1.25rem,3vw,2.5rem) clamp(1rem,4vw,3rem) clamp(6.75rem,12vw,8.5rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.85rem,2vw,1.5rem)}.hero-slide__brand{display:inline-flex;align-items:center;gap:.7rem;padding:.45rem .7rem .45rem .45rem;background:#eae8e3eb;border-radius:2px;box-shadow:0 10px 40px #00000040}.hero-slide__wordmark{font-family:var(--font-mono);font-size:clamp(1.15rem,2.4vw,1.55rem);letter-spacing:.02em;color:var(--color-off-black-400);line-height:1;padding-right:.25rem}.logo-mark{position:relative;display:block;width:clamp(34px,5vw,42px);height:clamp(34px,5vw,42px);flex-shrink:0;background:#1a1918;border-radius:3px}.logo-mark__dot{position:absolute;top:50%;left:50%;width:18%;height:18%;border-radius:50%;background:var(--color-gold-400);transform:translate(-50%,-50%)}.logo-mark__bracket{position:absolute;width:22%;height:22%;border-color:var(--color-gold-400);border-style:solid}.logo-mark__bracket--tl{top:14%;left:14%;border-width:2.5px 0 0 2.5px}.logo-mark__bracket--tr{top:14%;right:14%;border-width:2.5px 2.5px 0 0}.logo-mark__bracket--bl{bottom:14%;left:14%;border-width:0 0 2.5px 2.5px}.logo-mark__bracket--br{bottom:14%;right:14%;border-width:0 2.5px 2.5px 0}.hero-slide__copy{margin:0;max-width:25ch;text-align:center;font-family:var(--font-display);font-weight:500;font-size:clamp(1.35rem,3.4vw,2.15rem);line-height:1.25;letter-spacing:-.02em;color:var(--color-cream-50);text-shadow:0 2px 24px rgba(0,0,0,.45)}.hero-slide__copy-line{display:block;margin-top:.35em;font-weight:400;font-size:.78em;opacity:.92}.hero-slide__device-wrap{display:block;line-height:0;min-height:0;flex:1 1 auto;width:fit-content;max-width:100%}.hero-slide__device{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 18px 50px rgba(0,0,0,.45));-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.hero-slide.is-active .hero-slide__brand,.hero-slide.is-active .hero-slide__copy{animation:hero-rise .7s var(--ease) both}.hero-slide.is-active .hero-slide__copy{animation-delay:.08s}.hero-slide.is-active .hero-slide__device{animation:hero-rise-device .7s var(--ease) both;animation-delay:.14s}@keyframes hero-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-rise-device{0%{opacity:0}to{opacity:1}}.hero-slide .hero-slide__stage{display:grid;grid-template-columns:1fr;align-items:center;align-content:center;justify-items:center;gap:clamp(.75rem,2vw,1.25rem)}.hero-slide .hero-slide__copy-block{display:flex;flex-direction:column;align-items:center;gap:clamp(.85rem,2vw,1.35rem);order:-1}.hero-slide .hero-slide__brand{display:none}.hero-slide .hero-slide__device-wrap{flex:0 1 auto;max-width:min(58vw,280px);max-height:min(52vh,520px)}.hero-slide .hero-slide__device{max-width:min(58vw,280px);max-height:min(52vh,520px)}.hero-slide .hero-slide__copy{max-width:18ch}@media(min-width:800px){.hero-slide .hero-slide__stage{grid-template-columns:auto auto;justify-content:center;gap:clamp(1.5rem,4vw,3.5rem);padding-inline:clamp(2rem,6vw,4rem)}.hero-slide .hero-slide__copy-block{align-items:flex-start;order:0}.hero-slide .hero-slide__brand{display:inline-flex}.hero-slide--2 .hero-slide__copy-block,.hero-slide--4 .hero-slide__copy-block{order:-1}.hero-slide .hero-slide__copy{text-align:left;max-width:15ch;font-size:clamp(1.75rem,3vw,2.6rem)}.hero-slide .hero-slide__device-wrap,.hero-slide .hero-slide__device{max-width:min(100%,340px);max-height:min(68vh,620px)}}@media(min-width:1100px){.hero-slide .hero-slide__device-wrap,.hero-slide .hero-slide__device{max-width:min(100%,380px)}}.hero__cta{position:absolute;left:50%;bottom:clamp(1.25rem,4vw,2.25rem);transform:translate(-50%);z-index:5}.hero__cta img{height:clamp(40px,5.5vw,50px);width:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.45))}.carousel__nav{position:absolute;top:50%;z-index:4;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;background:#100f0e73;border:1px solid rgba(251,251,249,.18);font-size:1.75rem;line-height:1;display:grid;place-items:center;transition:background .2s var(--ease)}.carousel__nav:hover{background:#100f0ebf}.carousel__nav--prev{left:.75rem}.carousel__nav--next{right:.75rem}.carousel__dots{position:absolute;left:50%;bottom:calc(clamp(1.25rem,4vw,2.25rem) + 96px);transform:translate(-50%);z-index:5;display:flex;gap:.5rem}.carousel__dot{width:8px;height:8px;border-radius:999px;background:#fbfbf959;transition:background .2s var(--ease),transform .2s var(--ease)}.carousel__dot.is-active{background:var(--color-gold-400);transform:scale(1.2)}@media(max-width:640px){.carousel{min-height:0;max-height:none;height:calc(100svh - var(--header-height))}.hero-slide .hero-slide__stage{gap:1.25rem;padding-bottom:6.25rem}.hero-slide .hero-slide__copy-block{gap:1rem}.carousel__dots{bottom:calc(clamp(1.15rem,4vw,2.25rem) + 66px)}.carousel__nav{width:40px;height:40px;font-size:1.5rem}.carousel__nav--prev{left:.4rem}.carousel__nav--next{right:.4rem}}@media(prefers-reduced-motion:reduce){.carousel__slide{transition:none}.hero-slide.is-active .hero-slide__brand,.hero-slide.is-active .hero-slide__copy,.hero-slide.is-active .hero-slide__device{animation:none}}.processing-section{--processing-chrome: calc(2*clamp(1.5rem, 4vh, var(--section-pad)) + 12.5rem) ;--processing-nav-size: 44px;--processing-nav-gap: .75rem;--processing-nav-column: calc( var(--processing-nav-size) + var(--processing-nav-gap) );max-height:100svh;box-sizing:border-box;padding-block:clamp(1.5rem,4vh,var(--section-pad))}.processing-section .section__inner{max-width:900px}@media(min-width:641px){.processing-section .section__inner{max-width:calc(900px + 2 * var(--processing-nav-column));padding-inline:var(--processing-nav-column)}}.processing-carousel{position:relative;container-type:inline-size;margin-top:1.5rem;width:100%}.processing-carousel__viewport,.processing-carousel__track{position:relative}.processing-carousel__slide{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;opacity:0;transition:opacity .8s var(--ease);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.processing-carousel__slide.is-active{position:relative;opacity:1;pointer-events:auto;z-index:1}.processing-carousel__title{margin:0;font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold-400)}.processing-carousel__detail{margin:0;max-width:40rem;font-size:1rem;line-height:1.45;height:2.9em;color:var(--color-cream-100);opacity:.85}.processing-carousel__media{position:relative;width:min(100%,calc((100svh - var(--processing-chrome)) * 4 / 3));max-height:calc(100svh - var(--processing-chrome));margin-top:.85rem;margin-inline:auto;aspect-ratio:4 / 3;overflow:hidden;border-radius:4px}.processing-carousel__image{width:100%;height:100%;object-fit:contain;object-position:center}.processing-carousel__nav{position:absolute;z-index:4;bottom:calc(1.65rem + min(37.5cqi,(100svh - var(--processing-chrome)) / 2));transform:translateY(50%);width:var(--processing-nav-size);height:var(--processing-nav-size);border-radius:999px;background:#100f0e73;border:1px solid rgba(251,251,249,.18);font-size:1.75rem;line-height:1;display:grid;place-items:center;transition:background .2s var(--ease);color:var(--color-cream-50)}.processing-carousel__nav:hover{background:#100f0ebf}.processing-carousel__nav--prev{left:max(.4rem,calc(50% - min(50%,(100svh - var(--processing-chrome)) * 2 / 3) + .75rem))}.processing-carousel__nav--next{right:max(.4rem,calc(50% - min(50%,(100svh - var(--processing-chrome)) * 2 / 3) + .75rem))}@media(min-width:641px){.processing-carousel__nav--prev{left:calc(-1 * var(--processing-nav-column))}.processing-carousel__nav--next{right:calc(-1 * var(--processing-nav-column))}}.processing-carousel__dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.15rem;position:relative;z-index:2}.processing-carousel__dots .carousel__dot{width:8px;height:8px;border-radius:999px;background:#fbfbf959;transition:background .2s var(--ease),transform .2s var(--ease)}.processing-carousel__dots .carousel__dot.is-active{background:var(--color-gold-400);transform:scale(1.2)}@media(max-width:640px){.processing-section{--processing-nav-size: 40px}.processing-carousel__nav{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.processing-carousel__slide{transition:none}}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 1rem}.pill{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;padding:.55rem .85rem;border-radius:var(--radius);background:var(--color-secondary);color:var(--color-cream-50);border:1px solid transparent;transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}.pill:hover{border-color:#fbfbf933}.pill.is-active{background:var(--color-cream-100);color:var(--color-off-black-400)}.scene-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.75rem}.scene-nav__label{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.scene-nav__buttons{display:flex;gap:.5rem}.icon-btn{width:40px;height:40px;border-radius:var(--radius);background:var(--color-secondary);font-size:1.25rem;display:grid;place-items:center;transition:opacity .15s var(--ease)}.icon-btn:hover{opacity:.85}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.filter-section{--filter-chrome: calc(2*clamp(1.25rem, 3vh, var(--section-pad)) + 11rem) ;--filter-media-max-height: calc( 100svh - var(--header-height) - var(--filter-chrome) );box-sizing:border-box;padding-block:clamp(1.25rem,3vh,var(--section-pad))}.filter-section .section__inner{max-width:min(900px,calc(var(--filter-media-max-height) * 3 / 4))}.filter-section .compare-slider{width:100%;max-width:100%;max-height:var(--filter-media-max-height);margin-inline:0;aspect-ratio:3 / 4}.filter-section .pill-row{flex-wrap:nowrap;gap:.3rem;margin:0 0 .85rem;width:100%;min-width:0}.filter-section .pill{flex:1 1 0;min-width:0;max-width:100%;padding:.45rem .25rem;font-size:clamp(.5rem,3.4cqi,.72rem);letter-spacing:.01em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-section .scene-nav{margin-top:1rem}.filter-compare{margin-top:2rem}.filter-compare__panes{display:grid;grid-template-columns:1fr;gap:1.5rem}.filter-compare__pane{display:flex;flex-direction:column;min-width:0;container-type:inline-size}.filter-compare__pane--secondary{display:none}@media(min-width:960px){.filter-section .section__inner{max-width:min(var(--content-max),calc(var(--filter-media-max-height) * 1.5 + 2.75rem))}.filter-compare.is-dual .filter-compare__panes{grid-template-columns:1fr 1fr;column-gap:2.75rem}.filter-compare.is-dual .filter-compare__pane--secondary{display:flex}}.compare-slider{position:relative;width:100%;max-width:900px;margin:0 auto;aspect-ratio:3 / 4;overflow:hidden;border-radius:4px;background:#070605;touch-action:none;-webkit-user-select:none;user-select:none;cursor:ew-resize}.compare-slider__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.compare-slider__after{clip-path:inset(0 0 0 50%)}.compare-slider__handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--color-cream-50);transform:translate(-50%);z-index:3;pointer-events:none}.compare-slider__handle:before{content:"";position:absolute;top:50%;left:50%;width:36px;height:36px;border-radius:999px;border:2px solid var(--color-cream-50);background:#100f0ea6;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059}.compare-slider__handle:after{content:"‹ ›";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;letter-spacing:.05em;color:var(--color-gold-400);font-family:var(--font-mono)}.compare-slider__label{position:absolute;top:.75rem;z-index:4;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .55rem;background:#100f0eb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.compare-slider__label--before{left:.75rem}.compare-slider__label--after{right:.75rem;color:var(--color-gold-400)}.film-grid{display:grid;gap:2rem;margin-top:2rem}.film-pair{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.film-pair__cell{display:flex;flex-direction:column;gap:.5rem}.film-pair__thumb{display:block;width:100%;padding:0;border:none;border-radius:4px;background:#070605;cursor:zoom-in;overflow:hidden;transition:opacity .2s var(--ease)}.film-pair__thumb:hover{opacity:.92}.film-pair__thumb:focus-visible{outline:2px solid var(--color-gold-400);outline-offset:3px}.film-pair__thumb img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:4px;background:#070605}.film-pair__caption{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.film-pair__caption strong{color:var(--color-cream-50);font-weight:700}.film-pair__title{grid-column:1 / -1;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold-400);margin-bottom:.25rem}@media(max-width:700px){.film-pair{grid-template-columns:1fr}}@media(min-width:900px){.film-grid{grid-template-columns:1fr 1fr}}body.lightbox-open{overflow:hidden}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1.25rem}.lightbox[hidden]{display:none}.lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#070605e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .25s var(--ease);cursor:pointer}.lightbox.is-open .lightbox__backdrop{opacity:1}.lightbox__panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.85rem;max-width:min(96vw,1400px);max-height:92vh;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .25s var(--ease),transform .25s var(--ease)}.lightbox.is-open .lightbox__panel{opacity:1;transform:none}.lightbox__image{display:block;width:auto;height:auto;max-width:min(96vw,1400px);max-height:calc(92vh - 3rem);object-fit:contain;border-radius:2px;box-shadow:0 24px 80px #0000008c}.lightbox__caption{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-cream-100);text-align:center;margin:0}.lightbox__close{position:fixed;top:1rem;right:1rem;z-index:2;width:44px;height:44px;border-radius:999px;background:#100f0ebf;border:1px solid rgba(251,251,249,.18);color:var(--color-cream-50);font-size:1.5rem;line-height:1;display:grid;place-items:center}.lightbox__close:hover{background:#100f0ef2}@media(prefers-reduced-motion:reduce){.lightbox__backdrop,.lightbox__panel{transition:none}}