@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-vietnamese-wght-normal.D0rl6rjA.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-ext-wght-normal.D9tNdqV9.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.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{--ink:#09090a;--ink-raised:#111113;--paper:#f3efe6;--red:#ff3b30;--muted:#9d9a93;--rule:#26262a;--line:1px solid var(--rule);--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--gutter:40px;--surface:var(--ink);--text:var(--paper);color:var(--paper);background:var(--ink);color-scheme:dark;font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Space Grotesk Variable,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--ink);margin:0}a{color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-decoration:none}:focus-visible{outline:2px solid var(--red);outline-offset:4px}::selection{background:var(--red);color:var(--ink)}.icon{flex:none;width:20px;height:20px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;background:var(--paper);color:var(--ink);border-radius:999px;padding:14px 18px;font-weight:600;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.eyebrow{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.poster-hero{isolation:isolate;background:radial-gradient(ellipse 55% 70% at 72% 42%, #ff3b3033, transparent 70%), var(--ink);height:100svh;min-height:720px;max-height:1200px;position:relative;overflow:hidden}.poster-hero:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#f3efe629 1px,#0000 1.4px);background-size:22px 22px;position:absolute;inset:0;mask-image:linear-gradient(100deg,#000 15%,#0000 60%)}.poster-hero:after{content:"";z-index:3;opacity:.07;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.site-header{inset:24px var(--gutter) auto;z-index:5;justify-content:space-between;align-items:center;font-size:13px;display:flex;position:absolute}.brand{letter-spacing:-.05em;text-shadow:0 1px 3px #000;align-items:center;gap:10px;margin-left:-8px;padding:6px 8px;font-size:22px;font-weight:700;display:flex}.brand img{width:28px;height:28px;image-rendering:pixelated;border-radius:7px}.brand b{color:var(--red)}nav{text-shadow:0 1px 3px #000,0 0 2px #000;gap:4px;margin-right:-16px;display:flex}nav a{align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:500;display:flex}nav a:hover{text-underline-offset:4px;text-decoration:underline}nav a:focus-visible{outline-color:var(--paper);outline-offset:2px}nav img{filter:invert()}nav .icon{opacity:.6;width:13px;height:13px}.roblox-icon{border:5.5px solid;width:15px;height:15px;display:block;transform:rotate(-16deg)}.intro-block{z-index:4;top:118px;left:var(--gutter);pointer-events:none;flex-direction:column;align-items:flex-start;gap:22px;display:flex;position:absolute}.intro{letter-spacing:-.045em;text-shadow:0 1px 3px #000;margin:0;font-size:clamp(26px,2.6vw,38px);font-weight:500;line-height:1.02}.intro em{color:var(--red);font-style:normal}.head-playground{z-index:1;min-width:0;position:absolute;inset:0}.head-stage{width:100%;height:100%;position:relative;overflow:hidden}.head-stage canvas{cursor:default;opacity:0;touch-action:pan-y pinch-zoom;width:100%;height:100%;position:absolute;inset:0}.head-stage[data-state=ready] canvas{opacity:1}.head-stage canvas[data-interaction=hover]{cursor:grab}.head-stage canvas[data-interaction=drag]{cursor:grabbing}.head-stage canvas:focus-visible{outline:none}.wordmark{letter-spacing:-.09em;white-space:nowrap;pointer-events:none;user-select:none;margin:0;font-size:clamp(160px,29.5vw,580px);font-weight:700;line-height:.73;position:absolute;bottom:56px;left:22px}.wordmark-fill{z-index:0;color:var(--paper)}.wordmark-outline{z-index:2;color:#0000;-webkit-text-stroke:clamp(1.5px, .16vw, 3px) var(--paper)}@supports not (-webkit-text-stroke:1px black){.wordmark-outline{display:none}}.sleep-symbols{--sleep-rise:-140px;pointer-events:none;user-select:none;color:var(--paper);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:clamp(36px,5vw,72px);font-weight:700;line-height:1;position:absolute;top:0;left:0}.sleep-symbols span{opacity:0;animation:3.6s ease-out infinite sleep-drift;position:absolute}.sleep-symbols span:nth-child(2){animation-delay:-1.2s}.sleep-symbols span:nth-child(3){animation-delay:-2.4s}@keyframes sleep-drift{0%{opacity:0;transform:translate(0)rotate(-12deg)scale(.65)}20%,65%{opacity:.9}to{opacity:0;transform:translate(36px, var(--sleep-rise)) rotate(8deg) scale(1.1)}}.projects{border-top:var(--line);background:var(--ink);grid-template-columns:auto 1fr 1fr auto;align-items:stretch;scroll-margin-top:24px;display:grid}.projects:focus{outline:none}.projects-title{padding:20px 32px 20px var(--gutter);flex-direction:column;justify-content:center;gap:8px;margin:0;display:flex}.projects-title span:last-child{color:var(--paper);letter-spacing:-.02em;text-transform:none;font:600 15px/1 Space Grotesk Variable,sans-serif}.project-list{display:contents}.project-card{border-left:var(--line);align-items:center;gap:18px;min-height:64px;padding:20px 28px;transition:background-color .25s;display:flex;position:relative}.project-card:hover{background:var(--ink-raised)}.project-card:focus-visible{outline-offset:-4px}.project-index{color:var(--muted);font:500 11px/1 var(--mono);align-self:flex-start}.project-logo,.project-mark{border-radius:10px;flex:none;width:44px;height:44px}.project-mark{background:var(--paper);color:var(--ink);place-items:center;padding-bottom:3px;font:700 30px/1 Space Grotesk Variable,sans-serif;display:grid}.project-copy{flex-direction:column;gap:6px;display:flex}.project-copy strong{letter-spacing:-.04em;font-size:22px;font-weight:600}.project-copy>span{color:var(--muted);font:12px/1.2 var(--mono)}.project-arrow{width:18px;color:var(--muted);margin-left:auto;transition:transform .25s,color .25s}.project-card:hover .project-arrow{color:var(--red);transform:translate(3px,-3px)}.projects-aside{padding:12px var(--gutter) 12px 28px;border-left:var(--line);flex-direction:column;justify-content:center;gap:2px;display:flex}.more-projects,.support-link{white-space:nowrap;align-items:center;gap:10px;min-height:44px;font-size:13px;font-weight:500;transition:color .2s;display:flex}.more-projects .icon{width:14px;height:14px;color:var(--muted)}.support-link{color:var(--muted)}.support-link .icon{width:16px;height:16px;color:var(--red);transition:transform .2s}.support-link:hover,.more-projects:hover{color:var(--red)}.support-link:hover .icon{transform:scale(1.2)}@media (width>=2000px){.wordmark{font-size:29.5vw}}@media (width<=1000px){.projects{grid-template-columns:1fr 1fr}.projects-title{padding:22px var(--gutter) 14px;flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:baseline}.project-card{border-top:var(--line);padding-inline:var(--gutter)}.project-card:first-child{border-left:0}.projects-aside{padding:8px var(--gutter);border-left:0;border-top:var(--line);flex-direction:row;grid-column:1/-1;justify-content:space-between}}@media (width<=600px){:root{--gutter:20px}.poster-hero{background:radial-gradient(ellipse 90% 60% at 55% 40%, #ff3b3038, transparent 70%), var(--ink);height:clamp(520px,140vw,700px);min-height:0;max-height:none}.site-header{inset:16px var(--gutter) auto;font-size:12px}.brand{gap:8px;font-size:20px}.brand img{width:24px;height:24px}nav{margin-right:-12px}nav a{padding:0 12px}nav .icon{display:none}.intro-block{gap:14px;top:86px}.intro{font-size:22px}.intro em{color:inherit}.wordmark{font-size:30vw;bottom:30px;left:8px}.wordmark-outline{-webkit-text-stroke-width:2px}.sleep-symbols{--sleep-rise:-100px}.projects{grid-template-columns:1fr}.project-card{border-left:0;grid-column:1/-1;padding-block:18px}.projects-aside{gap:12px}.more-projects,.support-link{gap:8px;font-size:12px}}@media (width>=1001px) and (height>=500px){.poster-page{flex-direction:column;height:100svh;display:flex}.poster-page>main{flex:1;grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.poster-hero{height:auto;min-height:0;max-height:none}.poster-page .wordmark{font-size:min(29.5vw,52svh)}.project-card{padding-block:16px}}@media (width>=1001px) and (height>=500px) and (height<=750px){.site-header{top:12px}.intro-block{gap:14px;top:clamp(64px,11svh,82px)}.intro{font-size:clamp(18px,3.6svh,26px)}.poster-page .wordmark{font-size:min(29.5vw,46svh);bottom:28px}}@media (prefers-reduced-motion:reduce){.sleep-symbols span{animation:none}*,:before,:after{transition-duration:0s!important;transition-delay:0s!important}}
