html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--panel:#141415;--card:#ffffff0d;--seg:#0006;--ink:#f2f0ec;--ink-2:#9a978f;--hair:#ffffff1a;--pad:clamp(20px, 5vw, 72px);--edge:clamp(14px, 1.8vw, 28px);--max:1360px;--bar-h:60px;--chrome:190px;--ease:cubic-bezier(.23, 1, .32, 1);--font:"Mona Sans", ui-sans-serif, system-ui, sans-serif;--display:"Instrument Serif", ui-serif, Georgia, serif;--tint-font-display:var(--display)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--panel:#f4f4f5;--card:#fff;--seg:#0000000f;--ink:#0a0a0a;--ink-2:#5e5d59;--hair:#0000001a}*{box-sizing:border-box}html{background:var(--bg);scroll-padding-top:var(--bar-h);-webkit-text-size-adjust:100%}body{color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;font-weight:420;line-height:1.55;overflow-x:clip}::selection{background:var(--ink);color:var(--bg)}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:is(a,button):focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid}kbd{background:var(--seg);min-width:1.7em;font:inherit;text-align:center;border-radius:6px;padding:.05em .45em;font-size:.86em;display:inline-block}svg{flex:none}.skip{z-index:40;color:#000;background:#fff;border-radius:999px;padding:10px 16px;font-weight:600;text-decoration:none;position:fixed;top:12px;left:12px;translate:0 -200%}.skip:focus{translate:0}main,.foot{width:min(100%, var(--max));padding-inline:var(--pad);margin-inline:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.bar{z-index:30;height:var(--bar-h);padding:0 var(--edge);color:var(--ink);justify-content:space-between;align-items:center;gap:24px;transition:background-color .3s,color .3s,box-shadow .3s;display:flex;position:fixed;inset:0 0 auto}.bar[data-solid]{background:color-mix(in oklab, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);box-shadow:0 1px 0 var(--hair);color:var(--ink)}.bar a{text-decoration:none}.bar-mark{align-items:center;gap:10px;line-height:1;display:inline-flex}.bar-word{font-family:"Pinyon Script", var(--display);padding:4px 4px 0 2px;font-size:34px;font-weight:400;line-height:1}.bar-reel{width:22px;height:22px;box-shadow:0 0 0 1px var(--hair);border-radius:50%}@keyframes bar-turn{to{rotate:1turn}}:root[data-room=down] .bar-reel{animation:10s linear infinite bar-turn}@media (prefers-reduced-motion:reduce){:root[data-room=down] .bar-reel{animation:none}}.tint-intro .tint-logline{display:none}.bar-links{gap:clamp(14px,2.2vw,30px);margin-left:auto;font-size:14px;font-weight:520;display:flex}.bar .lights{--lights-w:58px;--lights-h:30px;--lights-pad:3px}html{transition:background-color 1.2s}:is(.bar,.shelf,.how,.access,.install,.foot){transition:opacity 1.1s}:root[data-room=down] :is(.bar,.shelf,.how,.access,.install,.foot){opacity:.1}:root[data-room=half] :is(.bar,.shelf,.how,.access,.install,.foot){opacity:.55}:root[data-room]:not([data-room=up]) :is(.bar,.shelf):is(:hover,:focus-within){opacity:1;transition-duration:.24s}:root[data-theme=light][data-room=down]{--bg:#0a0a0b;--ink:#f2f0ec;--ink-2:#9a978f;--hair:#ffffff1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light][data-room=down] body{color:var(--ink)}@media (prefers-reduced-motion:reduce){html,:is(.bar,.shelf,.how,.access,.install,.foot){transition:none}}:root[data-tint-motion=reduce],:root[data-tint-motion=reduce] :is(.bar,.shelf,.how,.access,.install,.foot){transition:none}.bar-links a{opacity:.72;transition:opacity .16s}.bar-links a:hover,.bar-links a[aria-current=true]{opacity:1}.bar-links a[aria-current=true]{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1.5px}.watch{width:100vw;min-height:100svh;padding:calc(var(--bar-h) + clamp(20px, 4.5vh, 52px)) clamp(10px, 1.8vw, 28px) clamp(28px, 5vh, 56px);align-content:start;justify-items:center;row-gap:clamp(36px,6.5vh,72px);margin-left:calc(50% - 50vw);display:grid}.player-frame{--shape:2.39 / 1;--ar:2.39;--size-max:100%;isolation:isolate;width:100%;max-width:min(var(--size-max), calc((100svh - var(--chrome)) * var(--ar)));transition:max-width .52s var(--ease), opacity .24s ease}.player-frame[data-size=phone]{--size-max:390px}.player-frame[data-size=tablet]{--size-max:768px}.player :is(media-i18n,video-player){display:contents}.player .media-skin{width:100%;aspect-ratio:var(--shape);border-radius:20px}.player .media-skin:not([data-tint-ambient]){box-shadow:0 0 0 1px var(--hair), 0 50px 140px -50px #000000e6}.player .media-skin:fullscreen{box-shadow:none;border-radius:0}.shelf{width:100%;max-width:min(var(--size-max,100%), calc((100svh - var(--chrome)) * var(--ar,2.39)));gap:14px;transition:opacity .6s;display:grid}.shelf-head{flex-wrap:wrap;align-items:center;gap:6px 18px;padding-inline:2px;display:flex}.shelf-title{letter-spacing:-.005em;margin:0;font-size:15px;font-weight:700;font-stretch:110%}.credit{min-width:0;color:var(--ink-2);flex:1;margin:0;font-size:13px}.credit-title{color:var(--ink);font-weight:600}.credit a{-webkit-text-decoration-color:var(--hair);text-decoration-color:var(--hair)}.films-pick{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.5vw,22px);min-width:0;display:grid}.pick{--band:6px;height:var(--pick-h,92px);color:#fff;font:inherit;text-align:start;cursor:pointer;background:#111;border:0;border-radius:14px;padding:0;transition:scale 90ms;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.pick-art{filter:brightness(.5)saturate(.7);width:100%;height:100%;transition:filter .26s ease, scale .6s var(--ease);position:absolute;inset:0}.pick-shade{pointer-events:none;background:linear-gradient(#0000,#0003 45%,#000000b8),linear-gradient(90deg,#00000073,#0000 70%);position:absolute;inset:0}.pick-text{left:14px;right:14px;bottom:calc(var(--band) + 10px);text-shadow:0 1px 10px #000000b3;gap:1px;line-height:1.15;display:grid;position:absolute}.pick-text b{letter-spacing:-.01em;font-size:15px;font-weight:680;font-stretch:110%}.pick-text small{color:#ffffffad;font-variant-numeric:tabular-nums;font-size:12px;font-weight:520}.pick-band{height:var(--band);position:absolute;inset:auto 0 0;overflow:hidden}.pick-band canvas{filter:brightness(.55)saturate(.7);width:100%;height:100%;transition:filter .26s;display:block}.pick-head{top:0;bottom:0;left:clamp(0px, var(--at,0%), calc(100% - 2px));opacity:0;background:#fff;width:2px;position:absolute;box-shadow:0 0 6px #fffc}.pick:active{scale:.98}@media (hover:hover){.pick:hover .pick-art{filter:brightness(.82)saturate(.95);scale:1.03}.pick:hover .pick-band canvas{filter:none}}.pick[aria-pressed=true] .pick-art,.pick[aria-pressed=true] .pick-band canvas{filter:none}.pick[aria-pressed=true] .pick-head{opacity:1}.pick[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--bar-chip,#fff)}.pick:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:14px}@media (prefers-reduced-motion:reduce){.pick-art{transition:none}.pick:hover .pick-art{scale:none}}:root[data-tint-motion=reduce] .pick-art{transition:none}:root[data-tint-motion=reduce] .pick:hover .pick-art{scale:none}.test-open{background:var(--panel);height:34px;box-shadow:inset 0 0 0 1px var(--hair);color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:13px;font-weight:600;display:inline-flex}.test-open svg,.tp-close svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:18px;height:18px}@media (hover:hover){.test-open:hover{background:var(--seg)}}.test-open{transition:background-color .16s,scale 90ms}.test-open:active{scale:.97}.test-open[aria-expanded=true]{background:var(--ink);color:var(--bg);box-shadow:none}.shelf-tools{align-self:center;align-items:center;gap:10px;display:flex}.lights{--lights-w:92px;--lights-h:48px;--lights-pad:5px;--knob:calc(var(--lights-h) - 2 * var(--lights-pad));width:var(--lights-w);height:var(--lights-h);cursor:pointer;background:linear-gradient(#2c2c2f,#111113 70%,#1b1b1d);border:0;border-radius:999px;flex:none;padding:0;transition:scale 90ms;position:relative;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0009,0 0 0 1px #000000b3,0 6px 16px -6px #000c}:root[data-theme=light] .lights{background:linear-gradient(#fff,#efebe3 65%,#e4dfd5);box-shadow:inset 0 1px #fff,inset 0 -2px 3px #7864462e,0 0 0 1px #50463229,0 8px 18px -8px #503c1e73}.lights:active{scale:.97}.lights:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.lights-track{inset:var(--lights-pad);background:#050506;border-radius:999px;position:absolute;overflow:hidden}.lights-print{width:100%;height:100%;display:block}.lights-track:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 3px 6px #000000a6,inset 0 -1px #ffffff1f,inset 0 0 0 1px #00000059}.lights-knob{top:var(--lights-pad);left:var(--lights-pad);width:var(--knob);height:var(--knob);translate:calc(var(--lights-on,0) * (var(--lights-w) - var(--knob) - 2 * var(--lights-pad))) 0;border-radius:50%;position:absolute;box-shadow:3px 5px 8px -2px #0009}.lights-glass{border-radius:50%;width:100%;height:100%;display:block}.lights:not([data-glass]) .lights-knob{background:radial-gradient(circle at 34% 28%,#fff 0 7%,#ffffff80 14%,#0000 38%),radial-gradient(circle at 62% 78%,#ffffff59,#0000 50%),radial-gradient(circle,#ffffff14,#00000059 100%);box-shadow:inset 0 0 0 1px #ffffff59,3px 5px 8px -2px #0009}@media (forced-colors:active){.lights{border:1px solid buttontext}.lights-knob{forced-color-adjust:none;background:buttontext}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}.test-panel{background:color-mix(in oklab, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);width:252px;box-shadow:0 0 0 1px var(--hair), 0 1px 0 #ffffff0f inset, 0 24px 60px -14px #0009;color:var(--ink);opacity:1;transform-origin:100% 100%;transition:opacity .16s ease, scale .22s var(--ease), display .16s allow-discrete, overlay .16s allow-discrete;border:0;border-radius:16px;margin:0;padding:5px;position:fixed;inset:auto;overflow:visible;scale:1}@starting-style{.test-panel:popover-open{opacity:0;scale:.96}}.test-panel:not(:popover-open){opacity:0;scale:.96}.console{gap:4px;display:grid}.cc-pair{grid-template-columns:1fr 1fr;gap:4px;display:grid}.cc-pair:has(.cc-width){grid-template-columns:1fr}.cc-trio{grid-template-columns:1.15fr 1.15fr .8fr}.cc-seg{background:var(--seg);border-radius:10px;gap:2px;padding:2px;display:flex}.cc-opt{cursor:pointer;flex:1;display:flex;position:relative}.cc-opt input,.cc-tile input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.cc-opt>span{width:100%;height:28px;color:var(--ink-2);font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:11.5px;font-weight:620;transition:background-color .14s,color .14s,box-shadow .14s,scale 90ms;display:flex}@media (hover:hover){.cc-opt:hover>span{color:var(--ink)}}.cc-opt input:checked+span{background:var(--card);color:var(--ink);box-shadow:0 0 0 1px var(--hair), 0 1px 2px #00000059, inset 0 1px 0 #ffffff12}:root[data-theme=light] .cc-opt input:checked+span{background:#fff;box-shadow:0 0 0 1px #0000000f,0 1px 3px #0000001f}.cc-opt:active>span{scale:.96}.cc-opt input:focus-visible+span{outline:2px solid var(--ink);outline-offset:1px}.cc-opt svg,.cc-tile svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.cc-tile{cursor:pointer;display:flex;position:relative}.cc-tile>span{background:var(--seg);width:100%;min-height:30px;color:var(--ink-2);border-radius:10px;align-items:center;gap:6px;padding:4px 8px;font-size:11.5px;font-weight:620;line-height:1.1;transition:background-color .16s,color .16s,scale 90ms;display:flex}.cc-tile svg{flex:none;width:15px;height:15px}@media (hover:hover){.cc-tile:hover>span{color:var(--ink)}}.cc-tile input:checked+span{background:var(--ink);color:var(--bg)}.cc-tile:active>span{scale:.97}.cc-tile input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.ratio{width:var(--rw);height:var(--rh);border:1.5px solid;border-radius:2.5px;flex:none}.swatch-film,.swatch-brand{border-radius:50%;flex:none;width:16px;height:16px;box-shadow:inset 0 0 0 1px #ffffff40}.swatch-film{background:var(--film-swatch,conic-gradient(#d98a3a, #2f6fd1, #e58fb0, #d98a3a))}.swatch-brand{background:#f5c518}[data-tip]:after{content:attr(data-tip);z-index:2;background:var(--ink);color:var(--bg);white-space:nowrap;opacity:0;pointer-events:none;border-radius:7px;padding:5px 8px;font-size:11.5px;font-weight:620;transition:opacity .12s,translate .12s;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 3px}@media (hover:hover){[data-tip]:hover:after{opacity:1;transition-delay:.4s;translate:-50%}}[data-tip]:has(input:focus-visible):after{opacity:1;translate:-50%}.how{margin-top:clamp(40px,6vw,96px)}.how-track{height:330svh;position:relative}.how-pin{top:var(--bar-h);width:100vw;height:calc(100svh - var(--bar-h));margin-left:calc(50% - 50vw);position:sticky;overflow:hidden}.how-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.how-copy{top:50%;left:max(var(--pad), calc((100vw - var(--max)) / 2 + var(--pad)));width:min(32vw,440px);position:absolute;translate:0 -50%}.how-kicker{color:var(--ink-2);letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;font-size:13px;font-weight:650}.how-steps{margin:0;padding:0;list-style:none;display:grid}.how-step{color:var(--ink-2);letter-spacing:-.02em;text-wrap:pretty;opacity:0;transition:opacity .42s ease, translate .52s var(--ease);grid-area:1/1;font-size:clamp(24px,2.5vw,38px);font-weight:560;font-stretch:108%;line-height:1.16;translate:0 14px}.how-step strong{color:var(--ink);margin-bottom:.15em;font-weight:760;display:block}.how-step[data-on]{opacity:1;translate:0}.how-note{max-width:62ch;color:var(--ink-2);text-wrap:pretty;margin:clamp(32px,5vw,64px) 0 0;font-size:15px}.how-note a{color:var(--ink);-webkit-text-decoration-color:var(--hair);text-decoration-color:var(--hair)}.access{border-top:1px solid var(--hair);justify-items:start;gap:18px;margin-top:clamp(120px,15vw,220px);padding-top:clamp(40px,5vw,64px);display:grid}.access h2{font-family:var(--display);letter-spacing:-.015em;margin:0;font-size:clamp(42px,5.8vw,84px);font-weight:400;line-height:.95}.access p{max-width:44ch;color:var(--ink-2);text-wrap:pretty;margin:0;font-size:clamp(18px,1.6vw,22px);line-height:1.4}.access-open{background:var(--ink);height:48px;color:var(--bg);font:inherit;cursor:pointer;border:0;border-radius:999px;margin-top:6px;padding:0 22px;font-size:16px;font-weight:640;transition:scale 90ms,opacity .14s}.access-open:active{scale:.97}@media (hover:hover){.access-open:hover{opacity:.88}}.access-open:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.install{margin-top:clamp(120px,15vw,220px)}.section-head{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:16px clamp(24px,5vw,80px);margin-bottom:clamp(28px,4vw,48px);display:grid}.section-head h2{max-width:16ch;font-family:var(--display);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:clamp(42px,5.8vw,84px);font-weight:400;line-height:.95}.section-head p{max-width:46ch;color:var(--ink-2);text-wrap:pretty;margin:0;font-size:18px}.install .section-head p code{color:var(--ink)}.code{color:#d8d6d1;box-shadow:0 0 0 1px var(--hair);background:#111113;border-radius:18px;position:relative;overflow:auto}.code pre{margin:0;padding:64px clamp(20px,3vw,32px) clamp(20px,3vw,32px);font:14px/1.7 ui-monospace,SF Mono,Menlo,Consolas,monospace}.code-copy{color:#fff;height:36px;font:inherit;cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;padding:0 16px;font-size:14px;font-weight:600;position:absolute;top:14px;right:14px}.code-copy:hover{background:#ffffff29}.install-links{flex-wrap:wrap;gap:24px;margin:20px 0 0;font-size:16px;display:flex}.foot{border-top:1px solid var(--hair);color:var(--ink-2);gap:6px;margin-top:clamp(96px,12vw,160px);padding-block:32px 48px;font-size:14px;display:grid}.foot p{margin:0}@media (width<=900px){.section-head{grid-template-columns:minmax(0,1fr)}.how-copy{top:24px;right:var(--pad);width:auto;translate:none}.how-step{font-size:clamp(21px,5.4vw,30px)}}@media (width<=700px){:root{--bar-h:54px;--chrome:380px}.bar-links a:not([data-section=watch]):not([href^=https]){display:none}.watch-head{justify-content:start}.shelf{flex-flow:column}.films-pick{flex:none;grid-template-columns:1fr 1fr}.pick{--pick-h:72px}.credit{flex-basis:auto;order:0}.test-panel{inset:auto 12px max(12px, env(safe-area-inset-bottom)) 12px;transform-origin:50% 100%;width:auto}.cc-pair:has(.cc-width){display:none}.cc-opt>span{height:38px;font-size:13px}.cc-tile>span{min-height:40px;font-size:13px}}@media (prefers-reduced-motion:reduce){.player-frame,.shelf,.test-panel,.how-step{transition:none}}:root[data-tint-motion=reduce] :is(.player-frame,.shelf,.test-panel,.how-step){transition:none}