@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+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: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+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: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+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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-opsz-normal-BjhtXyW2.woff2) format("woff2-variations");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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-opsz-normal-BQn1nviT.woff2) format("woff2-variations");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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-opsz-normal-s-izfB6B.woff2) format("woff2-variations");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}@property --w{syntax: "<number>"; inherits: true; initial-value: 100;}:root{--night: #0a0c0b;--ivory: #efe9dc;--ivory-2: rgba(239, 233, 220, .7);--muted: #8e948c;--line: rgba(239, 233, 220, .14);--vermilion: #ff4d2e;--terra: #b04426;--tint: var(--vermilion);--sans: "Archivo Variable", "Archivo", system-ui, sans-serif;--serif: "Newsreader Variable", "Newsreader", Georgia, serif;--gutter: clamp(20px, 4.2vw, 72px);--ease: cubic-bezier(.19, 1, .22, 1);--nav-h: calc(env(safe-area-inset-top, 0px) + 64px) ;--pad-t: calc(var(--nav-h) + clamp(14px, 3svh, 32px));--pad-b: clamp(20px, 4.5svh, 52px);--title-size: clamp(1.45rem, min(2.3vw, 4.2svh), 2.3rem);--title-room: calc(clamp(14px, 3svh, 32px) + var(--title-size) + clamp(18px, 4svh, 44px));color-scheme:dark}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{background:var(--night);color:var(--ivory);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-snap-type:y mandatory}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}[data-scene]{scroll-snap-align:start;scroll-snap-stop:always}body{font-family:var(--sans);font-size:17px;line-height:1.55;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip;background:var(--night)}::selection{background:var(--vermilion);color:var(--night)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--vermilion);outline-offset:5px;border-radius:2px}.skip{position:fixed;top:12px;left:12px;z-index:100;padding:10px 16px;background:var(--ivory);color:var(--night);font-weight:600;transform:translateY(-160%);transition:transform .3s var(--ease)}.skip:focus{transform:none}.stage{position:fixed;inset:0 auto auto 0;width:100vw;height:100lvh;display:block;z-index:0}.veil{position:fixed;inset:0;z-index:1;background:var(--night);opacity:0;pointer-events:none}.grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}main,.foot{position:relative;z-index:2}html.can-move,html.can-move *{cursor:pointer}.spot{min-width:0;min-height:0;pointer-events:none}@media(scripting:enabled)and (prefers-reduced-motion:no-preference){.intro{opacity:0;animation:rh-show .6s 3s forwards}html.js .intro{animation:none}}@keyframes rh-show{to{opacity:1}}.nav{position:fixed;inset:0 0 auto;z-index:40;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top,0px) var(--gutter) 0;background:var(--night);border-bottom:1px solid transparent;transition:border-color .6s var(--ease);color:var(--ivory);font-size:14px;line-height:1}html.past-top .nav{border-bottom-color:var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:760;font-stretch:125%;letter-spacing:-.02em;font-size:15px}.mark{width:15px;height:18px;fill:currentColor;flex:none}.nav nav{display:flex;gap:clamp(20px,3vw,44px)}.nav nav a,.foot a{position:relative;padding:6px 0}.nav nav a:after,.foot a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease)}.nav nav a:hover:after,.nav nav a.on:after,.foot a:hover:after{transform:scaleX(1);transform-origin:left}.nav nav a.on:after{background:var(--vermilion)}.hero{position:relative;height:100svh}.hero-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hero-rook{display:none}.hero-foot{position:absolute;left:var(--gutter);right:var(--gutter);bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;pointer-events:none}.hero-lede{font-family:var(--serif);font-size:clamp(19px,1.6vw,26px);line-height:1.2;max-width:17ch;letter-spacing:-.005em}.hero-hint{justify-self:center;color:var(--muted);font-size:13px;letter-spacing:.01em}.hero-scroll{justify-self:end;display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px}.hero-scroll i{position:relative;width:64px;height:1px;overflow:hidden;background:var(--line)}.hero-scroll i:after{content:"";position:absolute;inset:0;background:var(--ivory);transform:translate(-101%);animation:rh-run 2.6s var(--ease) infinite}@keyframes rh-run{0%{transform:translate(-101%)}50%{transform:translate(0)}to{transform:translate(101%)}}.hint-tap{display:none}@media(hover:none),(pointer:coarse){.hint-click{display:none}.hint-tap{display:inline}}.statement{min-height:100svh;display:grid;place-items:center;padding:var(--pad-t) var(--gutter) var(--pad-b)}.statement-text{font-family:var(--serif);font-weight:420;font-size:clamp(2rem,min(4.9vw,8.4svh),5.4rem);line-height:1.06;letter-spacing:-.025em;text-align:center;max-width:16.5em;text-wrap:balance}.statement-text .statement-sub{display:block;margin-top:.3em;color:var(--muted)}.group-title{display:flex;align-items:center;gap:clamp(16px,2vw,28px);font-family:var(--serif);font-weight:400;font-size:var(--title-size);line-height:1;letter-spacing:-.01em}.group-title i{flex:1;height:1px;background:var(--line);transform-origin:left center}.made{position:relative}.made>.group-title{position:absolute;z-index:3;top:calc(var(--nav-h) + clamp(14px,3svh,32px));left:0;right:0;padding:0 var(--gutter)}.product{--copy-w: min(44vw, 640px);position:relative;min-height:100svh;display:grid;grid-template-columns:var(--copy-w) minmax(0,1fr);column-gap:clamp(24px,4vw,72px);align-items:center;padding:var(--pad-t) var(--gutter) var(--pad-b)}.made>.product:first-of-type{padding-top:calc(var(--nav-h) + var(--title-room))}.product[data-side=right]{grid-template-columns:minmax(0,1fr) var(--copy-w)}.product[data-side=right] .product-copy{grid-column:2;grid-row:1}.product>.spot{align-self:stretch}.product[data-side=right]>.spot{grid-column:1;grid-row:1}.product:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0a0c0bdb,#0a0c0b8c 36%,#0a0c0b00 62%)}.product[data-side=right]:before{background:linear-gradient(270deg,#0a0c0bdb,#0a0c0b8c 36%,#0a0c0b00 62%)}.product-copy{position:relative;min-width:0}.product-name{--w: 112;font-weight:800;font-stretch:calc(var(--w) * 1%);font-size:clamp(2.6rem,min(6vw,10svh),7rem);line-height:.9;letter-spacing:-.045em;margin:0 0 .34em -.04em;white-space:nowrap}.product-name a{display:inline-block;transition:--w .9s var(--ease)}.product-name a:hover{--w: 125}.product-name .ch{display:inline-block}.product-name .nl{display:block;white-space:nowrap}.product-proof{font-family:var(--serif);font-size:clamp(1.3rem,min(2.2vw,3.7svh),2.25rem);line-height:1.14;letter-spacing:-.012em;max-width:22ch;text-wrap:balance}.shot{position:relative;overflow:hidden;width:var(--shot-w, min(100%, 36vw, 540px));margin-top:clamp(1rem,3svh,2.2rem);background:#15191a;box-shadow:0 40px 70px -40px #000000e6}.shot img{display:block;width:100%;height:auto;outline:1px solid rgba(239,233,220,.12);outline-offset:-1px}.shot i{position:absolute;left:0;right:0;top:0;z-index:1;height:2px;background:var(--tint);transform-origin:left center}.product-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 28px;width:var(--shot-w, min(100%, 36vw, 540px));margin-top:clamp(.75rem,2svh,1.3rem);padding-top:clamp(.6rem,1.6svh,1.1rem);border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.go{position:relative;display:inline-flex;align-items:center;gap:12px;padding:4px 0;color:var(--ivory);font-weight:600}.go:after{content:"";position:absolute;left:0;right:30px;bottom:0;height:1px;background:var(--tint);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease)}.go:hover:after{transform:scaleX(1);transform-origin:left}.go svg{width:20px;height:10px;fill:none;stroke:var(--tint);stroke-width:1.5;transition:transform .6s var(--ease)}.go:hover svg{transform:translate(6px)}.ln{padding-bottom:.06em;margin-bottom:-.06em}.process{position:relative;min-height:100svh;display:grid;grid-template-columns:min(58vw,900px) minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;column-gap:clamp(24px,4vw,72px);padding:var(--pad-t) var(--gutter) var(--pad-b)}.process:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0a0c0be6,#0a0c0b9e 44%,#0a0c0b00 68%)}.process>*{position:relative}.process>.group-title{grid-column:1;grid-row:2;margin-bottom:clamp(.6rem,3svh,2.4rem)}.process>.moves{grid-column:1;grid-row:3}.process>.spot{grid-column:2;grid-row:1 / -1}.moves{list-style:none;margin:0;padding:0}.moves li{display:grid;grid-template-columns:clamp(2.6rem,5vw,5rem) minmax(0,1.2fr) minmax(0,1fr);align-items:baseline;gap:8px clamp(16px,2.4vw,40px);padding:clamp(.8rem,2.8svh,2rem) 0;border-bottom:1px solid var(--line)}.move-n{font-family:var(--serif);font-size:clamp(1.4rem,min(2.3vw,4svh),2.4rem);color:var(--vermilion)}.moves strong{font-weight:800;font-stretch:112%;font-size:clamp(1.9rem,min(3.6vw,6.4svh),4rem);line-height:.95;letter-spacing:-.04em}.move-t{color:var(--ivory-2);font-size:clamp(16px,1.25vw,20px);max-width:26ch}.contact{position:relative;min-height:calc(100svh - var(--foot-h, 0px));display:flex;flex-direction:column;padding:var(--pad-t) var(--gutter) clamp(24px,6svh,72px)}.contact>.spot{flex:1 1 auto;min-height:clamp(110px,24svh,360px)}.contact-foot{text-align:center}.contact-ask{font-family:var(--serif);font-size:clamp(1.3rem,min(2.15vw,3.8svh),2.15rem);line-height:1.16;letter-spacing:-.012em;margin:0 auto clamp(.9rem,2.6svh,1.5rem);max-width:24ch;text-wrap:balance}.contact-mail{position:relative;display:inline-block;padding-bottom:.16em;font-weight:720;font-size:clamp(1.3rem,min(4.5vw,8svh),4.8rem);line-height:1.05;letter-spacing:-.035em}.contact-mail i{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--vermilion);transform-origin:left center}.foot{display:grid;grid-template-columns:1fr 2fr 1fr;gap:14px 40px;padding:30px var(--gutter) max(34px,calc(env(safe-area-inset-bottom) + 20px));background:var(--night);border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.5}.foot p:nth-child(2){text-align:center}.foot p:last-child{text-align:right}.foot a{color:var(--ivory);padding:0}.no-webgl .stage{display:none}.no-webgl .hero-title{position:absolute;inset:0;width:auto;height:auto;clip-path:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4vh;font-weight:900;font-stretch:125%;font-size:clamp(2.6rem,11vw,11rem);letter-spacing:-.04em;line-height:1}.no-webgl .hero-hint{visibility:hidden}.no-webgl .hero-rook{display:block;width:clamp(48px,7vw,96px);fill:var(--vermilion)}.no-webgl .spot{background:var(--tint);opacity:.85;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 48'%3E%3Cpath d='M7 2h7v5h3V2h6v5h3V2h7v13H7zM11 17h18l1.4 16H9.6zM7.5 35h25v4h3v7h-31v-7h3z'/%3E%3C/svg%3E") center / auto min(46%,180px) no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 48'%3E%3Cpath d='M7 2h7v5h3V2h6v5h3V2h7v13H7zM11 17h18l1.4 16H9.6zM7.5 35h25v4h3v7h-31v-7h3z'/%3E%3C/svg%3E") center / auto min(46%,180px) no-repeat}@media(max-aspect-ratio:41/50){.product,.product[data-side=right]{display:flex;flex-direction:column;justify-content:flex-end}.product>.spot{order:-1;flex:1 1 auto}.product:before,.product[data-side=right]:before{display:none}.product-copy,.process>.moves{isolation:isolate}.product-copy:before,.process>.moves:before{content:"";position:absolute;z-index:-1;inset:-7svh calc(-1 * var(--gutter)) calc(-1 * var(--pad-b));pointer-events:none;background:linear-gradient(0deg,#0a0c0bf0,#0a0c0bdb 78%,#0a0c0b00)}.product-copy{width:100%;max-width:620px}.product-name{font-size:clamp(2.2rem,min(12.5vw,7.2svh),4.6rem)}.product-proof{font-size:clamp(1.15rem,min(5.6vw,3.5svh),2rem);max-width:26ch}.shot,.product-meta{width:var(--shot-w, 100%)}.process{display:flex;flex-direction:column}.process:before{display:none}.process>.group-title{margin-bottom:0}.process>.spot{flex:1 1 auto;min-height:clamp(110px,22svh,420px)}.moves li{grid-template-columns:2.4rem minmax(0,1fr);gap:4px clamp(12px,3vw,28px)}.move-t{grid-column:2}}@media(max-width:760px){:root{--nav-h: calc(env(safe-area-inset-top, 0px) + 56px) }body{font-size:16px}.nav nav a:not(:last-child){display:none}.hero-foot{grid-template-columns:1fr auto}.hero-hint{display:none}.product-meta{font-size:13px}.moves strong{font-size:clamp(1.6rem,min(8.4vw,5.2svh),2.6rem)}.move-t{font-size:15px}.foot{grid-template-columns:1fr;gap:8px;padding-top:22px}.foot p:nth-child(2),.foot p:last-child{text-align:left}}@media(prefers-reduced-motion:reduce){.hero-scroll i:after{animation:none;transform:none}.nav,.nav nav a:after,.go:after,.product-name a{transition:none}}.lost-main{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5vh;padding:10vh var(--gutter);text-align:center}.lost-rank{display:grid;grid-template-columns:repeat(8,1fr);width:min(420px,80vw);height:min(52px,10vw);border:1px solid var(--line)}.lost-rank i:nth-child(odd){background:#efe9dc1f}.lost-rank i.gone{background:none;outline:1px solid var(--vermilion);outline-offset:-1px}.lost-title{font-weight:880;font-stretch:125%;font-size:clamp(2.6rem,9vw,8rem);line-height:.92;letter-spacing:-.045em}.lost-text{color:var(--ivory-2);font-size:17px;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;align-items:center}