:root{--black: #080807;--near-black: #0f0e0c;--surface: #141310;--surface-2: #1c1a17;--amber: #c8912a;--amber-dim: #8a6218;--amber-glow: rgba(200,145,42,.08);--cream: #f0e8d8;--cream-dim: #a09080;--border: rgba(200,145,42,.15);--border-subtle: rgba(240,232,216,.06);--kodak-red: #C45E4A;--mono: "DM Mono", monospace;--serif: "Cormorant Garamond", Georgia, serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--cream);font-family:var(--serif);overflow-x:hidden;cursor:crosshair}nav{position:fixed;top:0;left:0;right:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:100;border-bottom:1px solid var(--border-subtle);background:#080807d9;backdrop-filter:blur(12px)}.nav-logo{font-family:var(--mono);font-size:13px;font-weight:300;letter-spacing:.15em;color:var(--amber);text-decoration:none;text-transform:uppercase}.nav-section{font-family:var(--mono);font-size:12px;font-weight:300;letter-spacing:.12em;color:var(--cream-dim);text-transform:uppercase}.progress-bar{position:fixed;top:56px;left:0;height:2px;background:var(--amber);z-index:100;width:0%;transition:width .1s linear}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.hero-gate{width:0;height:0;border:1px solid var(--amber-dim);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;overflow:hidden;position:relative;padding:0 40px}.hero-gate-inner{text-align:center;opacity:0;transform:scale(.9)}.hero-brand{font-family:var(--serif);font-size:clamp(56px,12vw,120px);font-weight:300;color:var(--cream);letter-spacing:.04em;line-height:1;margin-bottom:20px}.hero-brand small{display:block;font-size:.38em;font-weight:400;letter-spacing:.35em;text-transform:uppercase;color:var(--cream);opacity:.65;font-family:var(--mono);margin:10px 0}.hero-brand em{font-style:italic;color:var(--amber)}.hero-brand[data-lang=zh]{font-size:clamp(64px,14vw,150px)}.hero-brand[data-lang=zh] small{font-family:var(--serif);font-size:.65em;letter-spacing:.12em;text-transform:none;opacity:.85;margin-top:12px}.hero-tagline{font-family:var(--mono);font-size:clamp(12px,1.2vw,15px);font-weight:300;letter-spacing:.25em;color:var(--amber-dim);text-transform:uppercase;margin-top:4px}.hero-subtitle{font-family:var(--serif);font-size:clamp(18px,2.2vw,24px);font-weight:300;font-style:italic;color:var(--cream-dim);max-width:560px;line-height:1.7;text-align:center;margin-top:40px;opacity:0}.hero-scroll-hint{position:absolute;bottom:40px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--amber-dim);text-transform:uppercase;opacity:0;display:flex;flex-direction:column;align-items:center;gap:8px}.scroll-line{width:1px;height:32px;background:linear-gradient(to bottom,var(--amber-dim),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.3)}}.section{min-height:100vh;padding:80px;position:relative;display:flex;flex-direction:column;justify-content:center}.section-label{font-family:var(--mono);font-size:11px;font-weight:300;letter-spacing:.3em;color:var(--amber);text-transform:uppercase;margin-bottom:32px;display:flex;align-items:center;gap:16px}.section-label:after{content:"";flex:1;height:1px;background:var(--border-subtle);max-width:120px}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:0 80px}.what-is{background:var(--black)}.what-is-content{max-width:1100px;display:flex;gap:60px;align-items:flex-start}.what-is-left{flex:0 0 320px;position:sticky;top:50vh;transform:translateY(-50%)}.big-question{font-size:clamp(40px,6vw,72px);font-weight:300;line-height:1.15;margin-bottom:24px;opacity:0;transform:translateY(30px)}.big-question em{font-style:italic;color:var(--amber)}.answer-text{font-size:clamp(16px,1.8vw,19px);font-weight:300;line-height:1.8;color:var(--cream-dim);max-width:720px}.answer-para{opacity:0;transform:translateY(20px);margin:0 0 1em}.answer-para:last-child{margin-bottom:0}.answer-text strong{color:var(--cream);font-weight:400}.scale-section{min-height:900vh;padding:0;position:relative}.scale-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--near-black)}.scale-label{position:absolute;top:80px;left:60px;font-family:var(--mono);font-size:11px;font-weight:300;letter-spacing:.3em;color:var(--amber);text-transform:uppercase;z-index:10}.scale-frame{position:absolute;border:1px solid var(--cream-dim);background:#c8912a04;transition:width .7s cubic-bezier(.4,0,.2,1),height .7s cubic-bezier(.4,0,.2,1),border-color .5s ease,box-shadow .5s ease,background .5s ease;display:flex;align-items:center;justify-content:center}.scale-frame.active{border-color:var(--amber);background:#c8912a08;box-shadow:0 0 40px #c8912a0d}.scale-frame.final{border-color:var(--amber);border-width:2px;background:linear-gradient(135deg,#c8912a0a,#c8912a03);box-shadow:0 0 80px #c8912a14,0 0 160px #c8912a0a}.scale-sticky.final-mode .scale-multiplier{inset:auto auto 100px 60px!important;transform:none!important}.scale-sticky.final-mode .scale-multi-num{font-size:96px}.scale-sticky.final-mode .scale-info{top:auto!important;right:40px!important;bottom:100px!important;transform:none!important;max-width:300px;background:#080807bf;padding:20px;border:1px solid var(--border);backdrop-filter:blur(8px)}.scale-sticky.final-mode .scale-format-size{font-size:40px}.scale-sticky.final-mode .scale-final-text{bottom:auto;top:50%;transform:translate(-50%,-50%)}.scale-sticky.final-mode .scale-final-text p{font-size:clamp(24px,3vw,40px);text-shadow:0 2px 20px rgba(8,8,7,.8)}.scale-sticky.final-mode .scale-step-counter{display:none}.scale-ghost{position:absolute;border:1px solid rgba(240,232,216,.08);pointer-events:none;opacity:0;transition:opacity .4s ease}.scale-ghost.visible{opacity:1}.scale-ghost-label{position:absolute;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:#f0e8d833;text-transform:uppercase;white-space:nowrap;top:-16px;left:0}.scale-dot-nav{position:fixed;right:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:100;opacity:0;transition:opacity .4s ease}.scale-dot-nav.visible{opacity:1}.scale-dot-nav .dot-item{display:flex;align-items:center;justify-content:flex-end;gap:10px;cursor:pointer;position:relative}.scale-dot-nav .dot-label{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#f0e8d800;white-space:nowrap;transition:color .3s ease,opacity .3s ease;pointer-events:none}.scale-dot-nav .dot-circle{width:8px;height:8px;border-radius:50%;background:#f0e8d840;border:1px solid rgba(240,232,216,.15);transition:all .3s ease;flex-shrink:0}.scale-dot-nav .dot-item:hover .dot-label{color:#f0e8d880}.scale-dot-nav .dot-item:hover .dot-circle{background:#c8912a4d;border-color:#c8912a80;transform:scale(1.3)}.scale-dot-nav .dot-item.active .dot-label{color:var(--amber)}.scale-dot-nav .dot-item.active .dot-circle{background:var(--amber);border-color:var(--amber);box-shadow:0 0 8px #c8912a66;transform:scale(1.3)}.scale-dot-nav .dot-item.is-final .dot-circle{width:10px;height:10px}.scale-info{position:absolute;right:60px;top:50%;transform:translateY(-50%);max-width:320px;opacity:0;transition:opacity .35s ease;z-index:10}.scale-info.visible{opacity:1}.scale-info.fading{opacity:0}.scale-format-name{font-family:var(--mono);font-size:13px;font-weight:400;letter-spacing:.2em;color:var(--amber);text-transform:uppercase;margin-bottom:12px}.scale-format-size{font-family:var(--mono);font-size:48px;font-weight:300;color:var(--cream);line-height:1;margin-bottom:4px}.scale-format-dims{font-family:var(--mono);font-size:12px;color:var(--cream-dim);letter-spacing:.08em;margin-bottom:16px}.scale-format-desc{font-family:var(--serif);font-size:17px;font-weight:300;font-style:italic;color:var(--cream-dim);line-height:1.7}.scale-format-desc strong{color:var(--cream);font-weight:400}.scale-format-type{font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:4px;padding:3px 8px;display:inline-block;border-radius:2px}.type-digital{color:#5a8ec8;background:#5a8ec81a;border:1px solid rgba(90,142,200,.2)}.type-film{color:var(--amber);background:#c8912a1a;border:1px solid rgba(200,145,42,.15)}.scale-step-counter{position:absolute;bottom:40px;left:60px;font-family:var(--mono);font-size:12px;color:var(--cream-dim);letter-spacing:.1em;z-index:10}.scale-step-counter .current{color:var(--amber);font-size:16px}.scale-multiplier{position:absolute;left:60px;top:50%;transform:translateY(-50%);z-index:10;opacity:0;transition:opacity .4s ease}.scale-multiplier.visible{opacity:1}.scale-multiplier.fading{opacity:0}.scale-multi-num{font-family:var(--mono);font-size:72px;font-weight:300;color:var(--amber);line-height:1}.scale-multi-label{font-family:var(--mono);font-size:11px;letter-spacing:.15em;color:var(--amber-dim);text-transform:uppercase}.scale-final-text{position:absolute;bottom:80px;left:50%;transform:translate(-50%);text-align:center;opacity:0;z-index:10;transition:opacity .4s ease}.scale-final-text.visible{opacity:1}.scale-final-text p{font-family:var(--serif);font-size:clamp(20px,2.5vw,30px);font-weight:300;font-style:italic;color:var(--cream);max-width:600px;line-height:1.6}.scale-final-text strong{color:var(--amber);font-weight:600;font-style:normal}.aspect-section{min-height:200vh;padding:0;position:relative}.aspect-sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:var(--black)}.aspect-frame{background:linear-gradient(135deg,#1a1510,#0d0a07,#141008);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;transition:all .4s ease}.aspect-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 40% 40%,rgba(200,145,42,.06) 0%,transparent 70%);transition:background .6s ease}.aspect-frame:after{content:"";position:absolute;inset:0;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-size:128px 128px;pointer-events:none;z-index:1}.aspect-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;opacity:0;transition:all .6s ease}@keyframes screenBreathe{0%,to{box-shadow:0 0 40px #c8912a26,0 0 100px #c8912a0f,inset 0 0 60px #c8912a08}50%{box-shadow:0 0 60px #c8912a38,0 0 140px #c8912a1a,inset 0 0 80px #c8912a0d}}.aspect-label-container{position:absolute;bottom:-40px;display:flex;align-items:center;gap:24px}.aspect-ratio-label{font-family:var(--mono);font-size:20px;font-weight:300;color:var(--amber);letter-spacing:.05em}.aspect-name{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--cream-dim);text-transform:uppercase}.aspect-inner-text{font-family:var(--serif);font-size:clamp(20px,3vw,34px);font-weight:300;font-style:italic;color:var(--cream-dim);text-align:center;padding:40px;position:relative;z-index:1;max-width:600px;line-height:1.6}.aspect-inner-text strong{color:var(--amber);font-weight:400;font-style:normal}.scale-human-container{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0}.scale-human-container.visible{opacity:1}.scale-human-figure{position:absolute;bottom:4px;left:58%;transform:translate(-50%) translateY(10px);display:flex;flex-direction:column;align-items:center;opacity:0}.scale-human-svg{display:block}.scale-dim-person{position:absolute;bottom:0;left:calc(50% + 24px);display:flex;flex-direction:column;align-items:center}.scale-dim-person .dim-line{width:1px;background:#c8912a4d;position:relative}.scale-dim-person .dim-label{font-family:var(--mono);font-size:11px;color:var(--amber);letter-spacing:.1em;white-space:nowrap;position:absolute;left:8px;top:50%;transform:translateY(-50%)}.scale-dim-screen{position:absolute;top:10px;bottom:10px;right:50px;display:flex;flex-direction:column;align-items:center;opacity:0}.scale-dim-screen .dim-line{width:1px;height:100%;background:#c8912a33;position:relative}.scale-dim-screen .dim-label{font-family:var(--mono);font-size:13px;color:var(--amber);letter-spacing:.1em;white-space:nowrap;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.scale-dim-screen .dim-tick-top,.scale-dim-screen .dim-tick-bottom{width:8px;height:1px;background:#c8912a4d}.scale-screen-note{position:absolute;bottom:8px;left:20px;font-family:var(--mono);font-size:10px;color:var(--cream-dim);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;opacity:0}.speed-section{background:var(--near-black);align-items:center;text-align:center;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.speed-counter{font-family:var(--mono);font-size:clamp(64px,12vw,160px);font-weight:300;color:var(--cream);line-height:1;margin:24px 0;letter-spacing:-.02em}.speed-counter .unit{font-size:.35em;color:var(--amber-dim);letter-spacing:.1em;vertical-align:baseline;margin-left:8px}.speed-label{font-family:var(--mono);font-size:12px;letter-spacing:.25em;color:var(--amber);text-transform:uppercase;margin-bottom:16px}.speed-context{font-family:var(--serif);font-size:20px;font-weight:300;font-style:italic;color:var(--cream-dim);max-width:520px;line-height:1.7;margin-top:32px}.speed-context strong{color:var(--amber);font-weight:400}.projector-section{align-items:center;text-align:center}.projector-vis{width:100%;max-width:700px;position:relative;margin:48px 0}.film-strip-anim{width:100%;height:120px;position:relative;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}.film-strip-track{display:flex;position:absolute;top:0;left:0;height:100%;animation:filmScroll 8s linear infinite}.film-cell{width:170px;height:100%;border-right:1px solid var(--border);position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.perf-row{position:absolute;left:0;right:0;display:flex;justify-content:space-evenly;padding:0 8px}.perf-row.top{top:6px}.perf-row.bottom{bottom:6px}.perf{width:10px;height:6px;background:var(--black);border:1px solid rgba(200,145,42,.2);border-radius:1px}.cell-content{width:calc(100% - 24px);height:calc(100% - 36px);background:linear-gradient(135deg,#c8912a0a,#c8912a03);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center}.cell-number{font-family:var(--mono);font-size:20px;font-weight:300;color:#c8912a26}@keyframes filmScroll{0%{transform:translate(0)}to{transform:translate(-1020px)}}.projector-text{font-family:var(--serif);font-size:clamp(22px,3vw,34px);font-weight:300;font-style:italic;color:var(--cream);max-width:640px;line-height:1.65;margin-top:48px}.projector-text strong{color:var(--amber);font-weight:600;font-style:normal}.resolution-section{background:var(--near-black);border-top:1px solid var(--border-subtle)}.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-subtle);border:1px solid var(--border-subtle);max-width:900px;width:100%}.res-card{background:var(--surface);padding:40px 32px;display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateY(20px)}.res-card.highlight{background:var(--surface-2);border:1px solid var(--amber-dim);margin:-1px}.res-format{font-family:var(--mono);font-size:13px;letter-spacing:.15em;color:var(--amber);text-transform:uppercase}.res-value{font-family:var(--mono);font-size:40px;font-weight:300;color:var(--cream);line-height:1}.res-unit{font-family:var(--mono);font-size:14px;color:var(--cream-dim);letter-spacing:.1em}.res-detail{font-family:var(--mono);font-size:13px;color:var(--cream-dim);line-height:1.7}.res-card.highlight .res-value{color:var(--amber)}.manifesto{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 80px;position:relative}.manifesto:before{content:"15";position:absolute;font-family:var(--mono);font-size:clamp(200px,30vw,400px);font-weight:300;color:#c8912a08;right:-20px;top:50%;transform:translateY(-50%);line-height:1;pointer-events:none}.manifesto-text{max-width:640px;font-size:clamp(22px,3vw,36px);font-weight:300;line-height:1.65;font-style:italic;color:var(--cream);opacity:0}.manifesto-text strong{font-style:normal;font-weight:600;color:var(--amber)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--amber-dim)}@media(max-width:768px){.section{padding:60px 20px}nav{padding:0 16px}.section-divider{margin:0 20px}.section-label{font-size:9px;margin-bottom:32px;letter-spacing:.2em}.speed-label{font-size:10px;margin-bottom:24px}.hero{padding:100px 20px 60px}.hero-subtitle{font-size:16px;padding:0 8px;line-height:1.7}.what-is{padding:80px 20px}.what-is-content{flex-direction:column;gap:24px}.what-is-left{flex:none;position:static;transform:none}.question-text{font-size:clamp(24px,7vw,36px)}.answer-text{font-size:16px;padding:0}.scale-section{min-height:750vh}.scale-dot-nav{display:none}.scale-label{left:20px;top:80px;font-size:9px;margin-bottom:12px}.scale-screen-note{font-size:8px!important;white-space:nowrap!important;bottom:6px!important;left:10px!important;letter-spacing:.08em!important;opacity:.5!important}.scale-dim-screen{right:12px!important}.scale-dim-screen .dim-label{font-size:10px!important;right:8px!important}.scale-human-figure{left:72%!important}.scale-multiplier{left:20px!important;top:110px!important;bottom:auto!important;transform:none!important}.scale-multi-num{font-size:36px}.scale-multi-label{font-size:8px}.scale-ghost-label{display:none}.scale-info{inset:auto auto 64px 20px!important;transform:none!important;max-width:calc(100vw - 40px)!important;background:#080807cc!important;padding:16px!important;border:1px solid var(--border)!important;backdrop-filter:blur(8px)!important}.scale-format-name{font-size:10px;margin-bottom:6px}.scale-format-size{font-size:24px!important}.scale-format-dims{font-size:9px;margin-bottom:10px}.scale-format-desc{font-size:13px;line-height:1.6}.scale-step-counter{left:20px;bottom:20px}.scale-sticky.final-mode .scale-multiplier{left:20px!important;bottom:auto!important;top:110px!important}.scale-sticky.final-mode .scale-multi-num{font-size:48px}.scale-sticky.final-mode .scale-info{left:20px!important;right:20px!important;bottom:64px!important;max-width:calc(100vw - 40px)!important}.scale-sticky.final-mode .scale-final-text{top:40%!important;transform:translate(-50%,-50%)!important}.scale-sticky.final-mode .scale-final-text p{font-size:18px;max-width:300px}.aspect-text{font-size:16px;padding:0 12px;max-width:100%}.speed-number{font-size:clamp(60px,18vw,120px)}.speed-unit{font-size:16px}.speed-context{font-size:15px}.projector-text{font-size:18px}.res-grid{grid-template-columns:1fr}.res-card{padding:28px 20px}.res-value{font-size:32px}.manifesto{padding:80px 20px}.manifesto-text{font-size:clamp(18px,5vw,28px)}.manifesto:before{font-size:180px;opacity:.02}}