@font-face{font-family:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/playfair-display-cyrillic-wght-normal-5WvUvBgz.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/playfair-display-vietnamese-wght-normal-Cabi7G8-.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:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/playfair-display-latin-ext-wght-normal-CT1r92Rl.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:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/playfair-display-latin-wght-normal-BOwq7MWX.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:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0e0219);--bg-soft:var(--lightningcss-light,#f4f2f8)var(--lightningcss-dark,#170828);--text:var(--lightningcss-light,#17141f)var(--lightningcss-dark,#ece8f5);--muted:var(--lightningcss-light,#5d5869)var(--lightningcss-dark,#a9a2bb);--nav-bg:var(--lightningcss-light,#000)var(--lightningcss-dark,#07010d);--nav-text:#fff;--card:var(--lightningcss-light,#1b1a20)var(--lightningcss-dark,#1c1030);--card-text:#f5f3fa;--card-muted:var(--lightningcss-light,#c9c4d6)var(--lightningcss-dark,#c4bcd8);--card-back:linear-gradient(45deg, var(--lightningcss-light,#cedce7)var(--lightningcss-dark,#3b2a5c) 0%, var(--lightningcss-light,#596a72)var(--lightningcss-dark,#120221) 100%);--card-back-text:var(--lightningcss-light,#101018)var(--lightningcss-dark,#f5f3fa);--hex:var(--lightningcss-light,#1b1e341f)var(--lightningcss-dark,#b9a6e812);--accent:var(--lightningcss-light,#6d28d9)var(--lightningcss-dark,#a78bfa);--accent-2:var(--lightningcss-light,#2563eb)var(--lightningcss-dark,#60a5fa);--accent-3:var(--lightningcss-light,#db2777)var(--lightningcss-dark,#f472b6);--red:var(--lightningcss-light,#dc2626)var(--lightningcss-dark,#f87171);--green:var(--lightningcss-light,#16a34a)var(--lightningcss-dark,#4ade80);--purple:var(--lightningcss-light,#9333ea)var(--lightningcss-dark,#c084fc);--ring:#53a7ea;--shadow:0 10px 30px var(--lightningcss-light,#110c222e)var(--lightningcss-dark,#00000073);--radius:14px;--font-display:"Playfair Display Variable", Georgia, serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ease-flip:cubic-bezier(.4, .2, .2, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.65;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);margin:0 0 .5em;line-height:1.2}img{max-width:100%;display:block}a{color:var(--accent)}:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.skip-link{z-index:100;background:var(--nav-bg);color:var(--nav-text);border-radius:6px;padding:.5rem 1rem;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}main{padding-top:64px;position:relative}.navbar{z-index:50;background:var(--nav-bg);height:64px;color:var(--nav-text);justify-content:space-between;align-items:center;gap:1rem;padding:0 clamp(1rem,4vw,3rem);transition:transform .4s,box-shadow .3s;display:flex;position:fixed;inset:0 0 auto}.navbar.shadow{box-shadow:0 6px 20px #00000059}.navbar.hidden{transform:translateY(-100%)}.brand{font-family:var(--font-display);color:inherit;letter-spacing:.04em;font-size:1.5rem;font-weight:700;text-decoration:none}.navbar nav{margin-left:auto}.nav-links{gap:clamp(.75rem,3vw,2rem);margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:inherit;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.95rem;text-decoration:none;position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg, var(--accent-2), var(--accent-3));height:2px;transition:left .3s,right .3s;position:absolute;bottom:-4px;left:50%;right:50%}.nav-links a:hover:after,.nav-links a:focus-visible:after{left:0;right:0}@media (width<=480px){.navbar{gap:.6rem;padding:0 .75rem}.brand{font-size:1.2rem}.nav-links{gap:.6rem}.nav-links a{letter-spacing:.02em;font-size:.72rem}.theme-toggle{width:32px;height:32px;font-size:.95rem}}@media (width<=360px){.brand{display:none}}.theme-toggle{cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;padding:0;font-size:1.1rem;line-height:1;transition:transform .4s,border-color .2s;display:grid}.theme-toggle:hover{border-color:#ffffffb3;transform:rotate(25deg)}.theme-icon{grid-area:1/1}.theme-icon-sun{display:none}:root[data-theme=dark] .theme-icon-sun{display:block}:root[data-theme=dark] .theme-icon-moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-icon-sun{display:block}:root:not([data-theme=light]) .theme-icon-moon{display:none}}.hexagons{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.hex{width:var(--size);aspect-ratio:1/.866;background:var(--hex);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);animation:drift var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay);position:absolute}.hex-1{--size:180px;--duration:26s;--delay:0s;top:18%;left:6%}.hex-2{--size:140px;--duration:31s;--delay:-6s;top:14%;right:12%}.hex-3{--size:200px;--duration:35s;--delay:-12s;top:16%;right:6%}.hex-4{--size:90px;--duration:22s;--delay:-3s;top:48%;right:2%}.hex-5{--size:160px;--duration:29s;--delay:-9s;top:72%;left:18%}.hex-6{--size:70px;--duration:24s;--delay:-15s;top:60%;left:2%}.hex-7{--size:120px;--duration:33s;--delay:-20s;bottom:4%;right:14%}@keyframes drift{0%{transform:translate(0)rotate(0)scale(1)}50%{transform:translate(6vw,-4vh)rotate(30deg)scale(.85)}to{transform:translate(-4vw,6vh)rotate(60deg)scale(1.1)}}.button{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;font:600 1rem/1.2 var(--font-body);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.4em;padding:.7em 1.4em;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #6d28d94d}.button:after{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff73 50%,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #6d28d966}.button:hover:after{transform:translate(120%)}.button-ghost{color:var(--text);background:0 0;box-shadow:inset 0 0 0 2px}.button-ghost:hover{box-shadow:inset 0 0 0 2px var(--accent);color:var(--accent)}.button-small{padding:.45em .95em;font-size:.85rem}.button-large{padding:.85em 1.8em;font-size:1.1rem}.hero{text-align:center;align-content:center;justify-items:center;gap:.75rem;min-height:min(78vh,720px);padding:3rem 1rem;display:grid}.hero-avatar{animation:8s linear infinite spin,1.2s both fade-up}.greeting{font-family:var(--font-display);margin:0;font-size:clamp(1.2rem,3vw,1.6rem);animation:1.2s .3s both fade-up}.hero-name{letter-spacing:-.01em;background:linear-gradient(100deg, var(--text) 0%, var(--text) 35%, var(--accent) 45%, var(--accent-3) 55%, var(--text) 65%, var(--text) 100%);color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.8rem,9vw,6rem);font-weight:800;animation:1.2s both fade-up,7s ease-in-out 1.5s infinite shimmer}.hero-role{font-family:var(--font-display);color:var(--muted);margin:0;font-size:clamp(1.3rem,3.5vw,2rem);animation:1.2s .9s both fade-up}.hero .social{animation:1.2s 1.2s both fade-up}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;animation:1.2s 1.5s both fade-up;display:flex}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes shimmer{0%,to{background-position:100% 0}50%{background-position:0 0}}.hero-fit-link{margin-top:.5rem;font-weight:600;text-decoration:none;animation:1.2s 1.8s both fade-up}.hero-fit-link:hover{text-decoration:underline}.social{flex-wrap:wrap;justify-content:center;gap:.9rem;margin:.5rem 0;padding:0;list-style:none;display:flex}.social a{background:#fff;border-radius:12px;padding:6px;transition:transform .25s,box-shadow .25s;display:block}.social img{object-fit:contain;width:32px;height:32px}.social a:hover{transform:translateY(-4px)rotate(-6deg);box-shadow:0 8px 18px #53a7ea73}.section{width:min(1200px,100% - 2rem);margin:0 auto;padding:4rem 0}.section-title{border-bottom:1px solid var(--muted);text-align:center;width:fit-content;margin:0 auto 2.5rem;padding:0 2rem .6rem;font-size:clamp(2rem,5vw,2.6rem)}.subsection-title{text-align:center;margin:3.5rem 0 1.5rem;font-size:1.6rem}.page{max-width:780px;min-height:60vh}.center{text-align:center;align-content:center;justify-items:center;display:grid}@supports (animation-timeline:view()){.reveal{animation:linear both reveal;animation-timeline:view();animation-range:entry cover 25%}}@keyframes reveal{0%{opacity:0;transform:translateY(40px)scale(.97)}to{opacity:1;transform:none}}.projects{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1.75rem;display:grid}.project{border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);isolation:isolate;flex-direction:column;display:flex;position:relative}.project:before{content:"";z-index:-1;border-radius:calc(var(--radius) + 2px);background:conic-gradient(from var(--angle), var(--accent), var(--accent-2), var(--accent-3), var(--accent));opacity:0;transition:opacity .4s;animation:4s linear infinite paused spin;position:absolute;inset:-2px}.project:hover:before,.project:focus-within:before{opacity:1;animation-play-state:running}@keyframes spin{to{--angle:360deg}}@media (width>=760px){.project-featured{flex-direction:row;grid-column:1/-1}.project-featured .project-shot{aspect-ratio:auto;border-radius:var(--radius) 0 0 var(--radius);flex:1.6;min-height:340px}.project-featured .flip{flex:1}.project-featured .flip-face{border-radius:0 var(--radius) var(--radius) 0}.project-featured .flip-front h3{font-size:2rem}}.project-shot{aspect-ratio:16/10;border-radius:var(--radius) var(--radius) 0 0;background:#000;display:block;position:relative;overflow:hidden}.project-shot img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .6s,filter .6s}a.project-shot:hover img{filter:saturate(1.15);transform:scale(1.06)}.badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:999px;padding:.25em .7em;font-size:.75rem;position:absolute;bottom:.75rem;left:.75rem}.badge-draft{background:#b45309;inset:.75rem .75rem auto auto}.badge-featured{background:linear-gradient(135deg, var(--accent), var(--accent-3));top:.75rem;bottom:auto}.flip{perspective:1000px;flex:1;display:grid}.flip-face{border-radius:0 0 var(--radius) var(--radius);text-align:center;backface-visibility:hidden;min-height:250px;transform-style:preserve-3d;transition:transform .8s var(--ease-flip);flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;gap:.6rem;padding:1.5rem 1.25rem;display:flex}.flip-face>*{backface-visibility:hidden;transform:translateZ(40px)}.flip-front{background:var(--card);color:var(--card-text);transform:rotateY(0)}.flip-front h3{margin:0;font-size:1.45rem}.flip-front p{color:var(--card-muted);font-family:var(--font-display);margin:0;font-size:1.05rem}.flip-back{background:var(--card-back);color:var(--card-back-text);transform:rotateY(180deg)}.flip-back h4{margin:0;font-size:1.1rem}.project.is-flipped .flip-front{transform:rotateY(-180deg)}.flip:has(.flip-back :focus-visible) .flip-front{transform:rotateY(-180deg)}.project.is-flipped .flip-back{transform:rotateY(0)}.flip:has(.flip-back :focus-visible) .flip-back{transform:rotateY(0)}@media (hover:hover){.project:hover .flip-front{transform:rotateY(-180deg)}.project:hover .flip-back{transform:rotateY(0)}}.flip-toggle{color:inherit;font:500 .8rem var(--font-body);opacity:.75;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;margin-top:auto;padding:.3em .9em}.flip-toggle:hover{opacity:1}.project-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.flip-back .button-ghost{color:var(--card-back-text)}.source-note{opacity:.85;font-size:.85rem;font-style:italic}.tech-grid,.skills{flex-wrap:wrap;justify-content:center;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.skills{gap:1.1rem;max-width:900px;margin:0 auto}.tech-tile{width:var(--tile);height:var(--tile);background:#fff;border-radius:12px;place-items:center;padding:8px;transition:transform .3s,box-shadow .3s;display:grid;position:relative;overflow:hidden;box-shadow:0 3px 10px #00000026}.tech-tile-sm{--tile:46px;padding:6px}.tech-tile-md{--tile:72px}.tech-tile img{object-fit:contain;width:100%;height:100%}.tech-monogram{font-family:var(--font-display);font-weight:800;font-size:calc(var(--tile) * .34);background:linear-gradient(135deg, var(--accent), var(--accent-3));color:#0000;-webkit-background-clip:text;background-clip:text}.tech-label{color:#fff;font-size:calc(var(--tile) * .16);text-align:center;opacity:0;background:#000000b8;place-items:center;padding:2px;font-weight:600;line-height:1.1;transition:opacity .35s;display:grid;position:absolute;inset:0}.tech-tile:hover{transform:translateY(-4px)rotate(-3deg)scale(1.06);box-shadow:0 10px 22px #53a7ea66}.tech-tile:hover .tech-label{opacity:1}.about{max-width:760px;margin:0 auto}.hero-avatar{aspect-ratio:1;object-fit:cover;background:conic-gradient(from var(--angle), var(--accent), var(--accent-2), var(--accent-3), var(--accent));border-radius:50%;width:clamp(112px,22vw,160px);height:auto;margin-bottom:.5rem;padding:5px}.about-text p{margin:0 0 1rem}.accent{color:var(--red)}.arts span{font-weight:800;transition:transform .3s;display:inline-block}.arts span:first-child{color:var(--accent-2)}.arts span:nth-child(2){color:var(--red)}.arts span:nth-child(3){color:var(--green)}.arts span:nth-child(4){color:var(--purple)}.arts:hover span{transform:translateY(-4px)rotate(-8deg)}.arts:hover span:nth-child(2n){transform:translateY(3px)rotate(8deg)}.cta{text-align:center;justify-items:center;gap:1.25rem;display:grid}.cta h2{margin:0;font-size:clamp(1.8rem,4vw,2.4rem)}.post-list{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.post-item a{border-radius:var(--radius);background:var(--bg-soft);color:inherit;padding:1.5rem;text-decoration:none;transition:transform .25s,box-shadow .25s;display:block}.post-item a:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.post-item time,.post time{color:var(--muted);font-size:.9rem}.post-item h2{margin:.3rem 0;font-size:1.5rem}.post-item p{color:var(--muted);margin:0}.back-link{margin-bottom:1.5rem;text-decoration:none;display:inline-block}.post h1{margin-bottom:.25rem;font-size:clamp(2rem,5vw,2.8rem)}.post-body{margin-top:2rem}.post-body h2{margin-top:2rem;font-size:1.6rem}.post-body code{background:var(--bg-soft);border-radius:4px;padding:.1em .35em;font-size:.9em}.empty,.contact-intro{text-align:center;color:var(--muted)}.contact-form{gap:1.1rem;max-width:560px;margin:2rem auto 0;display:grid}.contact-form label{gap:.35rem;font-weight:600;display:grid}.optional{color:var(--muted);font-weight:400}.contact-form input,.contact-form textarea{border:1px solid color-mix(in srgb, var(--muted) 50%, transparent);background:var(--bg-soft);width:100%;color:var(--text);font:inherit;border-radius:10px;padding:.75rem .9rem;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 25%, transparent);outline:none}.contact-form .button{justify-self:start}.form-error{background:color-mix(in srgb, var(--red) 12%, transparent);color:var(--red);border-radius:10px;margin:0;padding:.75rem 1rem;font-weight:600}.honeypot{position:absolute;left:-9999px}.fit-intro{text-align:center;color:var(--muted)}.fit-form{gap:.6rem;margin-top:2rem;display:grid}.fit-form label{font-weight:600}.fit-form textarea{border:1px solid color-mix(in srgb, var(--muted) 50%, transparent);background:var(--bg-soft);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:12px;padding:.9rem}.fit-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 25%, transparent);outline:none}.fit-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.fit-count{color:var(--muted);margin-left:auto;font-size:.85rem}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.fit-loading{color:var(--muted);align-items:center;gap:.35rem;margin-top:2rem;display:flex}.fit-loading span{background:linear-gradient(135deg, var(--accent), var(--accent-3));border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite bounce}.fit-loading span:nth-child(2){animation-delay:.15s}.fit-loading span:nth-child(3){margin-right:.5rem;animation-delay:.3s}@keyframes bounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}.fit-result{border-radius:var(--radius);background:var(--bg-soft);box-shadow:var(--shadow);margin-top:2.5rem;padding:2rem;animation:.6s both fade-up}.fit-result h2{margin:2rem 0 .75rem;font-size:1.35rem}.fit-badge{background:var(--muted);color:#fff;border-radius:999px;margin:0 0 1rem;padding:.3em 1em;font-weight:700;display:inline-block}.fit-strong{background:linear-gradient(135deg, var(--green), #0d9488)}.fit-good{background:linear-gradient(135deg, var(--accent), var(--accent-2))}.fit-partial{background:linear-gradient(135deg, #d97706, var(--accent-3))}.fit-summary{margin:0;font-size:1.1rem}.fit-list{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.fit-list li{padding-left:1.75rem;position:relative}.fit-list li:before{font-weight:800;position:absolute;left:0}.fit-matches li:before{content:"✓";color:var(--green)}.fit-discuss li:before{content:"→";color:var(--accent-2)}.fit-questions li:before{content:"?";color:var(--accent)}.fit-list p{color:var(--muted);margin:.2rem 0 0}.fit-projects{flex-wrap:wrap;gap:.4rem;display:flex}.fit-projects a{background:color-mix(in srgb, var(--accent) 15%, transparent);border-radius:999px;padding:.1em .7em;font-size:.85rem;text-decoration:none}.fit-disclaimer{color:var(--muted);margin:2rem 0 1rem;font-size:.85rem}.footer{border-top:1px solid color-mix(in srgb, var(--muted) 30%, transparent);color:var(--muted);text-align:center;justify-items:center;gap:.5rem;margin-top:2rem;padding:2.5rem 1rem;font-size:.9rem;display:grid}.footer p{margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{animation:none!important}.hex{animation:none}}