@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2) format("woff2"),url(/assets/barlow-vietnamese-400-normal-BFeobeCK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2) format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2) format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-vietnamese-500-normal-zTViEIzf.woff2) format("woff2"),url(/assets/barlow-vietnamese-500-normal-GNfB7rCE.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-ext-500-normal-DOaysfXq.woff2) format("woff2"),url(/assets/barlow-latin-ext-500-normal-CJPcKP2Q.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2) format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-vietnamese-600-normal-DcjprdFV.woff2) format("woff2"),url(/assets/barlow-vietnamese-600-normal-CA_GiK2e.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2) format("woff2"),url(/assets/barlow-latin-ext-600-normal-DMVRjfRT.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2) format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-vietnamese-500-normal-DGADhYWF.woff2) format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-500-normal-hJ2t9k9e.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-latin-ext-500-normal-BXdp1BvY.woff2) format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-500-normal-rZeYuEMb.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-latin-500-normal-G0uxJNrM.woff2) format("woff2"),url(/assets/barlow-semi-condensed-latin-500-normal-CFOoVYFH.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-vietnamese-600-normal-b1FQiZcx.woff2) format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-600-normal-DzVrjA0Q.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-ext-600-normal-BkQ9hN72.woff2) format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-600-normal-BuP8AaxH.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-600-normal-BkLiAYu4.woff2) format("woff2"),url(/assets/barlow-semi-condensed-latin-600-normal-DyOfdMBA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #ffffff;--ink: oklch(.22 .012 250);--ink-2: oklch(.46 .012 250);--line: oklch(.72 .006 250);--action: oklch(.46 .16 262);--action-hover: oklch(.4 .16 262);--night: oklch(.17 .012 250);--night-ink: oklch(.95 .006 250);--night-ink-2: oklch(.78 .01 250);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 72px;--s9: 120px;--gutter: clamp(16px, 4vw, 56px);--body: "Barlow", system-ui, sans-serif;--cond: "Barlow Semi Condensed", "Barlow", system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.5 var(--body);transition:background-color .4s linear,color .4s linear}body.is-night{background:var(--night);color:var(--night-ink)}.tnum{font-variant-numeric:tabular-nums}.skip{position:absolute;left:var(--s4);top:-80px;z-index:20;background:var(--ink);color:var(--paper);padding:var(--s2) var(--s3)}.skip:focus{top:var(--s4)}a{color:inherit}:focus-visible{outline:2px solid var(--action);outline-offset:3px}body.is-night :focus-visible{outline-color:var(--night-ink)}.top{position:fixed;inset:0 0 auto 0;z-index:10;display:flex;justify-content:space-between;align-items:baseline;padding:var(--s4) var(--gutter)}.wordmark{font:600 20px/1 var(--cond);letter-spacing:.01em}body.is-night .top{text-shadow:0 0 10px oklch(.17 .012 250 / .9),0 0 2px oklch(.17 .012 250 / .9)}.top nav{display:flex;gap:var(--s5)}.top nav a{text-decoration:none;font-weight:500;font-size:15px;padding:var(--s2) 0}.top nav a:hover{text-decoration:underline;text-underline-offset:4px}.stage{position:relative}.viewport{position:sticky;top:0;height:100vh;height:100svh;margin-bottom:-100vh;margin-bottom:-100svh;overflow:hidden;pointer-events:none}#scene,.overlay,.poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.poster{object-fit:cover;display:none}.no-webgl #scene{display:none}.no-webgl .poster{display:block}.overlay{overflow:visible}.overlay text{font:500 14px var(--cond);fill:var(--ink);font-variant-numeric:tabular-nums}.overlay .lead{stroke:var(--ink-2);stroke-width:1;fill:none}.overlay .dim{stroke:var(--ink);stroke-width:1;fill:none}.overlay .ext{stroke:var(--line);stroke-width:1;fill:none}.overlay .dot{fill:var(--ink)}.overlay .tick{stroke:var(--ink-2);stroke-width:1.5}.overlay .tick.on{stroke:var(--action)}body.is-night .overlay .tick{stroke:#7c8186}body.is-night .overlay .tick.on{stroke:#ffc988}.overlay .hint-t{font:500 15px var(--body);fill:var(--ink)}body.is-night .overlay .hint-t{fill:var(--night-ink)}.dial{position:fixed;left:0;top:0;z-index:6;width:calc(var(--r, 48px) * 2);height:calc(var(--r, 48px) * 2);margin:calc(var(--r, 48px) * -1) 0 0 calc(var(--r, 48px) * -1);border-radius:50%;touch-action:none;cursor:grab}.dial:active{cursor:grabbing}.dial[hidden]{display:none}.scene{position:relative;z-index:1;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;padding:var(--s9) var(--gutter) var(--s8)}.copy{max-width:30rem}.scene h1{margin:0 0 var(--s4);font:400 clamp(22px,2.4vw,30px)/1.25 var(--body);max-width:22ch}.scene h1 .name{display:block;margin-bottom:var(--s5);font:600 clamp(64px,11vw,168px)/.9 var(--cond);letter-spacing:-.02em}.scene h2{margin:0 0 var(--s3);font:500 clamp(26px,3vw,40px)/1.15 var(--body);max-width:22ch;text-wrap:balance}.scene p{margin:0;color:var(--ink-2);max-width:36ch}body.is-night .scene p{color:var(--night-ink-2)}.scene .price{color:var(--ink);margin-bottom:var(--s5)}.hint{position:absolute;right:var(--gutter);bottom:var(--s8);font-size:15px}.parts-list{margin:var(--s4) 0 0;padding:0;list-style:none;color:var(--ink-2)}.js-3d .parts-list{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.btn{display:inline-block;border:0;cursor:pointer;background:var(--action);color:#fff;font:500 16px/1 var(--body);text-decoration:none;padding:15px 22px;border-radius:2px;pointer-events:auto;transition:background-color .12s ease-out}.btn:hover{background:var(--action-hover)}.btn--big{font-size:18px;padding:18px 28px}.scene a,.scene button{pointer-events:auto}.sheet,.buy{position:relative;z-index:2;background:var(--paper);color:var(--ink);padding:var(--s9) var(--gutter)}.sheet h2,.buy h2{margin:0 0 var(--s6);font:600 clamp(32px,4vw,56px)/1 var(--cond)}.sheet h3{margin:var(--s7) 0 var(--s3);font:500 20px/1.2 var(--body)}.sheet>p{max-width:60ch;color:var(--ink-2);margin:0}.specs{margin:0;max-width:56rem}.specs div{display:grid;grid-template-columns:minmax(7rem,14rem) 1fr;gap:var(--s4);padding:var(--s3) 0;border-top:1px solid var(--line)}.specs div:last-child{border-bottom:1px solid var(--line)}.specs dt{color:var(--ink-2)}.specs dd{margin:0}.buy{border-top:1px solid var(--line)}.buy .price{margin:0 0 var(--s5);color:var(--ink-2)}.buy-note{margin:var(--s4) 0 0;max-width:46ch}.foot{position:relative;z-index:2;background:var(--paper);color:var(--ink-2);padding:var(--s6) var(--gutter) var(--s7);border-top:1px solid var(--line);font-size:15px}.foot p{margin:0;max-width:70ch}@media(max-width:720px){body{font-size:16px}.scene{padding-bottom:var(--s7)}.hint{display:none}.specs div{grid-template-columns:1fr;gap:var(--s1)}}@media(prefers-reduced-motion:reduce){body{transition:none}}