@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-opsz-normal-D9N6E8K1.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(/assets/bricolage-grotesque-latin-ext-opsz-normal-IcJDqblK.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(/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-cyrillic-ext-wght-normal-lLTsRRxN.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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.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{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#000;--obsidian:#0f0f0f;--obsidian-2:#171717;--obsidian-3:#212121;--line:#262626;--line-strong:#383838;--mist:#f2f2f2;--mist-2:#a8a8a8;--mist-3:#7c7c7c;--purple:#7e22ce;--purple-hover:#6b21a8;--violet:#a78bfa;--danger:#f87171;--font-display:"Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, system-ui, "Segoe UI", Roboto, Arial, sans-serif;--font-body:"Plus Jakarta Sans Variable", "Plus Jakarta Sans", ui-sans-serif, system-ui, "Segoe UI", Roboto, Arial, sans-serif;--step--1:.8rem;--step-0:1rem;--step-1:1.25rem;--step-2:1.563rem;--step-3:1.953rem;--step-4:2.441rem;--text-sm:.875rem;--text-xs:.8125rem;--r-panel:20px;--r-control:12px;--r-pill:999px;--maxw:1240px;--gutter:clamp(16px, 4vw, 48px);--section-y:clamp(80px, 11vw, 144px);--nav-h:64px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--z-nav:50;--z-toast:80}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--void)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--void);min-height:100dvh;color:var(--mist);font-family:var(--font-body);font-size:var(--step-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:clip}img,svg,picture{max-width:100%;display:block}svg{flex-shrink:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;line-height:1.1}p{text-wrap:pretty}ul[role=list],ol[role=list]{list-style:none}::selection{background:var(--purple);color:var(--mist)}:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:calc(var(--z-nav) + 1);border-radius:var(--r-control);background:var(--purple);color:#fff;padding:10px 16px;font-weight:600;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}.noscript{color:var(--mist-2);padding:24px}.btn{--btn-h:48px;min-height:var(--btn-h);border-radius:var(--r-control);white-space:nowrap;transition:background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-weight:600;line-height:1;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn svg{width:1.15em;height:1.15em}.btn-primary{background:var(--purple);color:#fff}.btn-primary:hover:not(:disabled){background:var(--purple-hover)}.btn-ghost{border-color:var(--line-strong);color:var(--mist)}.btn-ghost:hover:not(:disabled){border-color:var(--violet);background:var(--obsidian-2)}.btn-danger{border-color:var(--line-strong);color:var(--danger)}.btn-danger:hover:not(:disabled){border-color:var(--danger);background:var(--obsidian-2)}.btn-quiet{color:var(--mist-2)}.btn-quiet:hover:not(:disabled){color:var(--mist);background:var(--obsidian-2)}.btn-sm{--btn-h:36px;font-size:var(--text-sm);gap:8px;padding:0 14px}.icon-btn{border-radius:var(--r-control);width:44px;height:44px;color:var(--mist-2);place-items:center;transition:background-color .2s,color .2s;display:inline-grid}.icon-btn:hover{color:var(--mist);background:var(--obsidian-2)}.icon-btn svg{width:20px;height:20px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.skeleton{background:var(--obsidian-2);border-radius:10px;animation:1.2s ease-in-out infinite alternate pulse;display:block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1}to{opacity:.45}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{view-transition-name:none}::view-transition-group(*){animation-duration:.46s;animation-timing-function:var(--ease-out)}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}html:has(dialog[open]){overflow:hidden}.nav{z-index:var(--z-nav);height:var(--nav-h);background:var(--void);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-inner{max-width:var(--maxw);height:100%;padding:0 var(--gutter);align-items:center;gap:20px;margin:0 auto;display:flex}.brand{min-height:44px;font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.125rem;font-weight:800;display:inline-flex}.brand img{border-radius:50%;width:32px;height:32px}.nav-links{gap:2px;margin-left:auto;display:flex}.nav-link{min-height:40px;color:var(--mist-2);border-radius:10px;align-items:center;padding:0 12px;font-size:.9375rem;font-weight:500;transition:color .2s;display:inline-flex;position:relative}.nav-link:hover{color:var(--mist)}.nav-link:after{content:"";background:var(--violet);transform-origin:0;height:2px;transition:transform .35s var(--ease-out);border-radius:2px;position:absolute;bottom:5px;left:12px;right:12px;transform:scaleX(0)}.nav-link[aria-current]{color:var(--mist)}.nav-link[aria-current]:after{transform:scaleX(1)}.lang{border-radius:var(--r-pill);border:1px solid var(--line-strong);gap:2px;padding:3px;display:inline-flex}.lang a{border-radius:var(--r-pill);place-items:center;min-width:40px;min-height:32px;padding:0 8px;transition:background-color .2s;display:grid}.lang .flag{opacity:.55;border-radius:3px;width:21px;height:14px;transition:opacity .2s;display:block;overflow:hidden}.lang a:hover .flag,.lang a:focus-visible .flag,.lang a[aria-current] .flag{opacity:1}.lang a[aria-current]{background:var(--purple)}.menu-btn{display:none}.nav-progress{background:var(--violet);transform-origin:0;opacity:0;pointer-events:none;height:1px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.nav-progress{opacity:.9;animation:linear both grow-x;animation-timeline:scroll(root)}}}@keyframes grow-x{to{transform:scaleX(1)}}.sheet{border:0;border-left:1px solid var(--line-strong);background:var(--obsidian);width:min(360px,88vw);max-width:none;height:100dvh;max-height:none;color:var(--mist);transition:transform .42s var(--ease-out), overlay .42s allow-discrete, display .42s allow-discrete;margin:0;padding:16px 24px 32px;inset:0 0 0 auto;transform:translate(100%)}.sheet[open]{transform:none}@starting-style{.sheet[open]{transform:translate(100%)}}.sheet::backdrop{opacity:0;transition:opacity .3s ease, overlay .3s allow-discrete, display .3s allow-discrete;background:#000000b3}.sheet[open]::backdrop{opacity:1}@starting-style{.sheet[open]::backdrop{opacity:0}}.sheet-head{justify-content:space-between;align-items:center;min-height:48px;margin-bottom:24px;display:flex}.sheet-nav{margin-bottom:32px;display:grid}.sheet-nav a{min-height:60px;font-family:var(--font-display);letter-spacing:-.02em;border-bottom:1px solid var(--line);align-items:center;font-size:1.75rem;font-weight:700;display:flex}.sheet-nav a[aria-current]{color:var(--violet)}@media (max-width:820px){.nav-links,.nav-inner>.lang{display:none}.menu-btn{margin-left:auto;display:inline-grid}}.hero{max-width:var(--maxw);min-height:calc(100svh - var(--nav-h));padding:clamp(32px, 6vh, 72px) var(--gutter) clamp(48px, 8vh, 96px);scroll-margin-top:var(--nav-h);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(40px,6vw,88px);margin:0 auto;display:grid}.status{border-radius:var(--r-pill);border:1px solid var(--violet);min-height:36px;font-size:var(--text-sm);align-items:center;gap:10px;padding:0 14px 0 12px;font-weight:500;display:inline-flex}.status-dot{background:var(--violet);border-radius:50%;width:8px;height:8px}.status[data-available=false]{border-color:var(--line-strong);color:var(--mist-2)}.status[data-available=false] .status-dot{background:var(--mist-3)}.status--placeholder{visibility:hidden}.hero-name{letter-spacing:-.035em;font-variation-settings:"opsz" 96;margin:22px 0;font-size:clamp(3.5rem,9.2vw,8.5rem);font-weight:800;line-height:.9}.hero-name .line{margin-bottom:-.12em;padding:.02em 0 .14em;display:block;overflow:clip}.hero-name .line>span{display:block}.hero-lede{max-width:36ch;color:var(--mist-2);font-size:clamp(1.125rem,1.6vw,1.3rem);line-height:1.5}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.socials{gap:4px;margin-top:26px;list-style:none;display:flex}@media (prefers-reduced-motion:no-preference){.hero-name .line>span{animation:rise 1s var(--ease-out) both;animation-delay:calc(80ms + var(--i,0) * 90ms)}.reveal{animation:fade-up .8s var(--ease-out) both;animation-delay:var(--d,0s)}}@keyframes rise{0%{transform:translateY(108%)}to{transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.player{--sleeve:64%;--disc-x:0%;justify-self:end;width:min(100%,500px);position:relative}.player[data-state=offline]{--disc-x:12%}.player[data-state=recent],.player[data-state=paused]{--disc-x:30%}.player[data-state=playing]{--disc-x:52%}.deck{aspect-ratio:1/.64;position:relative}@media (prefers-reduced-motion:no-preference){.deck{animation:deck-in 1s var(--ease-out) .25s both}}@keyframes deck-in{0%{opacity:0;transform:translateY(16px)scale(.97)}}.sleeve{z-index:2;width:var(--sleeve);aspect-ratio:1;border-radius:var(--r-control);border:1px solid var(--line-strong);background:var(--obsidian-2);position:absolute;inset:0 auto auto 0;overflow:hidden}.sleeve picture,.sleeve img,.sleeve .skeleton{object-fit:cover;border-radius:0;width:100%;height:100%}.disc{z-index:1;width:calc(var(--sleeve) * .94);aspect-ratio:1;transform:translateX(var(--disc-x));transition:transform 1.1s var(--ease-out);position:absolute;top:3%;left:3%}.disc-spin{border:1px solid var(--line-strong);background:#121212;border-radius:50%;width:100%;height:100%;animation:1.8s linear infinite paused spin;position:relative}.disc-spin:before,.disc-spin:after{content:"";border:1px solid var(--obsidian-3);border-radius:50%;position:absolute}.disc-spin:before{inset:8%}.disc-spin:after{inset:19%}.player[data-state=playing] .disc-spin{animation-play-state:running}.disc-label{background:var(--purple);color:#fff;font-family:var(--font-display);letter-spacing:-.02em;border-radius:50%;place-items:center;font-size:clamp(.85rem,1.6vw,1.15rem);font-weight:800;display:grid;position:absolute;inset:31%}.disc-label span{transform:translateY(-80%)}.disc-label:after{content:"";aspect-ratio:1;background:var(--void);border-radius:50%;width:9%;position:absolute}.np{width:var(--sleeve);min-width:0;margin-top:22px;display:grid}.np-status{font-size:var(--text-sm);color:var(--mist-2);align-items:center;gap:8px;margin-bottom:6px;display:flex}.np-status svg{width:18px;height:18px;color:var(--mist)}.eq{align-items:flex-end;gap:2px;height:12px;margin-left:2px;display:inline-flex}.eq i{background:var(--violet);transform-origin:bottom;border-radius:1px;width:3px;height:100%;animation:.9s ease-in-out infinite alternate eq}.eq i:nth-child(2){animation-delay:-300ms}.eq i:nth-child(3){animation-delay:-600ms}@keyframes eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.np-title{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-weight:700;font-size:var(--step-2);line-height:1.2;display:block;overflow:hidden}a.np-title:hover{text-decoration:underline;-webkit-text-decoration-color:var(--violet);text-decoration-color:var(--violet);text-underline-offset:5px}.np-artist{text-overflow:ellipsis;white-space:nowrap;color:var(--mist-2);overflow:hidden}.np-progress{background:var(--line);border-radius:2px;height:2px;margin-top:14px;overflow:hidden}.np-progress span{background:var(--violet);transform-origin:0;height:100%;transform:scaleX(var(--from,0));display:block}.player[data-state=playing] .np-progress span{animation:linear forwards np-progress}@keyframes np-progress{0%{transform:scaleX(var(--from,0))}to{transform:scaleX(1)}}.np .skeleton{height:14px;margin-top:8px}@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr);min-height:auto;padding-top:36px}.player{justify-self:start;width:min(100%,440px)}}.section{max-width:var(--maxw);padding:var(--section-y) var(--gutter) 0;scroll-margin-top:var(--nav-h);margin:0 auto}.hero+.section{padding-top:clamp(16px,3vw,40px)}.section-head{gap:14px;max-width:62ch;margin-bottom:clamp(28px,4vw,44px);display:grid}.section-title{letter-spacing:-.03em;font-variation-settings:"opsz" 96;font-size:clamp(2.25rem,5.2vw,3.75rem);font-weight:800;line-height:.98}.section-lede{max-width:58ch;color:var(--mist-2);font-size:1.0625rem}.section-error{border-radius:var(--r-panel);border:1px dashed var(--line-strong);color:var(--mist-2);flex-wrap:wrap;align-items:center;gap:16px;padding:20px 22px;display:flex}.empty-note{color:var(--mist-2)}.filters{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.chip-btn{border-radius:var(--r-pill);border:1px solid var(--line-strong);min-height:40px;color:var(--mist-2);font-size:var(--text-sm);padding:0 16px;font-weight:500;transition:background-color .2s,border-color .2s,color .2s}.chip-btn:hover{color:var(--mist);border-color:var(--violet)}.chip-btn[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:#fff}.projects-featured{margin-bottom:20px}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;display:grid}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.projects-grid{grid-template-columns:minmax(0,1fr)}}.projects-skeleton{gap:20px;display:grid}.projects-skeleton .skeleton:first-child{border-radius:var(--r-panel);height:clamp(260px,32vw,380px)}.projects-skeleton-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.projects-skeleton-row .skeleton{aspect-ratio:4/3.4;border-radius:var(--r-panel)}@media (max-width:640px){.projects-skeleton-row{grid-template-columns:minmax(0,1fr)}.projects-skeleton-row .skeleton:not(:first-child){display:none}}.pdialog{border:1px solid var(--line-strong);border-radius:var(--r-panel);background:var(--obsidian);width:min(980px,100vw - 32px);max-width:none;max-height:min(90dvh,920px);color:var(--mist);opacity:0;transition:opacity .3s ease, transform .45s var(--ease-out), overlay .45s allow-discrete, display .45s allow-discrete;margin:auto;padding:0;overflow:hidden;transform:translateY(18px)scale(.985)}.pdialog[open]{opacity:1;transform:none}@starting-style{.pdialog[open]{opacity:0;transform:translateY(18px)scale(.985)}}.pdialog::backdrop{opacity:0;transition:opacity .3s ease, overlay .3s allow-discrete, display .3s allow-discrete;background:#000c}.pdialog[open]::backdrop{opacity:1}@starting-style{.pdialog[open]::backdrop{opacity:0}}.pdialog-inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr);max-height:min(90dvh,920px);display:grid}.pdialog-inner--text{grid-template-columns:minmax(0,1fr)}.pdialog-media{background:var(--void);grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.pdialog-main{place-items:center;min-height:0;display:grid;overflow:hidden}.pdialog-main img{object-fit:contain;width:100%;height:100%;max-height:72dvh}.pdialog-thumbs{gap:8px;padding:12px;list-style:none;display:flex;overflow-x:auto}.pdialog-thumbs button{aspect-ratio:16/10;opacity:.55;border:1px solid #0000;border-radius:8px;width:76px;transition:opacity .2s,border-color .2s;overflow:hidden}.pdialog-thumbs button:hover,.pdialog-thumbs button[aria-current]{opacity:1}.pdialog-thumbs button[aria-current]{border-color:var(--violet)}.pdialog-thumbs img{object-fit:cover;width:100%;height:100%}.pdialog-body{align-content:start;gap:16px;min-height:0;padding:clamp(24px,3vw,40px);display:grid;overflow-y:auto}.pdialog-close{z-index:3;background:var(--void);border:1px solid var(--line-strong);position:absolute;top:12px;right:12px}.pdialog-meta{font-size:var(--text-sm);color:var(--mist-3);gap:8px;display:flex}.pdialog-title{letter-spacing:-.02em;padding-right:40px;font-size:clamp(1.75rem,3vw,2.35rem);font-weight:800}.pdialog-summary{color:var(--mist-2);white-space:pre-line}.pdialog-links{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:820px){.pdialog-inner{grid-template-columns:minmax(0,1fr);overflow-y:auto}.pdialog-main img{max-height:42dvh}.pdialog-body{overflow:visible}}.stack-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px clamp(24px,4vw,56px);list-style:none;display:grid}.stack-row{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:16px;padding:16px 0;display:grid}.stack-icon{border-radius:var(--r-control);background:var(--obsidian-2);border:1px solid var(--line);width:48px;height:48px;color:var(--violet);place-items:center;display:grid}.stack-icon svg{width:24px;height:24px}.stack-name{font-size:var(--step-1);padding-top:10px;font-weight:700}.chips{flex-wrap:wrap;gap:6px;margin-top:10px;list-style:none;display:flex}.chip{border-radius:var(--r-pill);border:1px solid var(--line-strong);min-height:30px;font-size:var(--text-xs);color:var(--mist-2);align-items:center;gap:6px;padding:0 12px;display:inline-flex}.chip svg{width:14px;height:14px;color:var(--violet)}.stack-more{border-top:1px solid var(--line);margin-top:36px;padding-top:28px}.stack-more h3,.about-lists h3,.contact-aside h3{font-family:var(--font-body);font-size:var(--text-sm);color:var(--mist-3);font-weight:600}.stack-skeleton{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px clamp(24px,4vw,56px);display:grid}.stack-skeleton .skeleton{height:80px}@media (max-width:720px){.stack-list,.stack-skeleton{grid-template-columns:minmax(0,1fr)}}.about-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.about-bio{max-width:40ch;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.5}.about-grid .chips{margin-top:24px}.about-lists{gap:40px;display:grid}.about-lists h3{margin-bottom:14px}.deflist{gap:18px;display:grid}.deflist dt{font-family:var(--font-display);font-weight:700;font-size:var(--step-1)}.deflist dd{color:var(--mist-2);margin-top:2px}.worklist{gap:12px;list-style:none;display:grid}.worklist li{color:var(--mist-2);grid-template-columns:24px minmax(0,1fr);gap:12px;display:grid}.worklist svg{width:20px;height:20px;color:var(--violet);margin-top:3px}@media (max-width:900px){.about-grid{grid-template-columns:minmax(0,1fr)}}.contact-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.form{gap:20px;max-width:640px;display:grid;position:relative}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.field{align-content:start;gap:8px;display:grid}.field label{font-size:var(--text-sm);font-weight:600}.input{border-radius:var(--r-control);border:1px solid var(--line-strong);background:var(--obsidian);width:100%;min-height:50px;color:var(--mist);padding:12px 16px;transition:border-color .2s}.input::placeholder{color:var(--mist-3)}.input:hover{border-color:#4d4d4d}.input:focus-visible{outline:2px solid var(--violet);outline-offset:2px;border-color:var(--violet)}.input[aria-invalid=true]{border-color:var(--danger)}textarea.input{resize:vertical;min-height:170px;line-height:1.55}.field-hint{font-size:var(--text-xs);color:var(--mist-3)}.field-error{font-size:var(--text-xs);color:var(--danger)}.form-footer{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.form-alert{border-radius:var(--r-control);border:1px solid var(--danger);color:var(--danger);font-size:var(--text-sm);padding:12px 14px}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.sent{border-radius:var(--r-panel);background:var(--obsidian);border:1px solid var(--line);justify-items:start;gap:14px;max-width:640px;padding:32px;display:grid}.sent svg{width:32px;height:32px;color:var(--violet)}.sent h3{font-size:var(--step-2)}.sent p{color:var(--mist-2)}.contact-aside{gap:36px;display:grid}.contact-aside h3{margin-bottom:10px}.links-list{gap:2px;list-style:none;display:grid}.links-list a{border-radius:var(--r-control);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:56px;margin:0 -12px;padding:0 12px;transition:background-color .2s;display:grid}.links-list a:hover{background:var(--obsidian-2)}.links-icon{border:1px solid var(--line);background:var(--obsidian-2);width:40px;height:40px;color:var(--violet);border-radius:10px;place-items:center;display:grid}.links-icon svg{width:20px;height:20px}.links-list .handle{font-size:var(--text-sm);color:var(--mist-3)}.helps{color:var(--mist-2);gap:10px;list-style:none;display:grid}@media (max-width:900px){.contact-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.form-row{grid-template-columns:minmax(0,1fr)}}.footer{max-width:var(--maxw);margin:var(--section-y) auto 0;padding:28px var(--gutter) 40px;border-top:1px solid var(--line);color:var(--mist-3);font-size:var(--text-sm);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;display:flex}.footer a:hover{color:var(--mist)}.notfound{max-width:560px;min-height:100dvh;padding:var(--gutter);align-content:center;justify-items:start;gap:18px;margin:0 auto;display:grid}.notfound h1{letter-spacing:-.04em;font-size:clamp(3rem,10vw,6rem);font-weight:800}.notfound p{color:var(--mist-2)}.tile{isolation:isolate;border-radius:var(--r-panel);border:1px solid var(--line);background:var(--obsidian);height:100%;transition:transform .45s var(--ease-out), border-color .3s ease;flex-direction:column;display:flex;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.tile:hover{border-color:var(--violet);transform:translateY(-4px)}.tile:hover .tile-cover img{transform:scale(1.035)}}.tile:has(.tile-open:focus-visible){outline:2px solid var(--violet);outline-offset:3px}.tile-cover{aspect-ratio:16/10;background:var(--obsidian-2);position:relative;overflow:hidden}.tile-cover img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease-out)}.tile-cover--type{background:var(--obsidian-2);border-bottom:1px solid var(--line);place-items:center;display:grid}.tile-cover--type span{font-family:var(--font-display);letter-spacing:-.05em;color:var(--violet);font-variation-settings:"opsz" 96;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800}.tile-body{flex-direction:column;flex:1;gap:10px;padding:20px 22px 24px;display:flex}.tile-meta{font-size:var(--text-xs);color:var(--mist-3);flex-wrap:wrap;gap:8px;display:flex}.tile-title{font-size:var(--step-1);letter-spacing:-.01em;font-weight:700}.tile-open{text-align:left}.tile-open:after{content:"";z-index:2;position:absolute;inset:0}.tile-open:focus-visible{outline:none}.tile-summary{-webkit-line-clamp:3;line-clamp:3;color:var(--mist-2);-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.55;display:-webkit-box;overflow:hidden}.tech{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px;list-style:none;display:flex}.tech li{border-radius:var(--r-pill);border:1px solid var(--line-strong);color:var(--mist-2);padding:6px 10px;font-size:.75rem;line-height:1}.tile--featured{grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid}.tile--featured .tile-cover{aspect-ratio:auto;min-height:clamp(260px,30vw,400px)}.tile--featured .tile-body{justify-content:center;gap:14px;padding:clamp(24px,3.5vw,44px)}.tile--featured .tile-title{letter-spacing:-.02em;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.05}.tile--featured .tile-summary{-webkit-line-clamp:5;line-clamp:5;font-size:1rem}.tile--featured .tech{margin-top:4px}@media (max-width:820px){.tile--featured{grid-template-columns:minmax(0,1fr)}.tile--featured .tile-cover{aspect-ratio:16/10;min-height:0}}