@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/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(/_astro/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(/_astro/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}.cube-body{color-scheme:dark;--ground:#000;--text:#f5f5f5;--text-soft:#e5e7eb;--red:#ff3b2f;--ember:#ff2a17;--ember-glow:#ff22128c;--panel:#0d0f12;--edge:#6b7079;--shade:#00000080;--font:"Archivo Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter:max(20px, 6vw);background:var(--ground);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}html:has(.cube-body){scroll-behavior:auto;background:#000}.cube-body a{color:var(--text-soft);text-underline-offset:4px;text-decoration-line:underline;text-decoration-thickness:1px}.cube-body a:hover{color:var(--red)}.cube-body :focus-visible{outline:2px solid var(--red);outline-offset:4px;border-radius:2px}.track{height:420svh;position:relative}.stage{background:var(--ground) url(/cube/first.avif) 66% 50% / cover no-repeat;height:100svh;position:sticky;top:0;overflow:hidden}@media (width<=760px){.stage{background-position-x:clamp(100vw - max(100vw,177.78svh),50vw - max(100vw,177.78svh)/1.51515,0px)}}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.embers{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ember{bottom:-12px;left:var(--x);width:var(--s);height:var(--s);background:var(--ember);box-shadow:0 0 calc(var(--s) * 2) calc(var(--s) * .6) var(--ember-glow);opacity:0;filter:blur(var(--b));animation:cube-rise var(--d) linear var(--delay) infinite;border-radius:50%;position:absolute}@keyframes cube-rise{0%{opacity:0;transform:translate(0,0)}12%{opacity:var(--o)}50%{transform:translate3d(var(--sway), calc(var(--h) * -.5), 0)}80%{opacity:var(--o)}to{transform:translate3d(var(--drift), calc(var(--h) * -1), 0);opacity:0}}@media (prefers-reduced-motion:reduce){.embers{display:none}}.copy{left:var(--gutter);will-change:opacity, transform;gap:22px;max-width:40vw;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.copy h1{letter-spacing:.01em;margin:0;font-size:clamp(64px,9vw,156px);font-weight:800;font-stretch:125%;line-height:.85}.copy .line{color:var(--text-soft);max-width:34ch;margin:0;font-size:clamp(17px,1.4vw,20px);line-height:1.5}.cube-body .links{letter-spacing:.04em;text-transform:uppercase;gap:24px;margin:0;font-size:16px;font-stretch:110%;display:flex}.cue{left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));color:var(--text-soft);letter-spacing:.26em;text-transform:uppercase;pointer-events:none;justify-items:center;gap:4px;padding-left:.26em;font-size:12px;font-weight:600;font-stretch:115%;display:grid;position:absolute;transform:translate(-50%)}.cue svg{width:18px;height:18px;margin-left:-.26em;animation:1.8s ease-in-out infinite cube-cue}@keyframes cube-cue{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.cue svg{animation:none}}@media (width<=760px){.copy{max-width:none;top:auto;bottom:72px;right:var(--gutter);gap:16px;transform:none}}.room{perspective:var(--P,600px);opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s linear .45s;position:absolute;inset:0}.room.on{opacity:1;visibility:visible;transition:opacity .45s,visibility}.room.cut{transition:none}.cam{transform-style:preserve-3d;transform:translateZ(var(--P,600px)) rotateX(var(--pitch,0deg)) rotateY(var(--yaw,0deg));transition:transform 1s cubic-bezier(.65,0,.35,1);position:absolute;top:50%;left:50%}.wall{left:calc(var(--S,1200px) / -2);top:calc(var(--S,1200px) / -2);width:var(--S,1200px);height:var(--S,1200px);background:var(--ground) center / cover no-repeat;backface-visibility:hidden;place-items:center;display:grid;position:absolute}.wall.back{transform:translateZ(calc(var(--S,1200px) / -2));background-image:url(/cube/room/back.avif)}.wall.right{transform:rotateY(-90deg) translateZ(calc(var(--S,1200px) / -2));background-image:url(/cube/room/right.avif)}.wall.left{transform:rotateY(90deg) translateZ(calc(var(--S,1200px) / -2));background-image:url(/cube/room/left.avif)}.wall.front{transform:rotateY(180deg) translateZ(calc(var(--S,1200px) / -2));background-image:url(/cube/room/front.avif)}.wall.ceiling{transform:rotateX(-90deg) translateZ(calc(var(--S,1200px) / -2));background-image:url(/cube/room/ceiling.avif)}.wall.floor{transform:rotateX(90deg) translateZ(calc(var(--S,1200px) / -2));background-image:url(/cube/room/floor.avif)}.deck{width:min(calc(var(--S,1200px) * .62 + 150px), calc(100vw - 112px));justify-items:center;gap:18px;transition:opacity .3s;display:grid}.deck h2{letter-spacing:.18em;text-transform:uppercase;color:var(--text);text-shadow:0 0 10px var(--ground), 0 0 4px var(--ground), 0 0 2px var(--ground);margin:0;font-size:15px;font-weight:700;font-stretch:125%}.dots{filter:drop-shadow(0 0 4px var(--ground)) drop-shadow(0 0 2px var(--ground));gap:6px;display:flex}.dot{cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;display:grid}.dot:before{content:"";border:1.5px solid var(--text-soft);box-sizing:border-box;border-radius:50%;width:9px;height:9px}.dot[aria-current=true]:before{background:var(--red);border-color:var(--red);width:11px;height:11px}.cube-body .dot:focus-visible{outline-offset:0}.deck-row{align-items:center;gap:16px;width:100%;display:flex}.stack{min-width:0;height:var(--card-h,280px);flex:1;margin-top:36px;position:relative}.card{box-sizing:border-box;background:var(--panel);border:1px solid var(--edge);box-shadow:0 30px 80px var(--shade);color:var(--text);transform-origin:50% 0;border-radius:16px;align-content:center;gap:12px;padding:32px 36px;font-size:17px;line-height:1.6;transition:transform .34s cubic-bezier(.2,.7,.2,1),opacity .34s,border-color .3s;display:grid;position:absolute;inset:0;overflow:auto}.card:after{content:"";border-radius:inherit;background:var(--ground);opacity:var(--dim,0);pointer-events:none;transition:opacity .34s;position:absolute;inset:0}.card h3{margin:0;font-size:27px;font-weight:700;font-stretch:112%;line-height:1.2}.card h3.named{align-items:flex-start;gap:.45em;display:flex}.card .logo{width:var(--logo-w);flex:none;height:1.2em}.card img.logo{object-fit:contain}.card .logo.tint{-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat;background:currentColor}.card p{margin:0}.card .soft{color:var(--text-soft)}.card .meta{color:var(--text-soft);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:2px 18px;display:flex}.card ul{gap:6px;margin:4px 0 0;padding-left:1.1em;list-style:outside;display:grid}.card .cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px;margin-top:10px;display:grid}.card h4{margin:0 0 4px;font-size:18px;font-weight:600}.deck.single .dots,.deck.single .flip{visibility:hidden}.card ul.points{gap:14px;margin:0;font-size:21px;line-height:1.45}.card .big{font-size:21px;line-height:1.55}.card .links{margin-top:6px}.card .media{background:var(--ground);border:1px solid #0000;border-radius:10px;margin:8px 0 0;overflow:hidden}.card .media img,.card .media video{object-fit:cover;width:100%;max-width:none;height:100%;display:block}.flip,.go{font:inherit;color:var(--text-soft);background:color-mix(in srgb, var(--panel) 80%, transparent);border:1px solid var(--edge);cursor:pointer;border-radius:10px;place-items:center;display:grid}.flip{flex:none;width:50px;height:50px;transition:border-color .3s}.go:hover,.deck.edges .flip:hover{color:var(--text);border-color:var(--text-soft)}.card,.flip{border-color:#0000}.deck.edges .card,.deck.edges .flip,.deck.edges .media{border-color:var(--edge)}.card .media{transition:border-color .3s}.flip svg,.go svg{width:18px;height:18px}.overlay{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.overlay .deck{pointer-events:auto}.nav{z-index:10;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.room.leaving .nav{opacity:0}.room.leaving .deck{opacity:0;transition:opacity .55s .65s}.room.leaving .nav .go,.room.leaving .overlay .deck{pointer-events:none}.go{pointer-events:auto;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;font-stretch:115%;display:flex;position:absolute}.go[hidden]{display:none}.go.left,.go.right{flex-direction:column;padding:16px 10px;top:50%;transform:translateY(-50%)}.go.left{border-left:0;border-radius:0 10px 10px 0;left:0}.go.right{border-right:0;border-radius:10px 0 0 10px;flex-direction:column-reverse;right:0}.go.left span,.go.right span{writing-mode:vertical-rl}.go.left span{transform:rotate(180deg)}.go.up{padding-top:calc(10px + env(safe-area-inset-top,0px));border-top:0;border-radius:0 0 10px 10px;top:0;left:50%;transform:translate(-50%)}.go.down{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));border-bottom:0;border-radius:10px 10px 0 0;bottom:0;left:50%;transform:translate(-50%)}.room.tight .deck-row{flex-wrap:wrap;justify-content:center;gap:12px 28px}.room.tight .stack{flex-basis:100%;order:-1}@media (width<=760px){.deck{width:calc(100vw - 24px);height:var(--deck-h,auto);grid-template-rows:auto auto minmax(0,1fr);gap:6px}.go,.go.left,.go.right,.go.up,.go.down{letter-spacing:.1em;border:1px solid var(--edge);border-radius:10px;padding:9px 11px;font-size:12px}.go.left,.go.right{flex-direction:row;top:auto;bottom:16px;transform:none}.go.left{left:16px}.go.right{right:16px}.go.left span,.go.right span{writing-mode:horizontal-tb;transform:none}.go.up{top:calc(16px + env(safe-area-inset-top,0px))}.go.down{bottom:64px}.card{padding:18px 20px;font-size:16px}.card h3{font-size:22px}.card .big{font-size:18px}.card ul.points{gap:10px;font-size:18px}.card .cols{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:4px}.card h4{font-size:16px}.card .cols ul{gap:2px}.flip{width:40px;height:40px}.deck-row{flex-wrap:wrap;place-content:space-between;gap:10px 0;padding:0 4px}.stack{flex-basis:100%;order:-1;margin-top:16px}.cube-body.inside .layout-switcher{display:none}}@media (width<=760px) and (height<=700px){.card{gap:10px;font-size:15px;line-height:1.5}.card h3{font-size:20px}.card .big,.card ul.points{font-size:17px}.card h4{font-size:15px}}@media (prefers-reduced-motion:reduce){.cam{transition:none}}
