@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-full-italic-BHALq22K.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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-full-italic-B8-t4Nou.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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-full-italic-D2JnYqd-.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}.splitting .word,.splitting .char{display:inline-block}.splitting .char{position:relative}.splitting .char:before,.splitting .char:after{content:attr(data-char);visibility:hidden;-webkit-user-select:none;user-select:none;transition:inherit;position:absolute;top:0;left:0}.splitting{--word-center:calc((var(--word-total) - 1) / 2);--char-center:calc((var(--char-total) - 1) / 2);--line-center:calc((var(--line-total) - 1) / 2)}.splitting .word{--word-percent:calc(var(--word-index) / var(--word-total));--line-percent:calc(var(--line-index) / var(--line-total))}.splitting .char{--char-percent:calc(var(--char-index) / var(--char-total));--char-offset:calc(var(--char-index) - var(--char-center));--distance:calc((var(--char-offset) * var(--char-offset)) / var(--char-center));--distance-sine:calc(var(--char-offset) / var(--char-center));--distance-percent:calc((var(--distance) / var(--char-center)))}html,body{height:100%;margin:0;overflow:hidden}body{color:#e9e4d8;-webkit-font-smoothing:antialiased;background:#0b0b0c}*{box-sizing:border-box}@property --hi{syntax:"<number>";inherits:true;initial-value:0}:root{--cream:#f3ecdf;--ember:#ff5a2b;--gold:#ffc35c;--mute:#7a7166}body{color:var(--cream);background:radial-gradient(circle at 1px 1px,#f3ecdf12 1px,#0000 1.5px) 0 0/22px 22px,radial-gradient(90% 80% at 50% 40%,#1c140f 0%,#0c0a09 65%)}.poster{grid-template-rows:auto 1fr auto;padding:clamp(14px,3vw,44px);display:grid;position:fixed;inset:0}.top,.read{white-space:nowrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tag{letter-spacing:.12em;text-transform:uppercase;color:#0c0a09;background:var(--gold);border-radius:3px;padding:4px 7px 3px;font:600 11px/1 JetBrains Mono,monospace}.muted{color:var(--mute);letter-spacing:.04em;font:500 clamp(9.5px,.85vw,12px)/1 JetBrains Mono,monospace}.read code{color:var(--gold);font:500 clamp(10px,.95vw,13px)/1 JetBrains Mono,monospace}@media (max-width:560px){.top .muted{display:none}}.type{text-align:center;flex-direction:column;place-self:center;align-items:center;gap:.6vh;display:flex}.wave{letter-spacing:-.03em;cursor:default;-webkit-user-select:none;user-select:none;--hi:0;margin:0;font-family:Fraunces Variable,serif;font-size:clamp(54px,min(15.5vw,30vh),250px);font-weight:400;line-height:.95;animation:5.2s ease-in-out infinite alternate sweep}.wave.manual{transition:--hi .45s cubic-bezier(.2,.8,.2,1);animation:none}@keyframes sweep{0%{--hi:-1}to{--hi:calc(var(--char-total) + 0)}}.wave .char{--d:max(var(--char-index) - var(--hi), var(--hi) - var(--char-index));font-variation-settings:"wght" clamp(120, 900 - var(--d) * 200, 900), "opsz" 144, "SOFT" clamp(0, 100 - var(--d) * 40, 100), "WONK" 1;color:color-mix(in oklab, var(--ember) clamp(0%, 100% - var(--d) * 36%, 100%), var(--cream));transform:translateY(calc(clamp(0, 1.4 - var(--d) * .6, 1.4) * -.06em)) scale(calc(1 + clamp(0, 1 - var(--d) * .5, 1) * .06));display:inline-block}.bob{font-variation-settings:"opsz" 72, "SOFT" 100;margin:0;font:italic 400 clamp(22px,min(5vw,9vh),80px)/1.1 Fraunces Variable,serif}.bob .char{color:color-mix(in oklab, var(--gold) calc(var(--char-index) / var(--char-total) * 100%), #ff8a6b);animation:2.6s ease-in-out infinite bob;animation-delay:calc(var(--char-index) * -.11s);display:inline-block}@keyframes bob{0%,to{transform:translateY(.08em)rotate(-2deg)}50%{transform:translateY(-.12em)rotate(3deg)}}.flip{letter-spacing:.02em;color:#b7ad9f;perspective:400px;cursor:default;margin:.6em 0 0;font:500 clamp(12px,min(2vw,3.6vh),30px)/1 JetBrains Mono,monospace}.flip .char{transition:transform .5s cubic-bezier(.3,1.6,.5,1),color .3s;transition-delay:calc(var(--char-index) * 18ms);display:inline-block}.flip:hover .char{color:var(--gold);transform:rotateX(360deg)}.flip .word:nth-child(n+2) .char{color:var(--cream)}.flip:hover .word .char{color:var(--gold)}