@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.03f_1bxrvnkfd.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.37g1whwfgt7kp.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.1iqnhac4m3hwo.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/newsreader-vietnamese-wght-normal.2e8ypamius-z3.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-ext-wght-normal.0u127c2ykgu-q.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-wght-normal.0rbocftmutivq.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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(../media/newsreader-vietnamese-wght-italic.3i6_tg6hhi-0a.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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-ext-wght-italic.1jb3oq23hons4.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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-wght-italic.1pgmdi37vl33_.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{--sea:#0a2830;--sea-2:#103b45;--sea-3:#1b5563;--deep:#06181d;--foam:#f2f5ee;--foam-dim:#f2f5eea8;--foam-soft:#f2f5ee57;--foam-faint:#f2f5ee24;--hibiscus:#f25c6e;--sun:#ffc24d;--lagoon:#46c6b2;--display:"Bricolage Grotesque Variable", ui-sans-serif, system-ui, sans-serif;--serif:"Newsreader Variable", Georgia, "Times New Roman", serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--deep);height:100%;color:var(--foam);font-family:var(--display);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit}.viewport{background:var(--deep);cursor:none;position:fixed;inset:0;overflow:hidden}.viewport:hover{cursor:default}.stage{background:var(--sea);transform-origin:50%;width:1920px;height:1080px;font-size:44px;line-height:1.3;position:absolute;top:50%;left:50%;overflow:hidden}.slide{padding:130px 160px 120px;position:absolute;inset:0}.bracket{border:0 solid var(--foam-soft);pointer-events:none;z-index:5;width:56px;height:56px;position:absolute}.bracket.tl{border-top-width:4px;border-left-width:4px;top:56px;left:56px}.bracket.tr{border-top-width:4px;border-right-width:4px;top:56px;right:56px}.bracket.bl{border-bottom-width:4px;border-left-width:4px;bottom:56px;left:56px}.bracket.br{border-bottom-width:4px;border-right-width:4px;bottom:56px;right:56px}.counter{z-index:5;font-family:var(--serif);color:var(--foam-soft);font-size:28px;font-style:italic;position:absolute;bottom:52px;left:140px}.shutter{z-index:20;background:var(--deep);opacity:0;pointer-events:none;animation:.42s cubic-bezier(.3,0,.2,1) both shutter;position:absolute;inset:0}@keyframes shutter{0%{opacity:.96}to{opacity:0}}.blackout{z-index:30;opacity:0;pointer-events:none;background:#000;transition:opacity .25s;position:absolute;inset:0}.blackout.on{opacity:1}.display{letter-spacing:-.045em;margin:0;font-size:300px;font-weight:800;line-height:.86}.h1{letter-spacing:-.03em;margin:0;font-size:108px;font-weight:700;line-height:1.02}.h2{letter-spacing:-.02em;margin:0;font-size:68px;font-weight:700;line-height:1.08}.lead{margin:0;font-size:46px;line-height:1.3}.small{color:var(--foam-dim);margin:0;font-size:32px;line-height:1.35}.serif{font-family:var(--serif);font-style:italic;font-weight:400}.dim{color:var(--foam-dim)}.sun{color:var(--sun)}.hib{color:var(--hibiscus)}.lag{color:var(--lagoon)}.num{font-variant-numeric:tabular-nums}.rv{opacity:0;transition:opacity .55s,transform .55s cubic-bezier(.2,.7,.2,1);transform:translateY(14px)}.rv.on{opacity:1;transform:none}.rv.d1{transition-delay:80ms}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}.slide.dead{font-family:var(--mono);background:#000;flex-direction:column;justify-content:center;gap:38px;display:flex}.dead .line{max-width:1300px;font-size:54px;line-height:1.25}.cursor{background:var(--foam);vertical-align:-.14em;width:.55em;height:1em;margin-left:6px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.slide.title{flex-direction:column;justify-content:flex-end;padding-bottom:170px;display:flex}.leak{filter:blur(36px);mix-blend-mode:screen;background:radial-gradient(closest-side,#ffc24d8c,#f25c6e3d 58%,#0000 100%);width:1300px;height:1500px;animation:16s ease-in-out infinite alternate drift;position:absolute;top:-320px;right:-380px}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(-90px,70px)scale(1.08)}}.title .display{margin-bottom:44px;font-size:330px;position:relative}.title .sub{max-width:1200px;margin-bottom:56px;font-size:62px;line-height:1.2;position:relative}.title .meta{position:relative}.cols{grid-template-columns:860px 1fr;align-items:center;gap:60px;height:100%;display:grid}.island{justify-self:end;width:820px;height:820px}.island .ring{fill:none;stroke:var(--foam);stroke-width:1.4px;vector-effect:non-scaling-stroke}.island .land{fill:var(--sea-2);stroke:var(--foam);stroke-width:2.4px;vector-effect:non-scaling-stroke}.island .pulse{fill:var(--hibiscus);transform-origin:205px 178px;animation:2.6s ease-out infinite pulse}@keyframes pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(4.5)}}.bignum{letter-spacing:-.04em;color:var(--sun);font-size:230px;font-weight:800;line-height:.9}.tl{height:330px;margin-top:90px;position:relative}.tl-rail{background:var(--foam-faint);height:4px;position:absolute;top:190px;left:0;right:0}.tl-fill{background:var(--sun);height:4px;width:var(--w,0px);transition:width 1.5s cubic-bezier(.6,0,.2,1);position:absolute;top:190px;left:0}.tl-node{text-align:center;opacity:0;width:220px;margin-left:-110px;transition:opacity .5s;position:absolute;top:0}.tl-node.on{opacity:1}.tl-node .age{letter-spacing:-.02em;justify-content:center;align-items:flex-end;height:118px;font-size:54px;font-weight:700;display:flex}.tl-node .dot{background:var(--sun);width:24px;height:24px;box-shadow:0 0 0 8px var(--sea);border-radius:50%;margin-left:-12px;position:absolute;top:180px;left:50%}.tl-node .year{font-family:var(--serif);color:var(--foam-dim);font-size:38px;font-style:italic;position:absolute;top:232px;left:0;right:0}.strip{background:var(--deep);gap:38px;margin-top:90px;padding:58px 36px;display:flex;position:relative}.strip:before,.strip:after{content:"";background:repeating-linear-gradient(90deg, var(--sea) 0 26px, transparent 26px 56px);opacity:.9;height:26px;position:absolute;left:0;right:0;-webkit-mask:linear-gradient(#000,#000);mask:linear-gradient(#000,#000)}.strip:before{top:16px}.strip:after{bottom:16px}.frame{background:var(--sea-2);border:3px solid var(--foam-faint);flex-direction:column;flex:1 1 0;justify-content:flex-end;gap:10px;min-width:0;height:540px;padding:34px 30px;display:flex}.frame b{letter-spacing:-.02em;font-size:50px;font-weight:700;line-height:1.05}.frame span{color:var(--foam-dim);font-size:29px;line-height:1.3}.pills{flex-wrap:wrap;gap:18px;max-width:1500px;margin-top:50px;display:flex}.pill{border:3px solid var(--hibiscus);color:var(--foam);border-radius:100px;padding:16px 36px 18px;font-size:46px;line-height:1.1}.verdict{letter-spacing:-.02em;color:var(--hibiscus);max-width:1500px;margin-top:46px;font-size:66px;font-weight:700;line-height:1.12}.dots{grid-template-columns:repeat(46,34px);grid-auto-rows:34px;display:grid;position:absolute;top:260px;left:160px}.d{place-items:center;width:34px;height:34px;display:grid}.d:after{content:"";background:var(--foam-faint);width:20px;height:20px;transition:background-color .7s ease var(--dl,0s), transform .7s ease var(--dl,0s), box-shadow .7s ease var(--dl,0s);border-radius:50%}.dots[data-step="1"] .d.risk:after,.dots[data-step="2"] .d.risk:after{background:var(--hibiscus)}.dots[data-step="2"] .d.res:after{background:var(--sun);transform:scale(1.35);box-shadow:0 0 22px #ffc24dbf}.dots-title{position:absolute;top:110px;left:160px}.dots-cap{align-items:baseline;gap:120px;display:flex;position:absolute;top:856px;left:160px}.dots-cap .big{letter-spacing:-.03em;margin-right:22px;font-size:84px;font-weight:800}.dots-cap .txt{color:var(--foam-dim);font-size:34px}.split{grid-template-columns:1fr 640px;align-items:center;gap:80px;height:100%;display:grid}.list{margin:0;padding:0;list-style:none}.list li{border-left:4px solid var(--hibiscus);margin-bottom:18px;padding:20px 0 22px 34px;font-size:46px;line-height:1.25}.list.sunline li{border-left-color:var(--sun)}.list.lagline li{border-left-color:var(--lagoon)}.curve{width:100%;overflow:visible}.curve path.line{fill:none;stroke:var(--sun);stroke-width:7px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 2.2s cubic-bezier(.5,0,.2,1)}.curve path.line.on{stroke-dashoffset:0}.curve path.line.hib{stroke:var(--hibiscus)}.curve .tick{font-family:var(--display);fill:var(--foam-dim);font-size:36px}.curve .axis{stroke:var(--foam-faint);stroke-width:2px}.curve .end{fill:var(--sun);opacity:0;transition:opacity .4s 2s}.curve .end.on{opacity:1}.chips{flex-wrap:wrap;gap:16px;display:flex}.chip{border:3px solid var(--sun);border-radius:100px;padding:12px 34px 14px;font-size:42px;line-height:1.1}.three{grid-template-columns:repeat(3,1fr);gap:70px;margin-top:80px;display:grid}.col{border-top:8px solid var(--lagoon);padding-top:34px}.col:nth-child(2){border-top-color:var(--sun)}.col:nth-child(3){border-top-color:var(--foam)}.col h3{white-space:nowrap;letter-spacing:-.02em;margin:0 0 30px;font-size:52px;font-weight:700;line-height:1.05}.col p{color:var(--foam-dim);margin:0 0 20px;font-size:40px;line-height:1.3}.people{gap:54px;margin-top:50px;display:flex}.person{text-align:center;width:240px}.person i{border:5px solid var(--sun);border-radius:50%;width:160px;height:160px;margin:0 auto 22px;display:block;position:relative}.person i:before{content:"";background:var(--sun);border-radius:50%;width:44px;height:44px;margin-left:-22px;position:absolute;top:28px;left:50%}.person i:after{content:"";background:var(--sun);border-radius:44px 44px 0 0;width:88px;height:46px;margin-left:-44px;position:absolute;bottom:18px;left:50%}.person span{font-size:36px;line-height:1.2}.chain{align-items:stretch;gap:40px;margin-top:90px;display:flex}.node{border:4px solid var(--lagoon);letter-spacing:-.01em;flex:1;padding:40px 36px 44px;font-size:46px;font-weight:600;line-height:1.15}.arrow{color:var(--lagoon);align-self:center;font-size:72px;line-height:1}.loopback{border:4px solid var(--lagoon);border-top:0;border-radius:0 0 60px 60px;height:60px;margin-top:22px;margin-left:190px;margin-right:190px;position:relative}.loopback:before{content:"";border:12px solid #0000;border-bottom-color:var(--lagoon);border-top:0;position:absolute;top:-12px;left:-12px}.center{flex-direction:column;justify-content:center;align-items:flex-start;gap:60px;height:100%;display:flex}.byo-top{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.panels{grid-template-columns:1fr 1fr;gap:60px;margin-top:50px;display:grid}.panel{height:520px;padding:36px 40px;position:relative;overflow:hidden}.panel .lbl{letter-spacing:-.02em;z-index:2;font-size:46px;font-weight:700;position:absolute;top:32px;left:40px}.photo{background:var(--sea-3)}.photo .grid{background:linear-gradient(var(--foam-faint), var(--foam-faint)) 33.33% 0 / 2px 100% no-repeat, linear-gradient(var(--foam-faint), var(--foam-faint)) 66.66% 0 / 2px 100% no-repeat, linear-gradient(var(--foam-faint), var(--foam-faint)) 0 33.33% / 100% 2px no-repeat, linear-gradient(var(--foam-faint), var(--foam-faint)) 0 66.66% / 100% 2px no-repeat;position:absolute;inset:0}.photo .focus{border:4px solid var(--sun);width:190px;height:190px;margin:-95px 0 0 -95px;animation:3.4s ease-in-out infinite focus;position:absolute;top:56%;left:50%}@keyframes focus{0%,to{transform:scale(1)}45%{transform:scale(1.14)}60%{transform:scale(.96)}}.photo .exif{font-family:var(--mono);color:var(--foam-dim);font-size:28px;position:absolute;bottom:26px;left:40px}.code{background:var(--deep)}.code pre{font-family:var(--mono);white-space:pre-wrap;color:var(--foam);margin:0;font-size:34px;line-height:1.5;position:absolute;top:128px;left:40px;right:40px}.code .k{color:var(--hibiscus)}.code .s{color:var(--sun)}.code .c{color:var(--lagoon)}.rows{margin-top:70px}.row{border-top:3px solid var(--foam-faint);grid-template-columns:560px 1fr;align-items:baseline;gap:60px;padding:34px 0 36px;display:grid}.row .k{font-family:var(--serif);color:var(--foam-dim);font-size:42px;font-style:italic;line-height:1.2}.row .v{letter-spacing:-.01em;font-size:50px;font-weight:600;line-height:1.2}.crit{margin-top:66px}.crit>div{border-top:3px solid var(--foam-faint);padding:28px 0 32px}.crit b{letter-spacing:-.02em;margin-bottom:12px;font-size:62px;font-weight:700;line-height:1.1;display:block}.crit span{color:var(--foam-dim);font-size:36px}.take{max-width:1500px;margin:70px 0 0;padding:0;list-style:none}.take li{letter-spacing:-.015em;border-top:3px solid var(--foam-faint);padding:22px 0 26px;font-size:58px;font-weight:600;line-height:1.15}.take{transition:opacity .5s}.take.gone{opacity:0}.thanks{letter-spacing:-.045em;color:var(--sun);font-size:300px;font-weight:800;line-height:.9;position:absolute;top:330px;left:160px}@media (prefers-reduced-motion:reduce){.shutter,.leak,.photo .focus,.island .pulse,.cursor{animation:none}.rv,.tl-fill,.curve path.line,.d:after{transition-duration:10ms}}