:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1c2520;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f3ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3efe6;background:#151b17}body{background:#f7f3ea;min-width:320px;margin:0}:root[data-theme=dark] body{background:#151b17}button,a{font:inherit}button{cursor:pointer}a{color:inherit}:root{--canvas:#f5f2eb;--ink:#191714;--muted:#6c635c;--line:#d6cec3;--panel:#eee7dc;--signal:#e5a17d;--signal-ink:#321b12}:root[data-theme=dark]{--canvas:#171412;--ink:#f6f0e8;--muted:#b5a9a0;--line:#473d37;--panel:#241e1a;--signal:#c97856;--signal-ink:#261008}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);margin:0}.site-shell{background:var(--canvas);width:100%;min-height:100vh;overflow:clip}.skip-link{z-index:10;background:var(--signal);color:var(--signal-ink);padding:.65rem .9rem;font-weight:800;position:fixed;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:5;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--canvas) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:1fr auto 1fr;align-items:stretch;min-height:76px;padding:0 clamp(1.25rem,4vw,4rem);display:grid;position:sticky;top:0}.monogram{width:fit-content;color:var(--ink);letter-spacing:-.12em;align-items:center;font-family:Arial,sans-serif;font-size:1.18rem;font-weight:950;text-decoration:none;display:flex}.site-header nav{align-items:center;gap:clamp(1rem,2.4vw,2.7rem);display:flex}.site-header nav a,.text-button{color:var(--ink);letter-spacing:.11em;text-transform:uppercase;font-size:.7rem;font-weight:800;text-decoration:none}.site-header nav a{opacity:.62}.site-header nav a:hover,.text-button:hover{opacity:1}.header-actions{justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.text-button,.icon-button{cursor:pointer;background:0 0;border:0;padding:.5rem}.icon-button{border:1px solid var(--ink);width:2.25rem;height:2.25rem;color:var(--ink);border-radius:0;place-items:center;display:grid}.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:.95rem}.hero{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1.3fr) minmax(14rem,.7fr);gap:clamp(1.5rem,4vw,4rem);min-height:calc(100svh - 76px);padding:clamp(1.6rem,3vw,3.5rem) clamp(1.25rem,7vw,9rem) clamp(2rem,4vw,4rem);display:grid;position:relative}.hero:before{content:"";z-index:0;border-left:1px solid var(--line);position:absolute;top:0;bottom:0;left:66%}.hero>*{z-index:1;position:relative}.hero-meta{letter-spacing:.1em;text-transform:uppercase;grid-column:1/-1;align-items:center;gap:.55rem;font-size:.68rem;font-weight:800;display:flex}.availability-dot{background:var(--signal);border:1px solid var(--ink);border-radius:50%;width:.52rem;height:.52rem}.hero-title-wrap{grid-column:1;align-self:center;padding:2.2rem 0}.eyebrow,.section-label{color:var(--muted);letter-spacing:.105em;text-transform:uppercase;margin:0;font-size:.69rem;font-weight:800}h1,h2,h3{color:var(--ink);margin:0}.hero h1{letter-spacing:-.09em;max-width:11.5ch;margin-top:1.3rem;font-family:Arial,Helvetica,sans-serif;font-size:clamp(3.7rem,7.3vw,8.5rem);font-weight:900;line-height:.83}.hero-note{background:var(--signal);color:var(--signal-ink);grid-column:2;align-self:center;padding:clamp(1.35rem,2.5vw,2.5rem)}.hero-note span,.hero-note strong{letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:900;display:block}.hero-note strong{letter-spacing:-.06em;margin-top:clamp(3rem,7vw,8rem);font-size:clamp(1.65rem,2.4vw,2.55rem)}.hero-note p{margin:.85rem 0 0;font-size:.89rem;line-height:1.55}.hero-pulse{grid-template-columns:repeat(9,1fr);gap:.28rem;margin-top:2rem;display:grid}.hero-pulse i{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--signal-ink) 45%, transparent);display:block}.hero-pulse i:nth-child(2),.hero-pulse i:nth-child(4),.hero-pulse i:nth-child(5),.hero-pulse i:nth-child(8){background:var(--signal-ink)}.hero-bottom{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:end;gap:2rem;padding-top:1.5rem;display:flex}.hero-bottom p{max-width:52ch;color:var(--muted);margin:0;line-height:1.62}.arrow-link,.email-link{color:var(--ink);white-space:nowrap;align-items:center;gap:.75rem;font-size:.78rem;font-weight:900;text-decoration:none;display:inline-flex}.arrow-link span,.email-link span{background:var(--signal);width:1.75rem;height:1.75rem;color:var(--signal-ink);place-items:center;font-size:1.2rem;display:grid}.section-grid,.work,.capabilities,.contact{border-top:1px solid var(--line)}.section-grid{grid-template-columns:24% 1fr;gap:2rem;padding:clamp(4rem,8vw,8.5rem) clamp(1.25rem,7vw,9rem);display:grid}.section-grid h2,.section-intro h2,.capabilities h2,.contact h2{letter-spacing:-.085em;font-family:Arial,Helvetica,sans-serif;font-size:clamp(2.7rem,5.2vw,6.4rem);font-weight:900;line-height:.86}.now{background:var(--panel)}.now>div{grid-template-columns:minmax(0,1fr) minmax(14rem,.56fr);align-items:end;gap:3rem;display:grid}.now p:last-child{max-width:33ch;color:var(--muted);margin:0;line-height:1.7}.section-intro{grid-template-columns:24% 1fr;gap:2rem;padding:clamp(4rem,8vw,8.5rem) clamp(1.25rem,7vw,9rem) clamp(2rem,4vw,3.5rem);display:grid}.project{border-top:1px solid var(--line);grid-template-columns:24% minmax(0,1fr) auto;gap:2rem;padding:clamp(2rem,4vw,4rem) clamp(1.25rem,7vw,9rem);display:grid}.project:hover{background:var(--panel)}.project-index,.project-type{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.69rem;font-weight:900}.project-type{margin:0 0 .75rem}.project h3{letter-spacing:-.08em;font-family:Arial,Helvetica,sans-serif;font-size:clamp(2.2rem,4.7vw,5.4rem);font-weight:900;line-height:.87;transition:transform .28s cubic-bezier(.2,.8,.2,1)}.project-body{max-width:55ch;color:var(--muted);margin:1.3rem 0;line-height:1.65}.project-impact{border-left:3px solid var(--signal);background:color-mix(in srgb, var(--panel) 58%, transparent);max-width:60ch;color:var(--ink);margin:0 0 1.35rem;padding:.8rem 1rem;font-size:.84rem;font-weight:650;line-height:1.55}.project-impact span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.35rem;font-size:.62rem;font-weight:900;display:block}.project ul{flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.project li{border:1px solid var(--line);padding:.38rem .55rem;font-size:.7rem;font-weight:700}.project-link{border:1px solid var(--ink);width:2.7rem;height:2.7rem;color:var(--ink);border-radius:0;place-items:center;font-size:1.25rem;text-decoration:none;display:grid}.project:hover .project-link{background:var(--signal);color:var(--signal-ink);border-color:var(--signal)}.project:hover h3{transform:translate(.35rem)}.experience{--experience-bg:#191714;--experience-ink:#f7f2ea;--experience-muted:#d8cec2;--experience-line:#625a52;background:var(--experience-bg)}.experience .section-label,.experience h2{color:var(--experience-ink)}.timeline{border-bottom:1px solid var(--experience-line);margin-top:3.2rem}.timeline-row{border-top:1px solid var(--experience-line);color:var(--experience-muted);grid-template-columns:7rem minmax(12rem,1fr) 1fr;gap:1rem;padding:1.2rem 0;font-size:.86rem;display:grid}.timeline-row strong{color:var(--experience-ink)}.timeline-row time{font-variant-numeric:tabular-nums}.capabilities{grid-template-columns:24% 1fr;gap:2rem;padding:clamp(4rem,8vw,8.5rem) clamp(1.25rem,7vw,9rem);display:grid}.capabilities ul{border-top:1px solid var(--line);grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:2.7rem 0 0;list-style:none;display:grid}.capabilities li{border-bottom:1px solid var(--line);letter-spacing:-.045em;gap:.9rem;padding:1.1rem 1.2rem 1.1rem 0;font-size:clamp(1.15rem,1.7vw,1.7rem);font-weight:800;display:flex}.capabilities li:nth-child(odd){border-right:1px solid var(--line);padding-right:1.2rem}.capabilities li:nth-child(2n){padding-left:1.2rem}.capabilities li span{color:var(--muted);letter-spacing:.05em;padding-top:.25rem;font-size:.65rem}.capabilities li{transition:background .2s,padding-left .2s}.capabilities li:hover{background:var(--signal);color:var(--signal-ink);padding-left:.8rem}.capabilities li:hover span{color:var(--signal-ink)}.contact{background:var(--signal);min-height:72svh;color:var(--signal-ink);grid-template-columns:24% 1fr;align-content:center;gap:2rem;padding:clamp(4rem,8vw,8.5rem) clamp(1.25rem,7vw,9rem);display:grid}.contact .section-label,.contact h2,.contact p,.contact a{color:var(--signal-ink)}.contact h2{grid-column:2;max-width:12ch}.contact p:not(.section-label){grid-column:2;max-width:48ch;margin:0;line-height:1.65}.contact .email-link{border-bottom:1px solid;grid-column:2;width:fit-content;margin-top:1rem;padding-bottom:.35rem}.contact .email-link span{background:var(--signal-ink);color:var(--signal)}footer{border-top:1px solid var(--line);min-height:72px;color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1.25rem,7vw,9rem);font-size:.7rem;display:flex}footer a{color:var(--ink);font-weight:800;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--signal);outline-offset:4px}:root[lang=my]{font-family:Noto Sans Myanmar,Myanmar Text,system-ui,sans-serif}:root[lang=my] h1,:root[lang=my] h2,:root[lang=my] h3,:root[lang=my] .hero-note strong{letter-spacing:-.025em;font-family:Noto Sans Myanmar,Myanmar Text,system-ui,sans-serif}:root[lang=my] .hero h1{max-width:100%;font-size:clamp(2.55rem,4.4vw,4.8rem);line-height:1.23}:root[lang=my] .hero-note strong{font-size:clamp(1.35rem,2vw,2.2rem);line-height:1.35}:root[lang=my] .section-grid h2,:root[lang=my] .section-intro h2,:root[lang=my] .capabilities h2,:root[lang=my] .contact h2{line-height:1.25}:root[lang=my] .project h3{line-height:1.2}:root[lang=my] .hero-bottom p,:root[lang=my] .now p:last-child,:root[lang=my] .project-body,:root[lang=my] .contact p:not(.section-label){line-height:1.9}@media (width<=760px){.site-header{grid-template-columns:1fr auto;min-height:66px}.site-header nav{display:none}.hero{grid-template-rows:auto auto auto auto;grid-template-columns:1fr;min-height:auto;padding-bottom:2.5rem}.hero:before{display:none}.hero-title-wrap,.hero-note,.hero-bottom{grid-column:1}.hero-title-wrap{padding:3.4rem 0 0}.hero h1{max-width:10.8ch;font-size:clamp(3.3rem,14vw,5rem)}.hero-note{padding:1.25rem}.hero-note strong{margin-top:2.7rem}.hero-bottom{gap:1.5rem;display:grid}.section-grid,.section-intro,.capabilities,.contact{grid-template-columns:1fr;gap:1.5rem;padding-inline:1.3rem}.now>div{grid-template-columns:1fr;gap:2rem}.section-intro{padding-bottom:2rem}.project{grid-template-columns:3rem 1fr;gap:1rem;padding-inline:1.3rem}.project-link{grid-column:2}.project h3{font-size:clamp(2.2rem,11.5vw,4rem)}.timeline-row{grid-template-columns:1fr;gap:.3rem}.capabilities ul{grid-column:1;grid-template-columns:1fr}.capabilities li:nth-child(odd){border-right:0;padding-right:0}.capabilities li:nth-child(2n){padding-left:0}.contact{min-height:68svh}.contact h2,.contact p:not(.section-label),.contact .email-link{grid-column:1}.contact h2{max-width:11ch}footer{flex-direction:column;align-items:flex-start;padding-inline:1.3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
