:root{--paper:#f4f1eb;--ink:#161311;--muted:#6a6158;--line:#1613111f;--lacquer:#b42318;--lacquer-deep:#8e1c14;--moss:#1c2c25;--card:#fffcf8d1;--nav:#f4f1ebc7;--shadow:0 16px 40px #1613110f;--copy:#3a332c;--serif:"IBM Plex Serif", "Noto Sans Myanmar", "Myanmar Text", "Times New Roman", serif;--sans:"IBM Plex Sans", "Noto Sans Myanmar", "Myanmar Text", "Segoe UI", sans-serif;--gutter:clamp(20px, 5vw, 40px)}html[data-theme=dark] body{background:radial-gradient(1200px 500px at 90% -10%, #9d2f2829, transparent 55%), var(--paper)}html:not([data-theme=dark]) .grain{opacity:.04}html[data-theme=dark]{--paper:#0f0e0c;--ink:#f6f1e8;--muted:#b7aea3;--line:#f6f1e81f;--lacquer:#f0a8a1;--lacquer-deep:#f6c7c2;--moss:#14211b;--card:#1c1916e0;--nav:#0f0e0cb8;--shadow:0 16px 40px #00000059;--copy:#ddd4c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(900px 420px at 100% -10%, color-mix(in srgb, var(--lacquer) 16%, transparent), transparent 60%), radial-gradient(720px 380px at -10% 18%, color-mix(in srgb, var(--moss) 18%, transparent), transparent 55%), var(--paper);font-family:var(--sans);text-rendering:optimizelegibility;margin:0;font-weight:400;line-height:1.6}:focus-visible{outline:2px solid var(--lacquer);outline-offset:3px}button,a{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}address{font-style:normal}.grain{pointer-events:none;opacity:.18;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}.nav{z-index:5;background:var(--nav);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);border:1px solid var(--line);border-radius:999px;justify-content:space-between;align-items:center;width:min(1080px,100% - 24px);margin:12px auto 0;padding:8px 8px 8px 18px;animation:.7s both fade-in;display:flex;position:sticky;top:12px}.mark{letter-spacing:.18em;font-size:.92rem;font-weight:600;text-decoration:none;transition:letter-spacing .35s,color .35s}.mark:hover{letter-spacing:.28em;color:var(--lacquer)}.nav nav{align-items:center;gap:8px;display:flex}.nav nav button{color:var(--muted);padding:8px 12px;transition:color .25s}.nav nav button:not(.lang){position:relative}.nav nav button:not(.lang):after{content:"";background:var(--lacquer);transform-origin:0;height:1px;transition:transform .3s;position:absolute;bottom:6px;left:12px;right:12px;transform:scaleX(0)}.nav nav button:hover{color:var(--ink)}.nav nav button:not(.lang):hover:after{transform:scaleX(1)}.lang{border-radius:999px;border:1px solid var(--line)!important;color:var(--ink)!important;padding:7px 14px!important}.menu-btn{width:42px;height:42px;display:none;position:relative}.menu-btn span{background:var(--ink);height:1.5px;transition:transform .28s,top .28s;position:absolute;left:10px;right:10px}.menu-btn span:first-child{top:16px}.menu-btn span:last-child{top:24px}.menu-btn.open span:first-child{top:20px;transform:rotate(40deg)}.menu-btn.open span:last-child{top:20px;transform:rotate(-40deg)}main{width:min(1080px,100% - 24px);margin:0 auto;padding:0 8px 72px}.hero{grid-template-columns:minmax(0,1.35fr) minmax(220px,340px);align-items:end;gap:56px;min-height:calc(100vh - 96px);padding:7vh 0 6vh;display:grid}.portrait{aspect-ratio:4/5;object-fit:cover;object-position:center 18%;border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:28px;grid-area:1/2;align-self:end;animation:1.15s cubic-bezier(.22,1,.36,1) .18s both portrait-in}.hero-copy{grid-area:1/1;min-width:0}.kicker,.label{letter-spacing:.14em;text-transform:uppercase;color:var(--lacquer);margin:0 0 18px;font-size:.74rem;font-weight:500}.kicker{align-items:center;gap:10px;display:flex}.kicker:before{content:"";background:var(--lacquer);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--lacquer) 45%, transparent);border-radius:50%;flex:none;animation:2.4s ease-out infinite pulse}.hero h1{font-family:var(--serif);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(3.4rem,7vw,6.4rem);font-weight:500;line-height:.98}.headline{letter-spacing:-.02em;max-width:34rem;margin:22px 0 0;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:500;line-height:1.35}.lede{max-width:46rem;color:var(--muted);font-size:1.08rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.btn{border-radius:999px;padding:12px 20px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.solid{background:var(--ink);color:var(--paper)}.btn.ghost{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 70%, transparent)}.facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:520px;margin:40px 0 0;display:grid}.facts div{border-top:1px solid var(--line);padding:14px 16px 0 0}.facts dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.facts dd{margin:4px 0 0;font-weight:500}.about,.work,.skills,.education,.contact{padding:92px 0 10px;scroll-margin-top:88px}.about h2,.section-head h2,.education h2,.contact h2{font-family:var(--serif);letter-spacing:-.025em;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(2.1rem,4.4vw,3.5rem);font-weight:500;line-height:1.05}.about{grid-template-columns:.9fr 1.1fr;gap:40px 64px;display:grid}.about-copy p{color:var(--copy);margin-top:0;font-size:1.05rem}.principles{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:18px;margin:10px 0 0;padding:0;list-style:none;display:grid}.principles li,.skill-grid article,.thesis,.extras{background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;transition:border-color .3s,background .3s}.principles li:hover,.skill-grid article:hover{border-color:color-mix(in srgb, var(--lacquer) 40%, var(--line));background:color-mix(in srgb, var(--card) 82%, var(--lacquer))}.principles li{padding:22px}.principles span{color:var(--lacquer);font-family:var(--serif);letter-spacing:-.04em;font-size:1.8rem;line-height:1}.principles h3,.project h3,.skill-grid h3,.thesis h3{font-family:var(--serif);letter-spacing:-.02em;margin:12px 0 8px;font-size:1.45rem;font-weight:500}.principles p,.project p,.thesis p,.role-note{color:var(--muted);margin:0}.section-head{margin-bottom:28px}.role{background:var(--moss);color:#f6f1e8;border:0;border-radius:22px;grid-template-columns:1.2fr auto;gap:8px 24px;margin-top:8px;padding:28px;display:grid}.role-title{letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin:0;font-size:.75rem}.company{font-family:var(--serif);margin:4px 0 0;font-size:2rem}.period{align-self:start;margin:0}.role-note{color:#f6f1e8c7;grid-column:1/-1}.projects{border-top:1px solid var(--line);flex-direction:column;margin-top:22px;display:flex}.project{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:16px;grid-template-columns:52px minmax(0,1fr);gap:8px 22px;min-height:0;padding:26px 8px;transition:background .3s;display:grid}.project:hover{background:color-mix(in srgb, var(--lacquer) 7%, transparent)}.project .index{letter-spacing:.14em;color:var(--lacquer);grid-row:1/span 3;padding-top:8px;font-size:.78rem}.project h3{margin:0;transition:color .25s}.project:hover h3{color:var(--lacquer-deep)}.project h3:after{content:"→";font-family:var(--sans);opacity:0;margin-left:8px;font-size:.9em;transition:opacity .25s,transform .25s;display:inline-block;transform:translate(-6px)}.project:hover h3:after{opacity:1;transform:none}.project p{max-width:62rem}.project ul,.extras ul,.skill-grid ul{flex-wrap:wrap;gap:8px;margin:0;padding:16px 0 0;list-style:none;display:flex}.project li,.skill-grid li{border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.82rem;transition:background .25s,color .25s,border-color .25s}.project:hover li{border-color:color-mix(in srgb, var(--lacquer) 45%, var(--line));color:var(--ink)}.more-work{margin-top:64px}.extras,.thesis{margin-top:18px;padding:26px 28px}.extras ul{gap:10px;padding-top:8px;display:grid}.extras li{color:var(--copy);padding-left:16px;position:relative}.extras li:before{content:"";background:var(--lacquer);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.skill-grid{grid-template-columns:1.4fr 1fr 1fr;gap:14px;display:grid}.skill-grid article:first-child{grid-column:1/-1}.skill-grid article{padding:22px 24px}.skill-grid ul{flex-direction:column;align-items:flex-start}.skill-grid li{border-radius:10px}.education{border-top:1px solid var(--line);grid-template-columns:.6fr 1.4fr;gap:24px;display:grid}.school{flex-wrap:wrap;gap:16px;font-weight:500;display:flex}.school span{color:var(--muted);font-weight:400}.contact{color:#f6f1e8;background:#161311;border-radius:28px;grid-template-columns:1.15fr .85fr;gap:32px;margin:28px 0 0;padding:64px 48px;display:grid}.contact .label{color:#f0b2ab}.contact .lede,.contact address{color:#f6f1e8bd}.contact h2{color:#f6f1e8;max-width:14ch}.contact address{align-content:end;gap:10px;font-size:1.15rem;display:grid}.contact a{overflow-wrap:anywhere;border-bottom:1px solid #f6f1e859;width:fit-content;max-width:100%;text-decoration:none}.contact .btn{color:#161311;background:#f6f1e8;border-color:#0000;width:fit-content;margin-top:8px}footer{width:min(1080px,100% - 24px);color:var(--muted);justify-content:space-between;margin:0 auto;padding:8px 8px 28px;font-size:.9rem;display:flex}.hero-copy>*{animation:.9s cubic-bezier(.22,1,.36,1) both rise}.hero-copy>.kicker{animation-delay:50ms}.hero-copy>h1{animation-delay:.14s}.hero-copy>.headline{animation-delay:.28s}.hero-copy>.lede{animation-delay:.4s}.hero-copy>.hero-actions{animation-delay:.52s}.hero-copy>.facts{animation-delay:.64s}.reveal{opacity:0;transform:translateY(28px)}.reveal.in{animation:.9s cubic-bezier(.22,1,.36,1) forwards rise;animation-delay:var(--d,0s)}.skill-grid article li{opacity:0}.skill-grid article.in li{animation:.5s cubic-bezier(.22,1,.36,1) both chip}.skill-grid article.in li:first-child{animation-delay:.12s}.skill-grid article.in li:nth-child(2){animation-delay:.18s}.skill-grid article.in li:nth-child(3){animation-delay:.24s}.skill-grid article.in li:nth-child(4){animation-delay:.3s}.skill-grid article.in li:nth-child(5){animation-delay:.36s}.skill-grid article.in li:nth-child(6){animation-delay:.42s}.skill-grid article.in li:nth-child(7){animation-delay:.48s}footer{animation:1s .2s both fade-in}@keyframes rise{0%{opacity:0;filter:blur(4px);transform:translateY(28px)}to{opacity:1;filter:none;transform:none}}@keyframes portrait-in{0%{opacity:0;transform:translateY(28px)scale(.96)}to{opacity:1;transform:none}}@keyframes chip{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse{70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}@media (width<=900px){.menu-btn{z-index:6;display:block}.nav nav{background:var(--paper);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;border-radius:0 0 24px 24px;flex-direction:column;align-items:flex-start;padding:84px 22px 24px;transition:opacity .28s,transform .28s,visibility .28s;display:flex;position:fixed;inset:0 0 auto;transform:translateY(-10px)}.nav nav.open{opacity:1;visibility:visible;transform:none}.about,.skill-grid,.education,.contact,.facts,.role{grid-template-columns:1fr}.skill-grid article:first-child{grid-column:auto}.principles{grid-template-columns:1fr}.hero{grid-template-columns:1fr;align-items:start;min-height:auto;padding-top:36px}.portrait,.hero-copy{grid-area:auto/1}.portrait{border-radius:24px;max-width:280px}.contact{border-radius:24px;padding:40px 22px}.project{grid-template-columns:36px minmax(0,1fr);padding-inline:0}}@media (prefers-reduced-motion:reduce){.reveal,.reveal.in,.hero-copy>*,.portrait,.nav,footer,.skill-grid article li,.skill-grid article.in li,.kicker:before{opacity:1;filter:none;animation:none;transform:none}html{scroll-behavior:auto}}