@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./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(./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(./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}@property --accent{syntax:"<color>";inherits:true;initial-value:#ffd08e}@property --shade{syntax:"<color>";inherits:true;initial-value:#1b1631}@property --sky-top{syntax:"<color>";inherits:true;initial-value:#26357a}@property --sky-horizon{syntax:"<color>";inherits:true;initial-value:#f6a45f}@property --grass-base{syntax:"<color>";inherits:true;initial-value:#17331f}@property --grass-tip{syntax:"<color>";inherits:true;initial-value:#d8c060}@property --sun-rim{syntax:"<color>";inherits:true;initial-value:#ff9a52}:root{--font:"Archivo Variable", "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ink:#fffaf2;--ink-2:#fffaf2db;--ink-3:#fffaf2b3;--line:#fffaf242;--line-strong:#fffaf275;--veil:color-mix(in srgb, var(--shade) 58%, transparent);--veil-strong:color-mix(in srgb, var(--shade) 80%, transparent);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-io:cubic-bezier(.65, 0, .35, 1);--pad:clamp(18px, 4.2vw, 64px);--topbar-h:84px;--radius:18px;--tile:clamp(92px, 8.4vw, 140px);--text-shadow:0 1px 2px color-mix(in srgb, var(--shade) 55%, transparent), 0 2px 22px color-mix(in srgb, var(--shade) 55%, transparent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;transition:--accent 1.4s var(--ease-io), --shade 1.4s var(--ease-io), --sky-top 1.4s var(--ease-io), --sky-horizon 1.4s var(--ease-io), --grass-base 1.4s var(--ease-io), --grass-tip 1.4s var(--ease-io), --sun-rim 1.4s var(--ease-io)}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--shade);color:var(--ink);font-family:var(--font);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;margin:0;font-size:16px;font-stretch:100%;line-height:1.55;overflow:hidden}::selection{background:var(--accent);color:var(--shade)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:8px}a{color:inherit;text-underline-offset:.2em}button{font:inherit;color:inherit}img{max-width:100%;display:block}h1,h2,h3,p,ul,dl,dd,figure{margin:0}ul{padding:0;list-style:none}[hidden]{display:none!important}kbd{border:1px solid var(--line-strong);min-width:24px;height:22px;font:700 11px/1 var(--font);letter-spacing:.03em;color:var(--ink);background:color-mix(in srgb, var(--shade) 30%, transparent);border-bottom-width:2px;border-radius:6px;place-items:center;padding:0 6px;font-stretch:82%;display:inline-grid}kbd .icon{width:12px;height:12px}.icon{flex:none;display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--ink);color:var(--shade);transition:transform .3s var(--ease-out);border-radius:999px;padding:10px 16px;font-weight:700;text-decoration:none;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}.noscript{text-align:center;z-index:5;position:fixed;inset:auto 0 40%}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:3px solid #0000;border-radius:99px}::-webkit-scrollbar-track{background:0 0}#world{width:100vw;height:100vh;z-index:0;touch-action:pan-y;height:100dvh;display:block;position:fixed;inset:0}.world-fallback{z-index:0;background:radial-gradient(60% 40% at 62% 56%, color-mix(in srgb, var(--accent) 55%, transparent), transparent 70%), linear-gradient(180deg, var(--sky-top) 0%, var(--sky-horizon) 57%, var(--grass-tip) 57.4%, var(--grass-base) 100%);display:none;position:fixed;inset:0}.no-webgl .world-fallback{display:block}.grain{z-index:1;pointer-events:none;opacity:.07;mix-blend-mode:overlay;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");animation:.9s steps(5,end) infinite grain;position:fixed;inset:-60px}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-18px,12px)}40%{transform:translate(14px,-22px)}60%{transform:translate(-10px,26px)}80%{transform:translate(24px,8px)}to{transform:translate(0)}}.btn{--h:48px;height:var(--h);background:color-mix(in srgb, var(--shade) 34%, transparent);box-shadow:inset 0 0 0 1.5px var(--line-strong);color:var(--ink);letter-spacing:.005em;white-space:nowrap;cursor:pointer;transition:background-color .25s, box-shadow .25s, color .25s, transform .35s var(--ease-out);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:650;font-stretch:100%;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{background:color-mix(in srgb, var(--ink) 14%, transparent);box-shadow:inset 0 0 0 1.5px var(--ink)}.btn:active{transform:translateY(1px)scale(.98)}.btn--primary{background:var(--ink);color:var(--shade);box-shadow:0 10px 26px -12px #0000008c}.btn--primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 14px 30px -12px #0009}.btn--primary kbd{color:var(--shade);border-color:color-mix(in srgb, var(--shade) 35%, transparent);background:0 0}.btn--quiet{box-shadow:none;color:var(--ink-2);background:0 0;padding:0 14px}.btn--quiet:hover{background:color-mix(in srgb, var(--ink) 10%, transparent);box-shadow:none;color:var(--ink)}.btn--sm{--h:40px;padding:0 16px;font-size:14px}.btn--lg{--h:56px;padding:0 26px;font-size:16px}.icon-btn{background:color-mix(in srgb, var(--shade) 30%, transparent);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:background-color .25s,box-shadow .25s;display:grid}.icon-btn:hover{background:color-mix(in srgb, var(--ink) 14%, transparent);box-shadow:inset 0 0 0 1px var(--line-strong)}.icon-btn[aria-pressed=true]{background:var(--ink);color:var(--shade)}.controls{align-items:center;gap:10px;display:flex}.seg{background:color-mix(in srgb, var(--shade) 30%, transparent);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:3px;display:inline-flex}.seg button{letter-spacing:.06em;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 11px;font-size:12.5px;font-weight:750;transition:background-color .25s,color .25s}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:var(--ink);color:var(--shade)}.dot{background:#62e39a;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 3px #62e39a38}.dot--off{background:#ffb36b;box-shadow:0 0 0 3px #ffb36b38}.clock{font-variant-numeric:tabular-nums;font-weight:650}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips li{background:color-mix(in srgb, var(--shade) 42%, transparent);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:620;line-height:1}.flag{color:var(--shade);background:var(--accent);text-shadow:none;white-space:nowrap;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;font-stretch:92%;line-height:1.1;display:inline-flex}.flag[title]{cursor:help}.flag--sample{background:color-mix(in srgb, var(--accent) 88%, #fff)}.dev-inline{color:var(--ink-3);border-bottom:1px dashed var(--line-strong);font-size:12.5px}.title{z-index:10;padding:max(20px, env(safe-area-inset-top)) var(--pad) max(22px, env(safe-area-inset-bottom));text-align:center;text-shadow:var(--text-shadow);grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.title:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(to top, color-mix(in srgb, var(--shade) 70%, transparent) 0%, color-mix(in srgb, var(--shade) 34%, transparent) 45%, transparent 100%);height:52%;position:absolute;inset:auto 0 0}.title__bar{text-align:left;justify-content:space-between;align-items:center;gap:16px;display:flex}.sysline{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:14px;font-weight:560;font-stretch:92%;display:flex}.sysline__group{white-space:nowrap;align-items:center;gap:9px;display:inline-flex}.sysline__place:before{content:"";background:var(--line-strong);width:1px;height:14px;margin-right:3px}.title__center{align-self:start;margin-top:clamp(36px,13vh,150px)}.title__name{letter-spacing:.012em;text-transform:uppercase;color:var(--ink);text-shadow:none;font-size:clamp(3.4rem,10.6vw,9.6rem);font-weight:900;font-stretch:125%;line-height:.86}.title__line{white-space:nowrap;will-change:transform;filter:url(#sunlit);display:inline-block}.svg-defs{width:0;height:0;position:absolute;overflow:hidden}.title__char{display:inline-block}.title__role{letter-spacing:.24em;text-transform:uppercase;justify-content:center;align-items:center;gap:18px;margin-top:clamp(16px,2.4vh,26px);font-size:clamp(.78rem,1vw,.95rem);font-weight:700;font-stretch:115%;display:flex}.title__rule{opacity:.75;width:clamp(28px,5vw,76px);height:1.5px;box-shadow:0 1px 6px color-mix(in srgb, var(--shade) 45%, transparent);background:currentColor;flex:none}.title__lower{justify-items:center;gap:clamp(16px,2.6vh,26px);padding-bottom:clamp(48px,8vh,84px);display:grid}.title__pitch{max-width:34ch;color:var(--ink);text-wrap:balance;font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.4}.title__start{text-shadow:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.title__start .btn:not(.btn--primary){background:color-mix(in srgb, var(--shade) 50%, transparent)}.title__anykey{color:var(--ink);text-shadow:var(--text-shadow);flex-basis:100%;margin-top:4px;font-size:13px;font-weight:560;animation:2.6s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.72}50%{opacity:1}}.title__hint,.title__foot{bottom:max(18px, env(safe-area-inset-bottom));color:var(--ink);background:color-mix(in srgb, var(--shade) 64%, transparent);text-shadow:none;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:13px;font-weight:560;display:flex;position:absolute}.title__hint{left:var(--pad)}.title__foot{right:var(--pad);color:var(--ink-2)}.app{z-index:10;position:fixed;inset:0}.topbar{z-index:6;height:var(--topbar-h);padding:0 var(--pad);grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;display:grid;position:absolute;inset:0 0 auto}.topbar:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(to bottom, color-mix(in srgb, var(--shade) 62%, transparent), transparent);position:absolute;inset:0 0 -90px}.brand{text-shadow:var(--text-shadow);justify-self:start;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand__mark{background:var(--ink);width:36px;height:36px;color:var(--shade);text-shadow:none;border-radius:50%;place-items:center;font-size:15px;font-weight:900;font-stretch:125%;display:grid}.brand__name{letter-spacing:.012em;text-transform:uppercase;font-size:19px;font-weight:900;font-stretch:125%;line-height:1}.tabs{background:color-mix(in srgb, var(--shade) 46%, transparent);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;gap:2px;padding:5px;display:flex;position:relative}.tab{z-index:1;color:var(--ink-2);white-space:nowrap;border-radius:999px;padding:10px 18px;font-size:14.5px;font-weight:640;line-height:1;text-decoration:none;transition:color .35s;position:relative}.tab:hover{color:var(--ink)}.tab[aria-current=page]{color:var(--shade)}.tabs__pill{background:var(--ink);clip-path:inset(0 var(--pr,100%) 0 var(--pl,0) round 999px);transition:clip-path .6s var(--ease-out), opacity .3s;border-radius:999px;position:absolute;inset:5px}.topbar__right{color:var(--ink-2);text-shadow:var(--text-shadow);justify-self:end;align-items:center;gap:16px;font-size:13.5px;display:flex}.status{white-space:nowrap;align-items:center;gap:9px;font-weight:560;display:inline-flex}.views{outline:none;position:absolute;inset:0}.view{position:absolute;inset:0;overflow:hidden}.view--projects{padding-top:calc(var(--topbar-h) + 4px);grid-template-rows:auto minmax(0,1fr);display:grid}.view--projects:before{content:"";pointer-events:none;background:radial-gradient(ellipse 72% 72% at 0% 100%, var(--veil-strong), transparent 72%);position:absolute;inset:0}.shelf{padding:22px var(--pad) 34px;scrollbar-width:none;gap:clamp(14px,1.5vw,22px);display:flex;position:relative;overflow-x:auto}.shelf::-webkit-scrollbar{display:none}.shelf__item{flex:none;position:relative}.tile{width:var(--tile);aspect-ratio:1;border-radius:var(--radius);background:color-mix(in srgb, var(--shade) 55%, transparent);color:var(--ink);cursor:pointer;transform-origin:50% 70%;filter:brightness(.74)saturate(.8);transition:transform .55s var(--ease-out), filter .45s var(--ease-out), box-shadow .45s var(--ease-out);border:0;place-items:center;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 26px -14px #000000a6}.tile:hover{filter:brightness(.92)saturate(.95)}.tile.is-active{filter:none;box-shadow:0 0 0 3px var(--ink), 0 22px 40px -16px #000000bf;transform:translateY(-3px)scale(1.14)}.tile:focus-visible{box-shadow:0 0 0 3px var(--ink), 0 0 0 7px color-mix(in srgb, var(--ink) 35%, transparent), 0 22px 40px -16px #000000bf;outline:none}.tile__art{position:absolute;inset:0}.tile__art:after{content:"";pointer-events:none;background:linear-gradient(to top, color-mix(in srgb, var(--shade) 80%, transparent) 0%, color-mix(in srgb, var(--shade) 26%, transparent) 46%, transparent 68%);position:absolute;inset:0}.tile__art img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease-out)}.tile__art img.is-loaded{opacity:1}.tile__type{background:color-mix(in srgb, var(--shade) 72%, transparent);width:28px;height:28px;color:var(--ink);border-radius:9px;place-items:center;display:grid;position:absolute;top:8px;left:8px}.tile__name{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.01em;text-align:left;text-transform:uppercase;text-wrap:balance;color:var(--ink);text-shadow:0 1px 2px #0000008c,0 2px 12px #00000073;font-size:clamp(8.5px,.74vw,11.5px);font-weight:900;font-stretch:96%;line-height:1.02;position:absolute;bottom:9px;left:10px;right:10px}.tile__name--long{font-stretch:78%}.tile--next{background:color-mix(in srgb, var(--shade) 24%, transparent);box-shadow:inset 0 0 0 1.5px var(--line-strong);filter:none;color:var(--ink-2)}.tile--next .tile__name{text-shadow:none;color:inherit}.tile--next:before{content:"";border:1.5px dashed var(--line-strong);border-radius:12px;position:absolute;inset:7px}.tile--next.is-active{box-shadow:0 0 0 3px var(--ink), 0 22px 40px -16px #0009;color:var(--ink)}.stage{min-height:0;padding:0 var(--pad) clamp(58px, 9vh, 92px);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:end;gap:clamp(24px,4vw,72px);display:grid;position:relative}.stage__info{max-width:620px;text-shadow:var(--text-shadow);align-self:end}.stage__title{letter-spacing:.005em;text-transform:uppercase;text-wrap:balance;font-size:clamp(2.3rem,4.6vw,4.4rem);font-weight:900;font-stretch:125%;line-height:.92}.stage__meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:18px;font-size:14.5px;font-weight:600;font-stretch:88%;display:flex}.stage__meta>span:not(.flag)+span:not(.flag):before{content:"";background:var(--ink-3);vertical-align:middle;border-radius:50%;width:4px;height:4px;margin:0 14px 2px 0;display:inline-block}.stage__meta .flag{text-shadow:none}.stage__summary{max-width:44ch;margin-top:16px;font-size:clamp(1.02rem,1.2vw,1.18rem);line-height:1.5}.stage__info .chips{text-shadow:none;margin-top:20px}.stage__actions{text-shadow:none;flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.stage__preview{perspective:1800px;place-self:center end;justify-items:end;width:100%;display:grid}.device-wrap{width:min(100%, 780px, calc((100dvh - var(--topbar-h) - var(--tile) - 205px) * 1.6));transform-style:preserve-3d;transform:rotateY(calc(-12deg + var(--px,0) * 7deg)) rotateX(calc(3deg - var(--py,0) * 5deg));transition:transform 1s var(--ease-out);display:grid}.device-wrap>*{grid-area:1/1}.device{background:#0e0d14;border-radius:16px;place-self:center;width:100%;position:relative;overflow:hidden;box-shadow:0 50px 90px -34px #000000bf,0 0 0 1px #ffffff1a}.device__bar{background:#1a1820;align-items:center;gap:12px;height:34px;padding:0 14px;display:flex}.device__dots{gap:6px;display:flex}.device__dots i{background:#ffffff29;border-radius:50%;width:9px;height:9px}.device__url{text-align:center;color:#ffffff9e;text-overflow:ellipsis;white-space:nowrap;background:#ffffff12;border-radius:99px;flex:1;max-width:56%;margin:0 auto;padding:4px 12px;font-size:11.5px;font-weight:560;line-height:1.2;overflow:hidden;transform:translate(-24px)}.device__screen{aspect-ratio:16/10;background:#121118;position:relative;overflow:hidden}.device__screen img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease-out);position:absolute;inset:0}.device__screen img.is-loaded{opacity:1}.device__glare{z-index:2;pointer-events:none;background:linear-gradient(115deg,#ffffff24 0%,#ffffff08 30%,#0000 44%);position:absolute;inset:0}.device--game{background:linear-gradient(#211f2a,#0d0c12);border-radius:18px;padding:10px}.device--game .device__screen{aspect-ratio:16/9;border-radius:8px}.device__led{background:#62e39a;border-radius:50%;width:5px;height:5px;position:absolute;bottom:3px;right:18px}.device--phone{width:auto;height:min(560px, calc(100dvh - var(--topbar-h) - var(--tile) - 230px));aspect-ratio:9/19.5;background:#0b0a10;border-radius:46px;padding:10px;box-shadow:0 50px 90px -34px #000000bf,0 0 0 1px #ffffff24,inset 0 0 0 2px #2a2833}.device--phone .device__screen{aspect-ratio:auto;border-radius:37px;height:100%}.device__island{z-index:3;background:#000;border-radius:99px;width:30%;height:22px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.device--empty{box-shadow:none;background:0 0;border-radius:20px}.device--empty .device__screen{background:color-mix(in srgb, var(--shade) 30%, transparent);border:1.5px dashed var(--line-strong);color:var(--ink-2);border-radius:20px;place-items:center;display:grid}.detail{z-index:30;position:fixed;inset:0}.detail__scrim{background:linear-gradient(180deg, color-mix(in srgb, var(--sky-top) 46%, transparent) 0%, color-mix(in srgb, var(--shade) 64%, transparent) 42%, color-mix(in srgb, var(--shade) 86%, transparent) 100%);-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);position:absolute;inset:0}.detail__scroll{overscroll-behavior:contain;position:absolute;inset:0;overflow-y:auto}.sheet{max-width:1160px;padding:22px var(--pad) 110px;margin:0 auto;position:relative}.sheet__bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.sheet__count{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.sheet__cover{background:#121118;border-radius:22px;height:clamp(200px,40vh,460px);position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #000c,0 0 0 1px #ffffff14}.sheet__cover img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease-out);position:absolute;inset:0}.sheet__cover img.is-loaded{opacity:1}.sheet__head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 48px;margin-top:30px;display:grid}.sheet__title{letter-spacing:.004em;text-transform:uppercase;text-wrap:balance;outline:none;font-size:clamp(2.6rem,6vw,5.4rem);font-weight:900;font-stretch:125%;line-height:.9}.sheet__summary{max-width:52ch;color:var(--ink);margin-top:18px;font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1.45}.sheet__actions{flex-wrap:wrap;gap:12px;display:flex}.note{color:var(--ink);background:color-mix(in srgb, var(--accent) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:14px;align-items:flex-start;gap:12px;margin-top:32px;padding:14px 18px;font-size:14.5px;line-height:1.5;display:flex}.note .icon{color:var(--accent);margin-top:2px}.facts{background:var(--line);box-shadow:0 0 0 1px var(--line);border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:40px;display:grid;overflow:hidden}.facts>div{background:color-mix(in srgb, var(--shade) 88%, #000);padding:18px 20px}.facts dt{letter-spacing:.04em;color:var(--ink-3);align-items:center;gap:8px;font-size:13px;font-weight:650;font-stretch:86%;display:flex}.facts dd{align-items:center;gap:10px;margin-top:6px;font-size:16px;font-weight:620;display:flex}.sheet__grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:56px;margin-top:56px;display:grid}.sheet__grid h2,.sheet__gallery h2{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-bottom:16px;font-size:13px;font-weight:750;font-stretch:112%}.sheet__desc{max-width:62ch;font-size:1.1rem;line-height:1.65}.sheet__body h2{margin-top:40px}.bullets{gap:12px;max-width:62ch;display:grid}.bullets li{padding-left:26px;line-height:1.55;position:relative}.bullets li:before{content:"";border:2px solid var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:.52em;left:2px}.dev-note{border:1.5px dashed var(--line-strong);color:var(--ink-2);border-radius:12px;margin-top:18px;padding:12px 14px;font-size:13.5px}.sheet__gallery{margin-top:64px}.gallery{columns:3 280px;column-gap:16px}.gallery__item{break-inside:avoid;box-shadow:0 0 0 1px var(--line);background:#121118;border-radius:16px;margin-bottom:16px;overflow:hidden}.gallery__item img{width:100%;height:auto}.pager{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:16px;margin-top:72px;padding-top:28px;display:grid}.pager__link{border-radius:16px;gap:8px;padding:18px 20px;text-decoration:none;transition:background-color .25s;display:grid}.pager__link:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}.pager__link--next{text-align:right;justify-items:end}.pager__dir{color:var(--ink-2);align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:inline-flex}.pager__link strong{text-transform:uppercase;font-size:clamp(1.2rem,2vw,1.7rem);font-weight:900;font-stretch:125%;line-height:1}.view--about{overflow-y:auto}.view--about:before{content:"";pointer-events:none;background:linear-gradient(90deg, var(--veil-strong) 0%, var(--veil) 55%, transparent 90%);position:fixed;inset:0}.about{max-width:1200px;min-height:100%;padding:calc(var(--topbar-h) + 32px) var(--pad) 88px;text-shadow:var(--text-shadow);grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(32px,6vw,110px);display:grid;position:relative}.about__id{justify-items:start;gap:0;display:grid}.avatar{aspect-ratio:1;background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--accent) 90%, #fff), transparent 60%), linear-gradient(160deg, var(--accent), color-mix(in srgb, var(--shade) 60%, var(--accent)));border-radius:50%;place-items:center;width:clamp(150px,15vw,210px);display:grid;position:relative;overflow:visible;box-shadow:0 30px 60px -28px #000000b3}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.avatar__initials{color:var(--shade);text-shadow:none;font-size:clamp(3.6rem,6vw,5.2rem);font-weight:900;font-stretch:125%;line-height:1}.avatar__ring{width:calc(100% + 24px);height:calc(100% + 24px);position:absolute;inset:-12px;transform:rotate(-90deg)}.avatar__ring circle{fill:none;stroke:var(--ink);stroke-width:1.2px;stroke-dasharray:1;stroke-dashoffset:0;opacity:.7}.about__name{text-transform:uppercase;outline:none;margin-top:30px;font-size:clamp(2rem,3.2vw,3rem);font-weight:900;font-stretch:125%;line-height:.95}.about__role{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-top:10px;font-size:13px;font-weight:700;font-stretch:112%}.facts--stack{width:100%;max-width:340px;text-shadow:none;grid-template-columns:1fr;margin-top:28px}.facts--stack>div{background:color-mix(in srgb, var(--shade) 70%, transparent);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.facts--stack dd{text-align:right;flex-wrap:wrap;justify-content:flex-end;margin:0;font-size:14.5px}.facts--stack dd .flag{padding:4px 8px;font-size:11px}.about__id>.btn{margin-top:24px}.about__text{max-width:640px}.about__hello{letter-spacing:-.005em;text-wrap:balance;font-size:clamp(2rem,3.6vw,3.4rem);font-weight:800;font-stretch:118%;line-height:1.02}.about__p{color:var(--ink);text-wrap:pretty;margin-top:22px;font-size:clamp(1.02rem,1.2vw,1.15rem);line-height:1.65}.about__flagrow{text-shadow:none;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.about__sub{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:12px;margin-top:44px;font-size:13px;font-weight:750;font-stretch:112%;display:flex}.learning{gap:2px;margin-top:14px;display:grid}.learning li{border-top:1px solid var(--line);grid-template-columns:minmax(120px,.34fr) 1fr;gap:16px;padding:14px 0;display:grid}.learning strong{font-weight:800;font-stretch:112%}.learning span{color:var(--ink-2)}.view--skills{overflow:hidden}.skills{position:absolute;inset:0}.skills__map{inset:calc(var(--topbar-h) + 8px) var(--pad) 70px;position:absolute}.skymap{width:100%;height:100%;overflow:visible}.constellation__line{fill:none;stroke:var(--ink);stroke-opacity:.34;stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:0;vector-effect:non-scaling-stroke}.constellation__name{fill:var(--accent);letter-spacing:.2em;text-transform:uppercase;font-size:13px;font-weight:750;font-stretch:118%}.star{cursor:default}.star__core{fill:#fff}.star__halo{fill:var(--accent);opacity:.2;transform-box:fill-box;transform-origin:50%;animation:twinkle var(--tw,3s) ease-in-out infinite;transition:transform .5s var(--ease-out)}.star--3 .star__halo{opacity:.32}.star--1 .star__halo{opacity:.12}.star__orbit{fill:none;stroke:var(--ink);stroke-opacity:.55;stroke-width:1px;stroke-dasharray:2 3}.star__label{fill:var(--ink);paint-order:stroke;stroke:color-mix(in srgb, var(--shade) 70%, transparent);stroke-width:4px;stroke-linejoin:round;font-size:15px;font-weight:700}.star--1 .star__label{fill:var(--ink-2);font-weight:560}.star__level{fill:var(--ink-2);opacity:0;paint-order:stroke;stroke:color-mix(in srgb, var(--shade) 70%, transparent);stroke-width:4px;font-size:12.5px;font-weight:600;font-stretch:84%;transition:opacity .3s}.star:hover .star__halo{transform:scale(1.5)}.star:hover .star__level{opacity:1}@keyframes twinkle{0%,to{opacity:var(--o,.22)}50%{opacity:calc(var(--o,.22) * .45)}}.star--3 .star__halo{--o:.34}.star--2 .star__halo{--o:.22}.star--1 .star__halo{--o:.13}.skills__caption{left:var(--pad);max-width:440px;text-shadow:var(--text-shadow);justify-items:start;gap:14px;display:grid;position:absolute;bottom:64px}.skills__caption>.flag{justify-self:start}.skills__title{text-transform:uppercase;outline:none;font-size:clamp(2.2rem,4vw,3.6rem);font-weight:900;font-stretch:125%;line-height:.92}.skills__lead{color:var(--ink);font-size:1.02rem;line-height:1.5}.legend{color:var(--ink-2);flex-wrap:wrap;gap:6px 18px;font-size:13px;font-weight:560;display:flex}.legend li{align-items:center;gap:6px;display:inline-flex}.legend__core{fill:#fff}.legend__halo{fill:var(--accent)}.legend__halo--3{opacity:.4}.legend__halo--2{opacity:.28}.legend__halo--1{opacity:.16}.skills__list{clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden;position:absolute!important}.skills.is-list .skills__map{display:none}.skills.is-list .skills__list{inset:calc(var(--topbar-h) + 16px) var(--pad) auto calc(var(--pad) + 480px);width:auto;height:auto;max-height:calc(100% - var(--topbar-h) - 90px);clip:auto;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-content:start;gap:16px;display:grid;overflow-y:auto}.skills__group{background:color-mix(in srgb, var(--shade) 70%, transparent);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;padding:18px 18px 12px}.skills__group h3{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:13px;font-weight:750;font-stretch:112%}.skills__group li{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 0;font-size:14.5px;display:grid}.skills__group li:first-child{border-top:0}.skills__name{font-weight:650}.skills__lvl{color:var(--ink-2);font-size:12.5px}.lvl{width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 40%, transparent);background:#fff;border-radius:50%}.lvl--2{width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}.lvl--1{background:var(--ink-2);width:6px;height:6px;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent)}.view--skills.is-portrait{overflow-y:auto}.is-portrait .skills{flex-direction:column-reverse;display:flex;position:relative;inset:auto}.is-portrait .skills__map,.is-portrait .skills__caption{width:100%;max-width:calc(600px + 2 * var(--pad));margin-inline:auto;position:relative;inset:auto}.is-portrait .skills__map{padding:24px var(--pad) 28px}.is-portrait .skills__caption{padding:18px var(--pad) 0;grid-template-columns:minmax(0,1fr)}.is-portrait .skills__title{font-size:clamp(2rem,9vw,2.8rem)}.is-portrait .skills.is-list .skills__list{width:auto;margin:22px max(var(--pad), calc((100% - 600px) / 2)) 0;grid-template-columns:1fr;max-height:none;inset:auto;position:relative!important}.is-portrait .legend{gap:8px}.is-portrait .legend li{background:color-mix(in srgb, var(--shade) 34%, transparent);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);text-shadow:none;border-radius:999px;gap:4px;padding:4px 12px 4px 5px}.skychart{gap:14px;display:grid}.skycard{background:color-mix(in srgb, var(--shade) 32%, transparent);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;padding:16px 0 8px}.skycard__name{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);align-items:center;gap:12px;padding:0 18px;font-size:12px;font-weight:750;font-stretch:118%;display:flex}.skycard__rule{opacity:.3;background:currentColor;flex:1;height:1px}.skycard__num{color:var(--ink-3);letter-spacing:.12em;font-variant-numeric:tabular-nums}.skycard__sky{width:100%;height:auto;margin-top:6px;display:block;overflow:visible}.skycard .star__label{font-size:14px}@media (min-width:821px){.is-portrait .skills{padding-top:var(--topbar-h)}}.view--contact{overflow-y:auto}.view--contact:before{content:"";pointer-events:none;background:radial-gradient(ellipse 80% 70% at 50% 60%, var(--veil), transparent 75%);position:fixed;inset:0}.contact{min-height:100%;padding:calc(var(--topbar-h) + 24px) var(--pad) 96px;text-align:center;text-shadow:var(--text-shadow);align-content:center;justify-items:center;gap:0;display:grid;position:relative}.contact__title{text-transform:uppercase;text-wrap:balance;outline:none;max-width:14ch;font-size:clamp(2.6rem,6.4vw,6rem);font-weight:900;font-stretch:125%;line-height:.9}.contact__lead{text-wrap:balance;max-width:44ch;margin-top:22px;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.5}.mail{cursor:copy;text-shadow:var(--text-shadow);transition:background-color .3s, transform .4s var(--ease-out);background:0 0;border:0;border-radius:24px;justify-items:center;gap:10px;margin-top:40px;padding:22px 30px 18px;display:grid}.mail:hover{background:color-mix(in srgb, var(--ink) 9%, transparent)}.mail:active{transform:scale(.985)}.mail__addr{letter-spacing:-.01em;text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);overflow-wrap:anywhere;font-size:clamp(1.5rem,3.6vw,3rem);font-weight:800;font-stretch:110%;line-height:1.05}.mail__hint{color:var(--ink-2);align-items:center;gap:8px;font-size:14px;font-weight:620;display:inline-flex}.mail.is-copied .mail__hint{color:var(--accent)}.contact__row{text-shadow:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:28px;display:flex}.socials{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.social{background:color-mix(in srgb, var(--shade) 34%, transparent);height:48px;box-shadow:inset 0 0 0 1.5px var(--line-strong);transition:background-color .25s, box-shadow .25s, transform .35s var(--ease-out);border-radius:999px;align-items:center;gap:10px;padding:0 18px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.social:hover{background:color-mix(in srgb, var(--ink) 14%, transparent);box-shadow:inset 0 0 0 1.5px var(--ink);transform:translateY(-2px)}.social .icon:last-child{opacity:.6}.lantern{z-index:25;pointer-events:none;filter:drop-shadow(0 6px 14px #ff963c8c);position:fixed;top:0;left:0}.lantern svg{animation:.9s ease-in-out infinite alternate flicker;display:block}@keyframes flicker{0%{filter:brightness()}to{filter:brightness(1.18)}}.hints{z-index:6;color:var(--ink-2);text-shadow:var(--text-shadow);white-space:nowrap;pointer-events:none;gap:22px;font-size:12.5px;font-weight:600;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hint{align-items:center;gap:5px;font-stretch:90%;display:inline-flex}.hint>span{margin-left:4px}.has-detail .hints{z-index:40;position:fixed}.tabbar{display:none}.toast{z-index:60;background:var(--ink);max-width:calc(100vw - 32px);color:var(--shade);opacity:0;pointer-events:none;transition:opacity .35s, transform .5s var(--ease-out);border-radius:14px;padding:12px 18px;font-size:14.5px;font-weight:650;position:fixed;bottom:64px;left:50%;transform:translate(-50%,16px);box-shadow:0 18px 40px -16px #0009}.toast.is-on{opacity:1;transform:translate(-50%)}@media (max-width:1180px){.status{display:none}.tab{padding:10px 14px}}@media (max-width:980px){.topbar__right .clock{display:none}.stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-height:760px) and (min-width:821px){:root{--tile:clamp(84px, 7.4vw, 112px);--topbar-h:72px}.shelf{padding-bottom:30px}.stage__title{font-size:clamp(2rem,3.8vw,3.4rem)}.stage__actions{margin-top:20px}.stage{padding-bottom:56px}}@media (max-width:820px){:root{--topbar-h:64px;--tile:min(104px, calc((100vw - 36px - 42px) / 3.4));--pad:18px}body{font-size:15px}.topbar{grid-template-columns:1fr auto}.topbar:before{inset:0 0 -24px}.tabs,.topbar__right .status,.topbar__right .clock{display:none}.brand__name{font-size:17px}.brand__mark{width:32px;height:32px;font-size:13px}.hints{display:none}.tabbar{z-index:6;padding:8px 8px max(8px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--shade) 88%, #000);box-shadow:0 -1px 0 var(--line);grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.tabbar__link{color:var(--ink-3);border-radius:12px;justify-items:center;gap:4px;padding:6px 4px;font-size:11.5px;font-weight:650;text-decoration:none;display:grid}.tabbar__link[aria-current=page]{color:var(--ink);background:color-mix(in srgb, var(--ink) 12%, transparent)}.view{top:var(--topbar-h);padding-bottom:84px;overflow-y:auto}.view--projects{padding-top:0;display:block}.view--projects:before{background:linear-gradient(to top, var(--veil-strong) 20%, var(--veil) 60%, transparent 100%);position:fixed}.shelf{z-index:3;padding:12px var(--pad) 18px;scroll-snap-type:x mandatory;scroll-padding:0 var(--pad);transition:background-color .3s, box-shadow .3s, opacity .35s var(--ease-out);position:sticky;top:0}.shelf.is-stuck{background:color-mix(in srgb, var(--shade) 88%, #000);box-shadow:0 1px 0 var(--line)}.shelf__item{scroll-snap-align:start}.tile.is-active{transform:translateY(-2px)scale(1.08)}.stage{padding:0 var(--pad) 16px;transition:opacity .35s var(--ease-out);flex-direction:column-reverse;align-items:stretch;gap:18px;display:flex}.stage__preview{perspective:none;justify-items:center}.device-wrap{width:min(100%,290px);transform:none}.device__bar{gap:8px;height:28px;padding:0 10px}.device__dots i{width:7px;height:7px}.device__url{transform:translate(-14px)}.device--phone{border-radius:24px;height:min(300px,38dvh);padding:6px}.device--phone .device__screen{border-radius:18px}.device__island{height:16px;top:9px}.stage__title{font-size:clamp(2rem,9vw,2.8rem)}.stage__meta{margin-top:12px}.stage__summary{margin-top:10px}.stage__info .chips{margin-top:14px}.stage__actions{margin-top:18px}.stage__actions .btn{flex:auto}body.has-detail .view--projects>.shelf,body.has-detail .view--projects>.stage{opacity:0}.title__hint{white-space:nowrap;left:50%;right:auto;bottom:max(18px, env(safe-area-inset-bottom));transform:translate(-50%)}.title__foot{display:none}.sysline{flex-direction:column;align-items:flex-start;gap:4px}.sysline__place:before{display:none}.title__role{letter-spacing:.12em;gap:10px;font-size:10.5px}.title__rule{width:18px}.about__role{letter-spacing:.1em;font-size:11px}.title__lower{padding-bottom:64px}.title__center{margin-top:10vh}.sheet{padding-bottom:72px}.sheet__cover{aspect-ratio:16/10;height:auto}.sheet__head{grid-template-columns:1fr;margin-top:28px}.facts:not(.facts--stack){grid-template-columns:1fr}.facts:not(.facts--stack)>div{justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.facts:not(.facts--stack) dd{text-align:right;justify-content:flex-end;margin:0}.gallery__item{width:-moz-fit-content;width:fit-content;max-width:100%;margin-inline:auto}.gallery__item img{width:auto;max-width:100%;max-height:66dvh}.sheet__grid{grid-template-columns:1fr;gap:36px;margin-top:40px}.pager{grid-template-columns:1fr}.pager__link--next{text-align:left;justify-items:start}.view--about:before{background:var(--veil)}.about{grid-template-columns:1fr;gap:36px;padding-top:24px}.facts--stack{max-width:none}.contact{min-height:calc(100% - 84px);padding-top:32px}.mail{padding:18px 6px 14px}.mail__addr{font-size:clamp(1.15rem,6.8vw,1.9rem)}.contact__row{flex-direction:column;width:100%}.contact__row>.btn,.socials{width:100%}.social{flex:140px;justify-content:center}.toast{bottom:96px}}@media (prefers-reduced-motion:reduce){.grain{animation:none}.title__anykey{opacity:.9;animation:none}.star__halo,.lantern svg{animation:none}.device-wrap{transition:none;transform:none}*,:before,:after{transition-duration:.01ms!important}}@media (max-width:380px){.title__rule{display:none}}