@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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}*{box-sizing:border-box}html{scroll-behavior:smooth;--accent-color:#d27d2d;--accent-color-r:210;--accent-color-g:125;--accent-color-b:45}body{background:radial-gradient(circle at top, rgba(var(--accent-color-r), var(--accent-color-g), var(--accent-color-b), .14), transparent 32%), linear-gradient(180deg, #0b0c10 0%, #11151d 100%);color:#f7fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;margin:0;font-family:Inter Variable,system-ui,sans-serif}body,p,h1{margin:0}a{color:inherit;text-decoration:none}.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}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0b0c10}::-webkit-scrollbar-thumb{background:#1f2937;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#374151}.app-shell{box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;min-height:100dvh;padding:1rem;display:flex}.app-main,.site-footer{width:min(100%,80rem);margin:0 auto}.app-main{flex-direction:column;flex:auto;display:flex}@media (width>=768px){.app-shell{gap:.85rem;padding:.85rem}}@media (width<=767px){.app-shell{padding:.85rem}}.site-footer{color:#a0aec0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b0c10d1;border:1px solid #3741518c;border-radius:1.5rem;padding:.8rem 1rem}.site-footer-inner,.site-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;display:flex}.site-link,.site-copy{font-size:.92rem;transition:color .16s}.site-link:hover,.site-link:focus-visible{color:#f7fafc}@media (width<=767px){.site-footer{padding:.75rem .85rem}}.bento-grid{grid-template-columns:1fr;gap:1rem;min-width:0;display:grid}.bento-grid>*{min-width:0;animation:.52s cubic-bezier(.2,.8,.2,1) backwards card-in}.bento-grid>:first-child{animation-delay:0s}.bento-grid>:nth-child(2){animation-delay:60ms}.bento-grid>:nth-child(3){animation-delay:.12s}.bento-grid>:nth-child(4){animation-delay:.18s}.bento-grid>:nth-child(5){animation-delay:.24s}.bento-grid>:nth-child(6){animation-delay:.3s}.bento-grid>:nth-child(7){animation-delay:.36s}@keyframes card-in{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.bento-grid>*,.hero-card__status-dot{animation:none}}@media (width>=768px){.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"project project""about subproject""spotify experience""contact control";align-items:stretch;gap:1.1rem}.bento-grid__item--about{grid-area:about}.bento-grid__item--project{grid-area:project}.bento-grid__item--subproject{grid-area:subproject}.bento-grid__item--spotify{grid-area:spotify}.bento-grid__item--experience{grid-area:experience}.bento-grid__item--contact{grid-area:contact}.bento-grid__item--control{grid-area:control}}@media (width>=1200px){.bento-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-areas:"about project project project contact""about project project project control""spotify experience experience subproject subproject"}}.bento-card{background:#1f293785;border:1px solid #374151f2;border-radius:1.5rem;padding:1rem;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s,background-color .22s;box-shadow:0 20px 60px #00000038}.bento-card:hover{border-color:rgba(var(--accent-color-r), var(--accent-color-g), var(--accent-color-b), .3);box-shadow:0 22px 54px #00000040, 0 0 28px rgba(var(--accent-color-r), var(--accent-color-g), var(--accent-color-b), .055);background:#1f293794;transform:translateY(-2px)}.card-title{letter-spacing:-.01em;color:#f7fafc;margin:0;font-family:Fraunces Variable,Georgia,serif;font-size:1.4rem;font-weight:600}.card-text{color:#d1d5db;margin:0;font-size:.9375rem;line-height:1.65}.button{color:#f7fafc;white-space:nowrap;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;padding:.6rem 1.1rem;font-size:.875rem;font-weight:600;transition:background-color .16s,border-color .16s,transform .16s,filter .16s;display:inline-flex}.button:hover{border-color:rgba(var(--accent-color-r), var(--accent-color-g), var(--accent-color-b), .55);transform:translateY(-1px)}.button--primary{background:var(--accent-color);border-color:var(--accent-color);color:#0b0c10}.button--primary:hover{border-color:var(--accent-color);filter:brightness(1.08)}.button:focus-visible{outline-offset:3px;outline:2px solid #f7fafc}.bento-card--about,.bento-card--contact{align-items:stretch;display:flex}.hero-card{flex-direction:column;gap:.9rem;width:100%;display:flex}.hero-card__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-color);font-size:.75rem;font-weight:600}.hero-card__name{letter-spacing:-.02em;color:#f7fafc;margin:0;font-family:Fraunces Variable,Georgia,serif;font-size:clamp(2.4rem,3.4vw,3.1rem);font-weight:600;line-height:1}.hero-card__role{color:#d1d5db;font-family:Fraunces Variable,Georgia,serif;font-size:1.1rem;font-style:italic}.hero-card__intro{color:#d1d5db;font-size:.95rem;line-height:1.6}.hero-card__status{color:#f7fafc;align-items:center;gap:.6rem;font-size:.85rem;font-weight:500;display:flex}.hero-card__status-dot{background:#0f8;border-radius:50%;flex-shrink:0;width:.6rem;height:.6rem;animation:2s ease-in-out infinite pulse;box-shadow:0 0 8px #0f89}.hero-card__actions{flex-wrap:wrap;gap:.6rem;margin-top:auto;display:flex}.contact-card{flex-direction:column;gap:.85rem;width:100%;display:flex}.contact-card__cta{align-self:flex-start}.contact-card__email{text-overflow:ellipsis;white-space:nowrap;color:#a0aec0;min-width:0;font-size:.8rem;overflow:hidden}.contact-card__icons{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.contact-card__icon-link{background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:transform .16s,border-color .16s,background-color .16s;display:inline-flex}.contact-card__icon-link:hover{background:rgba(var(--accent-color-r), var(--accent-color-g), var(--accent-color-b), .12);border-color:rgba(var(--accent-color-r), var(--accent-color-g), var(--accent-color-b), .4);transform:translateY(-2px)}.contact-card__icon-link--disabled{opacity:.5;cursor:default}.contact-card__icon-link--disabled:hover{background:#ffffff0d;border-color:#ffffff14;transform:none}.contact-card__icon{object-fit:contain;width:1.25rem;height:1.25rem}.contact-card__icon--github{filter:invert()}.project-card{flex-direction:column;gap:.85rem;width:100%;min-width:0;height:100%;display:flex;container-type:inline-size}.project-card__header{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.project-card__year{letter-spacing:.08em;color:#a0aec0;font-size:.8rem;font-weight:600}.project-card__body{flex:auto;gap:1rem;min-height:0;display:grid}@container (width>=560px){.project-card__body{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch}}.project-card__preview{background:radial-gradient(circle at 30% 20%, rgba(var(--accent-color-r), var(--accent-color-g), var(--accent-color-b), .18), transparent 60%), #0a0e15b3;border:1px solid #ffffff12;border-radius:1rem;min-height:11rem;position:relative;overflow:hidden}.project-card__image{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.project-card:hover .project-card__image{transform:scale(1.03)}.project-card__placeholder{flex-direction:column;justify-content:flex-end;gap:.5rem;padding:1.1rem;display:flex;position:absolute;inset:0}.project-card__placeholder-bar{background:#ffffff14;border-radius:999px;width:70%;height:.6rem;display:block}.project-card__placeholder-bar--short{width:45%}.project-card__placeholder-label{letter-spacing:.08em;text-transform:uppercase;color:#a0aec0;margin-top:.4rem;font-size:.72rem;font-weight:600}.project-card__content{flex-direction:column;gap:.55rem;min-width:0;display:flex}.project-card__title{color:#f7fafc;margin:0;font-size:1.15rem;font-weight:650}.project-card__role{color:var(--accent-color);font-size:.8rem;font-weight:600}.project-card__description{color:#d1d5db;margin:0;font-size:.9rem;line-height:1.6}.project-card__tech{flex-wrap:wrap;gap:.4rem;display:flex}.project-card__tech-tag{background:rgba(var(--accent-color-r), var(--accent-color-g), var(--accent-color-b), .08);border:1px solid rgba(var(--accent-color-r), var(--accent-color-g), var(--accent-color-b), .14);color:var(--accent-color);white-space:nowrap;border-radius:999px;align-items:center;padding:.28rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.project-card__links{flex-wrap:wrap;gap:.6rem;margin-top:auto;padding-top:.4rem;display:flex}.spotify-card{grid-template-rows:auto 1fr;gap:1rem;height:100%;display:grid}.spotify-card__header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.spotify-card__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#ffffffbd;align-items:center;gap:.5rem;font-size:.74rem;font-weight:700;display:inline-flex}.spotify-card__eyebrow-dot{background:linear-gradient(135deg,#1db954,#34d399);border-radius:999px;width:.5rem;height:.5rem;box-shadow:0 0 0 .2rem #1db95429}.spotify-card__status{color:#d1d5db;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .7rem;font-size:.78rem;font-weight:600;display:inline-flex}.spotify-card__status.is-playing{color:#dffbe8;background:#1db95424;border-color:#1db9544d}.spotify-card__status.is-recent{color:#dfe8ff;background:#6366f124;border-color:#6366f13d}.spotify-card__status.is-paused{color:#d1d5db;background:#ffffff0a;border-color:#ffffff1a}.spotify-card__status-indicator{background:currentColor;border-radius:999px;width:.44rem;height:.44rem;box-shadow:0 0 0 .18rem #ffffff14}.spotify-card__status.is-playing .spotify-card__status-indicator{animation:1.5s ease-in-out infinite spotify-pulse}.spotify-card__loading{gap:.7rem;display:grid}.spotify-card__loading-dots{gap:.35rem;display:flex}.spotify-card__loading-dots span{background:#1db954e6;border-radius:999px;width:.5rem;height:.5rem;animation:1.2s ease-in-out infinite spotify-bounce}.spotify-card__loading-dots span:nth-child(2){animation-delay:.15s}.spotify-card__loading-dots span:nth-child(3){animation-delay:.3s}.spotify-card__state{align-content:center;gap:.7rem;display:grid}.spotify-card__empty-shell{background:#ffffff08;border:1px solid #ffffff0f;border-radius:1rem;gap:.5rem;padding:.95rem 1rem;display:grid}.spotify-card__content{gap:1rem;display:grid}.spotify-card__art{justify-items:center;width:min(100%,11rem);margin:0 auto;display:grid;position:relative}.spotify-card__glow{filter:blur(28px);opacity:.36;z-index:0;background-position:50%;background-size:cover;border-radius:1.35rem;position:absolute;inset:-8%;transform:scale(1.08)}.spotify-card__cover{z-index:1;aspect-ratio:1;object-fit:cover;border:1px solid #ffffff24;border-radius:1.1rem;width:100%;position:relative;box-shadow:0 18px 38px #00000057}.spotify-card__cover--placeholder{background:linear-gradient(135deg,#1db95433,#ffffff0a)}.spotify-card__meta{gap:.25rem;display:grid}.spotify-card__title{color:#f7fafc;font-size:1.05rem;font-weight:700}.spotify-card__artist,.spotify-card__album{color:#d1d5db;font-size:.94rem;line-height:1.5}.spotify-card__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.spotify-card__hint{color:#d1d5db;font-size:.84rem;line-height:1.5}.spotify-card__link{color:#fff;background:linear-gradient(135deg,#1db954,#14833b);border-radius:999px;align-items:center;width:fit-content;padding:.62rem .95rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 10px 24px #1db9543d}.spotify-card__link:hover{transform:translateY(-1px);box-shadow:0 14px 30px #1db9544d}.spotify-card__button{white-space:nowrap;text-overflow:ellipsis;text-align:center;color:#f7fafc;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;width:100%;padding:.62rem .8rem;font-size:.84rem;font-weight:600;transition:background-color .16s,border-color .16s,transform .16s;overflow:hidden}.spotify-card__button:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.spotify-card__button--subtle{color:#d1d5db;background:#ffffff06;border-color:#ffffff14}.spotify-card__button--subtle:hover{color:#f7fafc;background:#ffffff0f}@keyframes spotify-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.25)}}@keyframes spotify-bounce{0%,80%,to{opacity:.65;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.tech-stack-card{flex-direction:column;gap:.55rem;display:flex}.tech-stack-card .card-text{line-height:1.4}.tech-stack__groups{gap:.75rem;display:grid}.tech-stack__group{gap:.4rem;display:grid}.tech-stack__group-title{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-color);margin:0;font-size:.8rem;font-weight:600;line-height:1}.tech-stack__list{flex-wrap:wrap;gap:.5rem;display:flex}.tech-stack__pill{color:#f7fafc;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;align-items:center;min-height:1.8rem;padding:.35rem .7rem;font-size:.875rem;font-weight:500;line-height:1;display:inline-flex}.experience-card{gap:.85rem;width:100%;display:grid}.experience-card__timeline{gap:1rem;padding-left:.5rem;display:grid;position:relative}.experience-card__timeline:before{content:"";background:linear-gradient(to bottom, rgba(var(--accent-color-r), var(--accent-color-g), var(--accent-color-b), .4), rgba(var(--accent-color-r), var(--accent-color-g), var(--accent-color-b), .1));border-radius:999px;width:2px;position:absolute;top:0;bottom:0;left:-8px}.experience-card__entry{grid-template-columns:auto 1fr;gap:.75rem;display:grid;position:relative}.experience-card__dot{background:var(--accent-color);width:12px;height:12px;box-shadow:0 0 0 3px rgba(var(--accent-color-r), var(--accent-color-g), var(--accent-color-b), .15);border:2px solid #1f293785;border-radius:50%;flex-shrink:0;margin-top:2px}.experience-card__content{gap:.2rem;min-width:0;display:grid}.experience-card__position{color:#f7fafc;word-break:break-word;margin:0;font-size:.95rem;font-weight:600}.experience-card__company{color:#d1d5db;margin:0;font-size:.85rem}.experience-card__period{color:var(--accent-color);font-size:.8rem;font-weight:500}.control-card{flex-direction:column;justify-content:space-between;gap:1.5rem;height:100%;display:flex}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 8px #0f89}50%{opacity:.6;box-shadow:0 0 12px #00ff884d}}.control-card__group{flex-direction:column;gap:.6rem;display:flex}.control-card__segmented{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-self:flex-start;padding:.2rem;display:inline-flex}.control-card__segment{color:#a0aec0;font:inherit;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.35rem .9rem;font-size:.8rem;font-weight:600;transition:background-color .16s,color .16s}.control-card__segment:hover{color:#f7fafc}.control-card__segment[aria-pressed=true]{background:var(--accent-color);color:#0b0c10}.control-card__segment:focus-visible{outline-offset:2px;outline:2px solid #f7fafc}.control-card__label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-color);margin:0;font-size:.8rem;font-weight:600}.control-card__color-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.control-card__color-btn{background:var(--color,var(--accent-color));cursor:pointer;border:2px solid #ffffff1a;border-radius:50%;width:2.5rem;height:2.5rem;transition:transform .16s,box-shadow .16s,border-color .16s}.control-card__color-btn:hover{box-shadow:0 0 12px rgba(var(--accent-color-r), var(--accent-color-g), var(--accent-color-b), .4);border-color:#ffffff4d;transform:scale(1.1)}.control-card__color-btn:active{transform:scale(.95)}.control-card__color-btn[aria-pressed=true]{border-color:#f7fafc;box-shadow:0 0 0 3px #ffffff1f}.control-card__color-btn:focus-visible{outline-offset:3px;outline:2px solid #f7fafc}@media (width<=767px){.bento-grid{gap:.85rem}.bento-grid__item--experience{order:1}.bento-grid__item--subproject{order:2}.bento-grid__item--contact{order:3}.bento-grid__item--spotify{order:4}.bento-grid__item--control{order:5}.bento-card{padding:.9rem}.bento-card--contact{flex-direction:column}.contact-card{gap:1rem}.card-title{font-size:1.125rem}.card-text,.card-accent{font-size:.875rem}.contact-card__icon-link{width:2.5rem;height:2.5rem}.contact-card__icon{width:1.125rem;height:1.125rem}.project-card__description{font-size:.875rem}}@media (width>=768px) and (width<=1024px){.contact-card__icon-link{width:3rem;height:3rem}.contact-card__icon{width:1.5rem;height:1.5rem}}.legal-page{width:min(100%,48rem);margin:0 auto;padding:2rem}.legal-page:hover{transform:none}.legal-page__back{color:var(--accent-color);margin-bottom:1.25rem;font-size:.9rem;font-weight:600;display:inline-block}.legal-page__back:hover,.legal-page__back:focus-visible{text-decoration:underline}.legal-page__title{color:#f7fafc;margin:0 0 1.5rem;font-family:Fraunces Variable,Georgia,serif;font-size:2.2rem;font-weight:600}.legal-page__notice{color:#a0aec0;margin:-.75rem 0 1.5rem;font-size:.9rem;font-style:italic}.legal-page__body{gap:1.5rem;display:grid}.legal-page__body section{gap:.6rem;display:grid}.legal-page__body h2{color:#f7fafc;margin:0;font-size:1.1rem;font-weight:600}.legal-page__body p{color:#d1d5db;font-size:.95rem;line-height:1.7}.legal-page__body a{color:var(--accent-color);text-underline-offset:2px;text-decoration:underline}.legal-page__updated{color:#a0aec0;font-size:.85rem}.legal-placeholder{background:rgba(var(--accent-color-r), var(--accent-color-g), var(--accent-color-b), .18);color:#f7fafc;border-radius:.25rem;padding:0 .25rem}@media (width<=767px){.legal-page{padding:1.25rem}.legal-page__title{font-size:1.5rem}}