@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-vietnamese-wght-normal.0h_qcmzvudf58.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-ext-wght-normal.0i4j_a8lim1a-.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-wght-normal.300rpl789hft0.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/hanken-grotesk-cyrillic-ext-wght-normal.2itxf15ry5usb.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/hanken-grotesk-vietnamese-wght-normal.2acjkvcdf2ph9.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/hanken-grotesk-latin-ext-wght-normal.0vywpxoy2e7vx.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/hanken-grotesk-latin-wght-normal.383nluj69zqfa.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}
:root{--bg:#e9e6e2;--card:#f6f4f0;--ink:#1a1818;--mute:#8a8580;--line:#cfcac4;--photo-bg:#e9e6e2;--spot:#1a181812;--glow:#1a181817;--shadow:#00000059;--display:"Bricolage Grotesque Variable","Bricolage Grotesque","Segoe UI",system-ui,sans-serif;--body:"Hanken Grotesk Variable","Hanken Grotesk","Segoe UI",system-ui,sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1a1818;--card:#2a2726;--ink:#edeae5;--mute:#9a948d;--line:#3a3634;--photo-bg:#e9e6e2;--spot:#ffffff1a;--glow:#ffe2b42b;--shadow:#000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#1a1818;--card:#2a2726;--ink:#edeae5;--mute:#9a948d;--line:#3a3634;--photo-bg:#e9e6e2;--spot:#ffffff1a;--glow:#ffe2b42b;--shadow:#000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{scroll-behavior:smooth;scroll-padding-top:90px}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--body);margin:0;overflow-x:hidden}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.wrap{max-width:1160px;margin:0 auto;padding:0 24px}.bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 0;display:flex}.pill{border:1px solid var(--line);background:var(--card);color:var(--mute);font:500 16px var(--body);border-radius:22px}.menu-btn{cursor:pointer;width:78px;height:54px;color:var(--ink);place-items:center;display:grid}.clock{margin-right:56px;padding:14px 26px}.clock b{color:var(--ink);margin-left:10px;font-weight:600}.cord{z-index:20;cursor:pointer;transform-origin:50% 0;background:0 0;border:0;width:44px;height:170px;padding:0;transition:translate .18s ease-out;animation:4.5s ease-in-out infinite sway;position:fixed;top:0;right:26px}.cord:before{content:"";background:repeating-linear-gradient(135deg,#b9a98c 0 3px,#8d7d62 3px 6px);width:6px;margin-left:-3px;position:absolute;top:0;bottom:30px;left:50%}.cord:after{content:"";background:radial-gradient(circle at 35% 30%,#a8703e,#5a3516 70%);border-radius:50% 50% 55% 55%/35% 35% 65% 65%;width:26px;height:40px;margin-left:-13px;position:absolute;bottom:0;left:50%}.cord.pulled{translate:0 16px}.sheet{background:var(--bg);z-index:30;padding:calc(env(safe-area-inset-top,0px) + 22px) 24px 24px;flex-direction:column;display:none;position:fixed;inset:0}.sheet.open{display:flex}.sheet a{font:800 clamp(34px,8vw,64px)/1.15 var(--display);letter-spacing:-.02em;padding:6px 0;text-decoration:none;display:block}.sheet .close{cursor:pointer;align-self:flex-start;margin-bottom:28px;padding:14px 26px}.hero{border-bottom:1px solid var(--line);grid-template-columns:1.15fr .85fr;align-items:end;gap:24px;padding:40px 0 0;display:grid}h1{font:800 clamp(46px,8vw,104px)/.98 var(--display);letter-spacing:-.035em;margin:0}.board{perspective:900px;max-width:100%;margin:62px 0 38px 6px;display:inline-block;position:relative}.rings{justify-content:space-between;display:flex;position:absolute;top:-20px;left:22px;right:22px}.rings i{background:#fff;border:2px solid #777;border-radius:6px;width:10px;height:34px;transform:skew(-4deg)}.face{color:#1a1818;font:800 clamp(30px,6.2vw,66px)/1.05 var(--display);letter-spacing:-.03em;transform-origin:50% 0;background:#f7f6f2;border-radius:16px;padding:30px 36px 38px;transition:transform .25s ease-in,opacity .25s ease-in;box-shadow:0 5px #e3e0d9,0 9px #cfcbc3,10px 12px #1a1818}.face.out{opacity:0;transform:rotateX(-80deg)}.face.pre{opacity:0;transition:none;transform:rotateX(80deg)}.count{font:500 12px var(--body);letter-spacing:.14em;color:#8a8580;position:absolute;bottom:12px;right:18px}.ctas{flex-wrap:wrap;gap:14px;margin-bottom:44px;display:flex}.btn{font:600 20px var(--body);border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:22px;padding:14px 18px 14px 32px;text-decoration:none;display:inline-flex}.btn.dark{background:var(--ink);color:var(--bg);border-color:var(--ink);box-shadow:5px 0 0 var(--ink)}.btn.dark .arr{background:var(--bg);color:var(--ink)}.btn.plain{padding:20px 38px}.arr{border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.stage{perspective:1100px;align-self:end;position:relative}.portrait{aspect-ratio:4/5;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));background:#0b0b0b;border-radius:22px 22px 0 0;line-height:0;position:relative;overflow:hidden}.portrait:after{content:"";pointer-events:none;background:radial-gradient(420px circle at var(--px,50%) var(--py,30%),#ffffff2b,transparent 60%);opacity:var(--sp,0);transition:opacity .4s;position:absolute;inset:0}.portrait img{object-fit:cover;object-position:50% 12%;width:100%;height:100%;display:block}section{padding:84px 0}h2{font:800 clamp(32px,5vw,60px)/1.05 var(--display);letter-spacing:-.03em;margin:0 0 12px}.sub{color:var(--mute);max-width:52ch;margin:0 0 40px;font-size:18px}.rule{border-top:1px solid var(--line)}.two{max-width:820px}.photo{aspect-ratio:3/4;object-fit:cover;border-radius:22px;width:100%;display:block}.tl{border-left:2px solid var(--ink);margin:0;padding:0;list-style:none}.tl li{padding:0 0 34px 28px;position:relative}.tl li:before{content:"";background:var(--bg);border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;position:absolute;top:8px;left:-7px}.when{color:var(--mute);font-size:15px;font-weight:600}.tl h3{font:800 24px/1.2 var(--display);letter-spacing:-.01em;margin:2px 0}.org{color:var(--mute);margin:0 0 8px}.tl p{max-width:60ch;margin:0}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px}.card h3{font:800 22px var(--display);letter-spacing:-.01em;margin:0 0 8px}.card p{color:var(--mute);margin:0 0 10px}.tags{font-size:14px}.chips{flex-wrap:wrap;gap:10px;margin:0 0 26px;display:flex}.chip{border:1px solid var(--line);background:var(--card);color:var(--ink);font:500 16px var(--body);cursor:pointer;border-radius:999px;padding:10px 20px}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.row{flex-wrap:wrap;gap:14px;display:flex}.reach{color:var(--mute);margin:26px 0 0}.reach a{color:var(--ink);font-weight:600}footer{border-top:1px solid var(--line);color:var(--mute);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:28px 0 40px;font-size:15px;display:flex}@media (max-width:820px){.doors{flex-direction:column;height:auto}.door{border-radius:70px 70px 16px 16px;flex:none;min-height:112px;transition:border-color .3s,box-shadow .4s}.ico,.door[aria-expanded=true] .ico{width:48px;height:48px;top:30px;left:32px;translate:0;scale:1}.vt,.door[aria-expanded=true] .vt{writing-mode:horizontal-tb;opacity:1;font-size:22px;top:40px;left:100px;transform:translate(0,0)}.num,.door[aria-expanded=true] .num{inset:44px 26px auto auto;translate:0}.pane{opacity:1;visibility:visible;padding:104px 26px 70px;display:none;position:relative;inset:auto}.door[aria-expanded=true] .pane{animation:.6s cubic-bezier(.2,.8,.2,1) both fadeUp;display:block}.pane h3{display:none}.prog{bottom:30px;left:26px;right:26px}.hero{grid-template-columns:1fr}.stage{width:100%;max-width:560px;margin-inline:auto}.clock{margin-right:46px;padding:14px 18px;font-size:15px}.menu-btn{width:64px}.face{padding:26px 24px 34px}}.doors{gap:14px;height:500px;display:flex}.door{--mx:50%;--my:50%;border:1px solid var(--line);background:var(--card);text-align:left;min-width:0;color:var(--ink);font:inherit;cursor:pointer;isolation:isolate;border-radius:170px 170px 16px 16px;flex:1;padding:0;transition:flex .75s cubic-bezier(.2,.8,.2,1),border-color .3s,translate .4s cubic-bezier(.2,.8,.2,1),box-shadow .5s;position:relative;overflow:hidden}.door:before{content:"";z-index:-1;background:radial-gradient(280px circle at var(--mx) var(--my),var(--spot),transparent 65%);opacity:0;transition:opacity .35s;position:absolute;inset:0}.door:hover:before{opacity:1}.door:hover{border-color:var(--ink);translate:0 -6px}.door[aria-expanded=true]{border-color:var(--ink);box-shadow:0 30px 70px -30px var(--shadow);flex:3.8}.glow{z-index:-1;background:radial-gradient(ellipse 85% 60% at 50% 100%,var(--glow),transparent 72%);opacity:0;transition:opacity .9s;position:absolute;inset:0}.door[aria-expanded=true] .glow{opacity:1;animation:5s ease-in-out infinite flicker}.ico{width:50px;height:50px;color:var(--ink);transition:scale .6s cubic-bezier(.3,1.5,.5,1);position:absolute;top:46px;left:50%;translate:-50%;scale:1}.door[aria-expanded=true] .ico{scale:1.35}.ico *{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.door[aria-expanded=true] .ico *{animation:1.3s cubic-bezier(.4,0,.2,1) both draw}.num{font:600 14px var(--body);letter-spacing:.16em;color:var(--mute);transition:color .3s;position:absolute;bottom:22px;left:50%;translate:-50%}.door[aria-expanded=true] .num{color:var(--ink);left:30px;translate:0}.vt{writing-mode:vertical-rl;font:800 24px var(--display);letter-spacing:-.01em;white-space:nowrap;transition:opacity .3s;position:absolute;top:128px;left:50%;transform:rotate(180deg)}.door[aria-expanded=true] .vt{opacity:0}.pane{opacity:0;visibility:hidden;padding:150px 32px 96px;transition:opacity .25s,visibility 0s .25s;position:absolute;inset:0}.door[aria-expanded=true] .pane{opacity:1;visibility:visible;transition:opacity .6s .4s}.pane h3{font:800 clamp(28px,3.1vw,40px)/1.05 var(--display);letter-spacing:-.025em;margin:0 0 12px}.pane .blurb{color:var(--mute);max-width:46ch;margin:0 0 22px;font-size:16px}.pane ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pane li{border:1px solid var(--line);background:var(--bg);white-space:nowrap;border-radius:999px;padding:7px 16px;font-size:15px;transition:translate .25s,border-color .25s}.pane li:hover{border-color:var(--ink);translate:0 -4px}.door[aria-expanded=true] li{animation:.5s cubic-bezier(.3,1.5,.5,1) both pop;animation-delay:calc(.45s + var(--k)*50ms)}.prog{background:var(--line);opacity:0;height:2px;transition:opacity .3s;position:absolute;bottom:50px;left:32px;right:32px}.door[aria-expanded=true] .prog{opacity:1}.prog i{background:var(--ink);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.doors.auto .door[aria-expanded=true] .prog i{animation:5.5s linear forwards fill}.doors:hover .prog i{animation-play-state:paused}.doors.in .door{animation:.9s cubic-bezier(.2,.8,.2,1) forwards rise;animation-delay:calc(var(--i)*.1s)}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes fill{to{transform:scaleX(1)}}@keyframes flicker{0%,to{opacity:.8}50%{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}body.loading{overflow:hidden}.loader{z-index:100;color:#edeae5;padding:24px 24px calc(24px + env(safe-area-inset-bottom,0px));background:#1a1818;flex-direction:column;justify-content:flex-end;transition:transform .9s cubic-bezier(.77,0,.18,1);animation:0s 5s forwards lf;display:flex;position:fixed;inset:0}.loader.done{transform:translateY(-101%)}.loader .lbl{font:500 16px var(--body);color:#9a948d}.loader .num{font:800 clamp(80px,24vw,240px)/.9 var(--display);letter-spacing:-.04em}.loader .bar2{background:#3a3634;height:2px;margin-top:18px}.loader .bar2 i{background:#edeae5;width:0;height:100%;transition:width 60ms linear;display:block}@keyframes lf{to{visibility:hidden}}@keyframes sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@keyframes drop{0%{opacity:0;transform:translateY(-90px)rotate(-5deg)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(70px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes run{to{transform:translate(-50%)}}@keyframes breathe{0%,to{scale:1}50%{scale:1.04}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.fl{z-index:3;background:var(--card);color:var(--ink);border:1px solid var(--line);font:600 15px var(--body);white-space:nowrap;translate:calc(var(--mx,0)*-18px) calc(var(--my,0)*-12px);animation:5s ease-in-out infinite bob;animation-delay:var(--b,0s);border-radius:999px;align-items:center;padding:10px 18px;transition:translate .25s ease-out;display:flex;position:absolute;box-shadow:0 10px 24px #0003}.fl:before{content:"";background:var(--ink);border-radius:50%;width:8px;height:8px;margin-right:9px}.fl.a{top:14%;left:-5%}.fl.b{--b:-1.2s;top:30%;right:-4%}.fl.c{--b:-2.4s;bottom:26%;left:-4%}.fl.d{--b:-3.6s;bottom:14%;right:-3%}.js .fl{opacity:0}body.ready .fl{opacity:1;transition:opacity .7s 1.7s,translate .25s ease-out}h1 .ln{padding-bottom:.08em;display:block;overflow:hidden}h1 .ln em{font-style:normal;display:block}h1 .ln.mute{color:var(--mute)}.js h1 .ln em{transform:translateY(112%)}body.ready h1 .ln em{transition:transform .9s cubic-bezier(.2,.8,.2,1) .15s;transform:none}body.ready h1 .ln.mute em{transition-delay:.3s}.js .board{opacity:0}body.ready .board{animation:1.1s cubic-bezier(.3,1.35,.5,1) .55s forwards drop}.js .ctas{opacity:0;transform:translateY(22px)}body.ready .ctas{opacity:1;transition:opacity .7s 1s,transform .7s 1s;transform:none}.js .portrait{clip-path:inset(100% 0 0)}.js .portrait img{transform:scale(1.18)}body.ready .portrait{clip-path:inset(0);transition:clip-path 1.2s cubic-bezier(.77,0,.18,1) .35s,transform .25s ease-out}body.ready .portrait img{transition:transform 1.6s cubic-bezier(.2,.8,.2,1) .35s;animation:7s ease-in-out 2.2s infinite breathe;transform:none}.marquee{border-bottom:1px solid var(--line);padding:22px 0;overflow:hidden}.track{width:max-content;animation:30s linear infinite run;display:flex}.marquee:hover .track{animation-play-state:paused}.group{flex-shrink:0;display:flex}.group span{font:800 clamp(24px,3.6vw,38px)/1 var(--display);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:34px;padding-right:34px;display:flex}.group span:after{content:"";background:var(--mute);border-radius:50%;width:8px;height:8px}.js [data-reveal]{opacity:0;transition:opacity .7s ease var(--d,0s),transform .8s cubic-bezier(.2,.8,.2,1) var(--d,0s);transform:translateY(30px)}.js [data-reveal].in{opacity:1;transform:none}.js .door{opacity:0}.tl{border-left-color:var(--line);position:relative}.tl:after{content:"";background:var(--ink);transform-origin:top;width:2px;height:100%;transform:scaleY(var(--p,0));position:absolute;top:0;left:-2px}.tl li:before{border-color:var(--line);transition:background .4s,border-color .4s,transform .4s cubic-bezier(.3,1.6,.5,1)}.tl li.on:before{background:var(--ink);border-color:var(--ink);transform:scale(1.25)}.card{transition:transform .3s,border-color .3s}.card:hover{border-color:var(--ink);transform:translateY(-6px)}.arr{transition:transform .3s cubic-bezier(.3,1.4,.5,1)}.btn:hover .arr{transform:translate(6px)}.btn.plain:hover,.chip:hover{border-color:var(--ink)}.btn{transition:translate .2s ease-out,border-color .2s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.js [data-reveal],.js .door,.js .board,.js .ctas{opacity:1!important;transform:none!important}.js h1 .ln em,.js .portrait img{transform:none}.js .portrait{clip-path:none}.tl{--p:1}.tl li:before{background:var(--ink);border-color:var(--ink)}.loader{display:none}}html{scroll-behavior:smooth}