@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anton;src:url(/fonts/Anton-Regular.ttf)format("truetype");font-display:swap}:root{--ground:#121110;--ground-deep:#0b0a09;--chalk:#eee8dc;--chalk-2:#cfc8bb;--muted:#a39d92;--faint:#8f887c;--line:#eee8dc24;--line-strong:#eee8dc4d;--ember:#f0882a;--ember-hot:#f6a057;--ember-ink:#1c1006;--warn:#ffb08a;--gutter:max(clamp(20px, 5vw, 72px), env(safe-area-inset-left), env(safe-area-inset-right));--nav-h:76px;--text:"Archivo Variable", "Archivo", system-ui, sans-serif;--display:"Anton", "Archivo Variable", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--ground);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scrollbar-color:#eee8dc38 var(--ground);scrollbar-width:thin}body{background:var(--ground);color:var(--chalk);font:400 1.0625rem/1.55 var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;caret-color:var(--ember);margin:0;font-stretch:100%;overflow-x:clip}::selection{background:var(--ember);color:var(--ember-ink)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--ground)}::-webkit-scrollbar-thumb{border:3px solid var(--ground);background:#eee8dc33;border-radius:10px}:focus-visible{outline:2px solid var(--ember);outline-offset:3px;border-radius:2px}a{color:var(--chalk);text-underline-offset:4px;text-decoration-color:#eee8dc66;text-decoration-thickness:1px}a:hover{-webkit-text-decoration-color:var(--ember);text-decoration-color:var(--ember)}h1,h2,h3,p,dl,dd,figure{margin:0}img{max-width:100%;height:auto;display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.skip{left:var(--gutter);z-index:10;background:var(--ember);color:var(--ember-ink);padding:10px 16px;font-weight:800;position:fixed;top:12px;transform:translateY(-160%)}.skip:focus{transform:none}.btn{height:52px;font:800 15px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:0;border-radius:2px;justify-content:center;align-items:center;padding:0 26px;font-stretch:82%;text-decoration:none;transition:background-color .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,transform .1s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--solid{background:var(--ember);color:var(--ember-ink);box-shadow:0 10px 30px -12px #f0882a8c}.btn--solid:hover{background:var(--ember-hot)}.btn--solid:disabled{color:#2a1a0c;cursor:progress;box-shadow:none;background:#8a5a2e}.btn--ghost{height:42px;color:var(--chalk);box-shadow:inset 0 0 0 1.5px var(--line-strong);background:0 0;padding:0 18px;font-size:13px}.btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--chalk)}.nav{z-index:5;height:var(--nav-h);padding:0 var(--gutter);align-items:center;gap:40px;transition:background-color .4s,box-shadow .4s;display:flex;position:fixed;inset:0 0 auto}.nav.is-solid{box-shadow:0 1px 0 var(--line);background:#121110f0}.nav__brand{font:400 27px/1 var(--display);letter-spacing:-.01em;color:var(--chalk);text-decoration:none}.nav__links{gap:30px;margin-left:auto;display:flex}.nav__links a{font:650 13px/1 var(--text);letter-spacing:.15em;text-transform:uppercase;color:var(--chalk-2);font-stretch:84%;text-decoration:none}.nav__links a:hover{color:var(--chalk)}.stage{z-index:1;touch-action:pan-y;visibility:hidden;width:100vw;height:100lvh;display:block;position:fixed;inset:0}.is-ready .stage{visibility:visible;animation:1.6s cubic-bezier(.16,1,.3,1) both emerge}.stage.is-dragging{cursor:grabbing!important}@keyframes emerge{0%{filter:brightness(0)blur(8px)}to{filter:none}}.sec{z-index:2;pointer-events:none;min-height:100svh;padding:clamp(110px, 16vh, 200px) var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-content:center;column-gap:24px;display:grid;position:relative}.sec a,.sec button,.sec input,.sec label,.sec output,.sec .copy,.sec figure,.sec form{pointer-events:auto}.copy{grid-column:1/span 5}.sec--right .copy{grid-column:8/span 5}.sec--left .copy{grid-column:1/span 5}.copy--wide{grid-column-end:span 6!important}h2{font:400 clamp(2.75rem, 5.4vw, 5.75rem)/.92 var(--display);letter-spacing:-.005em;text-transform:uppercase;text-wrap:balance;margin-bottom:30px}.copy>p,.made p{max-width:50ch;color:var(--chalk-2);font-size:clamp(17px,1.22vw,19px)}.copy>p+p{margin-top:14px}.copy .small,.small{color:var(--muted);font-size:14px}.hero{z-index:auto;height:100svh;min-height:620px;padding:0;display:block}.hero__mark{left:var(--gutter);right:var(--gutter);z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;font:400 1em/.8 var(--display);color:var(--chalk);white-space:nowrap;margin:0;position:absolute;top:50%;transform:translateY(-58%);container-type:inline-size}.hero__word{letter-spacing:-.01em;font-size:25cqw;display:inline-block}.hero__hint{z-index:2;right:var(--gutter);top:calc(var(--nav-h) + 28px);text-align:right;font:650 12px/1.5 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-stretch:84%;transition:opacity .8s;position:absolute}.hero__hint.is-gone [data-hint-text]{opacity:0;transition:opacity .8s}.hero__load{color:var(--ember);display:block}.hero__band{z-index:2;left:var(--gutter);right:var(--gutter);justify-content:space-between;align-items:flex-end;gap:40px;display:flex;position:absolute;bottom:clamp(28px,6vh,64px)}.hero__lede{max-width:31ch;color:var(--chalk-2);font-size:clamp(18px,1.38vw,21px);line-height:1.4}.hero__lede strong{color:var(--chalk);font-weight:800}.wl--inline{grid-template-columns:minmax(220px,300px) auto;gap:10px;display:grid}.wl--inline .wl__note{grid-column:1/-1}.wl__email{border:1.5px solid var(--line-strong);width:100%;min-width:0;height:52px;color:var(--chalk);font:400 16px/1 var(--text);background:#eee8dc0a;border-radius:2px;padding:0 16px;transition:border-color .2s,box-shadow .2s}.wl__email::placeholder{color:var(--faint)}.wl__email:hover{border-color:#eee8dc73}.wl__email:focus{border-color:var(--ember);outline:none;box-shadow:0 0 0 3px #f0882a38}.wl__email[aria-invalid=true]{border-color:var(--warn)}.wl__hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.wl__note{color:var(--muted);min-height:1.5em;font-size:13px}.wl[data-state=invalid] .wl__note,.wl[data-state=error] .wl__note{color:var(--warn)}.wl[data-state=done] .wl__note{color:var(--chalk)}.wl__label{font:650 12px/1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:34px 0 10px;font-stretch:84%;display:block}.wl__row{gap:10px;max-width:560px;display:flex}.wl__cw{color:var(--muted);margin:14px 0 6px;font-size:14px}.wl__cw output{color:var(--chalk);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-weight:700}.specs{border-top:1px solid var(--line);margin-top:34px}.specs div{border-bottom:1px solid var(--line);grid-template-columns:9.5rem 1fr;align-items:baseline;gap:16px;padding:13px 0 12px;display:grid}dt{font:650 12px/1.3 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-stretch:84%}dd{color:var(--chalk);font-variant-numeric:tabular-nums;margin-top:4px;font-size:17px}.specs dd{margin:0}.specs+.small{margin-top:18px}.sec--booth:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#121110f0 0%,#121110cc 30%,#12111000 56%);position:absolute;inset:0}.knob{min-height:115svh}.knob__sign{width:88px;height:88px;margin-bottom:18px}.knob__sign svg,.film__sign svg{width:100%;height:100%;display:block}h3{font:400 clamp(3.5rem, 7vw, 6rem)/.86 var(--display);letter-spacing:-.005em;text-transform:uppercase}.knob__line{font:750 clamp(20px, 1.6vw, 24px)/1.25 var(--text)!important;color:var(--chalk)!important;margin:14px 0 16px!important;font-stretch:88%!important}.dial{max-width:420px;margin-top:30px}.dial__value{font:400 clamp(2.75rem, 4.4vw, 4rem)/1 var(--display);font-variant-numeric:tabular-nums;color:var(--chalk);margin-bottom:14px;display:block}.dial__range{--v:50%;appearance:none;cursor:ew-resize;background:0 0;width:100%;height:34px;margin:0}.dial__range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ember) var(--v), #eee8dc3d var(--v));height:2px}.dial__range::-moz-range-track{background:#eee8dc3d;height:2px}.dial__range::-moz-range-progress{background:var(--ember);height:2px}.dial__range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--chalk);border:4px solid var(--ground);width:22px;height:22px;box-shadow:0 0 0 1.5px var(--chalk), 0 6px 14px #00000080;border-radius:50%;margin-top:-10px}.dial__range::-moz-range-thumb{background:var(--chalk);border:4px solid var(--ground);width:14px;height:14px;box-shadow:0 0 0 1.5px var(--chalk);border-radius:50%}.dial__range:focus-visible{outline:none}.dial__range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1.5px var(--chalk), 0 0 0 5px var(--ember)}.dial__range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1.5px var(--chalk), 0 0 0 5px var(--ember)}.dial__ends{font:650 12px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);justify-content:space-between;margin-top:4px;font-stretch:84%;display:flex}.freeze{align-items:center;gap:28px;margin-top:34px;display:flex}.freeze__btn{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;width:112px;height:112px;color:var(--chalk);box-shadow:inset 0 0 0 1.5px var(--chalk);font:800 14px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;border-radius:50%;flex:none;font-stretch:82%;transition:background-color .2s,color .2s,box-shadow .2s,transform 80ms}.freeze__btn:hover{box-shadow:inset 0 0 0 1.5px var(--chalk), 0 0 0 4px #eee8dc1f}.freeze__btn:active{transform:scale(.97)}.freeze__btn.is-on{background:var(--ember);color:var(--ember-ink);box-shadow:none}.freeze__state{color:var(--chalk-2);max-width:24ch;font-size:15px}.film{align-content:center;row-gap:0}.film__frame{aspect-ratio:16/9;background:var(--ground-deep);width:min(100%,177.778svh - 426.667px);box-shadow:inset 0 0 0 1px var(--line);grid-column:1/-1;justify-self:center;place-items:center;display:grid;overflow:hidden}.film__frame video{object-fit:cover;width:100%;height:100%}.film__empty{text-align:center;color:var(--muted);font-size:17px}.film__sign{opacity:.9;width:92px;height:92px;margin:0 auto 22px}.cw__ui{margin-top:30px}.cw__set{border:0;min-width:0;margin:0;padding:0}.cw__set+.cw__set{margin-top:22px}.cw__legend{font:650 12px/1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;padding:0;font-stretch:84%}.cw__variants{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:560px;display:grid}.cw__var{cursor:pointer;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:2px;grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:16px 18px;transition:box-shadow .2s;display:grid;position:relative}.cw__var:hover{box-shadow:inset 0 0 0 1px var(--chalk)}.cw__var input{opacity:0;width:1px;height:1px;position:absolute}.cw__var:has(input:checked){box-shadow:inset 0 0 0 1.5px var(--ember)}.cw__var:has(input:focus-visible){outline:2px solid var(--ember);outline-offset:3px}.cw__stack{grid-template-rows:11px 13px;gap:3px;width:30px;display:grid}.cw__stack i{background:var(--c);border-radius:3px;box-shadow:inset 0 0 0 1px #eee8dc4d}.cw__cap{width:30px;height:30px;display:block}.cw__cap svg{display:block}.cw__txt{gap:4px;min-width:0;display:grid}.cw__txt b{font:750 15px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--chalk);font-stretch:84%}.cw__txt span{color:var(--muted);font-size:13px;line-height:1.35}.cw__fixed{color:var(--muted);max-width:46ch;font-size:14px;margin-top:16px!important}.cw__code{align-items:baseline;gap:14px;display:flex;margin-top:24px!important}.cw__code-label{font:650 12px/1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-stretch:84%}.cw__code output{font:800 26px/1 var(--text);letter-spacing:.06em;color:var(--chalk);font-variant-numeric:tabular-nums;font-stretch:78%}.cw__drag{margin-top:10px!important}.made{align-items:center}.made__photo{grid-column:1/span 5}.made__photo img{width:100%;height:auto}.made__photo figcaption{color:var(--muted);margin-top:12px;font-size:13px}.made .copy{grid-column:7/span 5}.foot{z-index:2;padding:36px var(--gutter) 40px;border-top:1px solid var(--line);background:var(--ground);color:var(--muted);justify-content:space-between;align-items:baseline;gap:20px;font-size:13px;display:flex;position:relative}.foot__brand{font:400 24px/1 var(--display);letter-spacing:-.01em;color:var(--chalk)}.no-model .hero__mark{opacity:.9}@media (max-width:860px){:root{--nav-h:64px}.nav{gap:16px}.nav__brand{font-size:23px}.nav__links{display:none}.nav .btn--ghost{height:38px;margin-left:auto;padding:0 14px;font-size:12px}.sec{grid-template-columns:minmax(0,1fr);align-content:start;min-height:0;padding:38svh 0 24px}.copy,.sec--right .copy,.sec--left .copy,.copy--wide,.made .copy{grid-column:1/-1!important}.copy{padding:40px var(--gutter) 40px;background:linear-gradient(#12111000 0,#121110f5 36px)}.knob{min-height:0}.hero{min-height:600px;padding:0}.sec--booth:before{content:none}h2{margin-bottom:20px;font-size:clamp(2.5rem,11vw,3.5rem)}h3{font-size:clamp(3rem,15vw,4rem)}.hero__mark{top:43%}.hero__band{flex-direction:column;align-items:stretch;gap:18px}.wl--inline{grid-template-columns:1fr}.hero__hint{top:calc(var(--nav-h) + 12px)}.specs div{grid-template-columns:7.5rem 1fr}.film,.made{padding:96px var(--gutter);row-gap:28px}.film .copy,.made .copy{background:0 0;padding:0}.made__photo{grid-column:1/-1}.wl__row{flex-direction:column}.cw__var{gap:12px;padding:14px}.foot{flex-direction:column}}