@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600&family=Syne:wght@600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#090d1c;--night-raised:#121833;--night-line:#e9eaf41a;--night-line-strong:#e9eaf438;--text:#e9eaf4;--text-muted:#8d93b3;--gold:#f4b53f;--gold-soft:#f4b53f24;--lotus:#ec6a9c;--lotus-soft:#ec6a9c29;--font-display:"Syne", "Avenir Next", sans-serif;--font-body:"Hanken Grotesk", "Segoe UI", sans-serif;--step--1:.875rem;--step-0:1.0625rem;--step-1:1.3125rem;--step-2:1.75rem;--step-3:clamp(2.25rem, 1.6rem + 2.6vw, 3.5rem);--step-4:clamp(3.25rem, 1.4rem + 8.2vw, 8.75rem);--gutter:clamp(1rem, .4rem + 3vw, 3rem);--radius-sm:.5rem;--radius-lg:1.5rem;font-family:var(--font-body);color:var(--text);background:var(--night);font-synthesis:none;font-variant-numeric:lining-nums;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:100%;font-weight:400;line-height:1.6}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{background:var(--night);min-width:320px;min-height:100vh;font-size:var(--step-0);margin:0;overflow-x:clip}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700;line-height:1.05}p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}p{text-wrap:pretty}a{color:inherit}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}::selection{background:var(--lotus);color:var(--night)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.container{width:100%;max-width:76rem;padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:clamp(5rem,3rem + 8vw,8.5rem);position:relative}.section-raised{border-block:1px solid var(--night-line);background:#0d1228}.section-heading h2{font-size:var(--step-3)}.section-heading p{max-width:56ch;color:var(--text-muted);font-size:var(--step-1);margin-top:1.1rem;line-height:1.5}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--gold);color:var(--night);padding:.6rem 1rem;font-weight:600;text-decoration:none;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.button{min-height:3rem;font-size:var(--step-0);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.button-primary{background:var(--gold);color:var(--night)}.button-primary:hover{background:#ffc95e;transform:translateY(-1px)}.button-ghost{border-color:var(--night-line-strong);color:var(--text);background:0 0}.button-ghost:hover{border-color:var(--gold);color:var(--gold)}.text-link{color:var(--lotus);text-underline-offset:.25em;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;transition:color .2s}.text-link:hover{color:var(--gold)}.site-header{z-index:50;border-bottom:1px solid #0000;transition:background-color .3s,border-color .3s;position:fixed;inset:0 0 auto}.site-header.is-solid{border-bottom-color:var(--night-line);-webkit-backdrop-filter:blur(14px);background:#090d1cd1}.site-header-inner{max-width:76rem;height:4.5rem;padding-inline:var(--gutter);justify-content:space-between;align-items:center;gap:1.5rem;margin-inline:auto;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:.65rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{fill:none;width:1.75rem;height:1.75rem;stroke:var(--lotus);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.brand-mark path:last-child{stroke:var(--gold)}.site-nav{align-items:center;gap:.35rem;display:flex}.site-nav a{color:var(--text-muted);font-size:var(--step--1);padding:.5rem .85rem;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.site-nav a:hover,.site-nav a.is-active{color:var(--text)}.site-nav a.is-active:after{content:"";background:var(--gold);border-radius:2px;height:2px;position:absolute;bottom:.2rem;left:.85rem;right:.85rem}.site-nav .site-nav-cta{border:1px solid var(--night-line-strong);color:var(--text);border-radius:999px;margin-left:.75rem;padding:.55rem 1.1rem}.site-nav .site-nav-cta:hover{border-color:var(--gold);color:var(--gold)}.menu-toggle{border:1px solid var(--night-line-strong);min-height:2.75rem;font-size:var(--step--1);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem 1rem;font-weight:600;display:none}.hero{isolation:isolate;align-items:center;min-height:100svh;padding-block:7rem 4rem;display:flex;position:relative;overflow:hidden}.hero-scene{z-index:-1;animation:1.8s both scene-in;position:absolute;inset:0}.hero-scene canvas{display:block}.hero-glow{background:radial-gradient(36rem 30rem at 74% 52%, #7b8cff2e, transparent 70%), radial-gradient(26rem 20rem at 70% 30%, #ec6a9c1f, transparent 70%), linear-gradient(180deg, transparent 70%, var(--night));pointer-events:none;position:absolute;inset:0}.hero-scene>div{pointer-events:none}.stack-scene{width:100%;height:100%;position:relative}.scene-label{opacity:0;border:1px solid var(--label-color);color:var(--label-color);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:#090d1cbf;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;position:absolute;top:0;left:0}.hero-content{position:relative}.hero-status{border:1px solid var(--night-line-strong);color:var(--text-muted);font-size:var(--step--1);background:#090d1c99;border-radius:999px;align-items:center;gap:.65rem;padding:.4rem .95rem .4rem .75rem;display:inline-flex}.status-dot{background:var(--gold);width:.5rem;height:.5rem;box-shadow:0 0 0 4px var(--gold-soft);border-radius:50%}.hero-title{letter-spacing:-.035em;text-shadow:0 4px 40px #090d1c99;margin-top:1.75rem;font-size:clamp(3rem,1rem + 6.4vw,6.5rem);font-weight:800;line-height:.92}.hero-title span{display:block}.hero-lede{color:#c9cce0;max-width:32ch;font-size:var(--step-1);margin-top:1.75rem;line-height:1.45}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2.25rem;display:flex}.hero-facts{flex-wrap:wrap;gap:1.25rem 2.75rem;margin-top:clamp(3rem,2rem + 4vw,5rem);display:flex}.hero-facts div{flex-direction:column-reverse;display:flex}.hero-facts dd{font-family:var(--font-display);font-size:var(--step-2);font-weight:700;line-height:1.1}.hero-facts dt{color:var(--text-muted);font-size:var(--step--1)}.hero-step{animation:.9s cubic-bezier(.2,.7,.2,1) both rise;animation-delay:calc(var(--step) * 90ms + .15s)}@keyframes rise{0%{opacity:0;transform:translateY(1.25rem)}}@keyframes scene-in{0%{opacity:0;transform:scale(.97)}}.work-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.filter-group{flex-wrap:wrap;gap:.5rem;display:flex}.filter-chip{border:1px solid var(--night-line-strong);min-height:2.5rem;color:var(--text-muted);font-size:var(--step--1);cursor:pointer;background:0 0;border-radius:999px;padding:.4rem 1rem;font-weight:600;transition:background-color .2s,border-color .2s,color .2s}.filter-chip:hover{border-color:var(--text-muted);color:var(--text)}.filter-chip[aria-pressed=true]{border-color:var(--text);background:var(--text);color:var(--night)}.work-count{color:var(--text-muted);font-size:var(--step--1);margin-top:3rem;margin-bottom:.75rem}.project-list{border-top:1px solid var(--night-line-strong)}.project{border-bottom:1px solid var(--night-line)}.project h3{font-size:inherit;font-weight:inherit;letter-spacing:normal}.project-toggle{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 10rem 2.5rem;align-items:center;gap:1.5rem;width:100%;padding:1.6rem 0;display:grid}.project-title{font-family:var(--font-display);font-size:var(--step-2);letter-spacing:-.02em;font-weight:700;line-height:1.1;transition:color .2s}.project-toggle:hover .project-title,.project.is-open .project-title{color:var(--gold)}.project-subtitle{color:#c9cce0;font-family:var(--font-body)}.project-date{color:var(--text-muted);font-family:var(--font-body);font-size:var(--step--1);font-variant-numeric:tabular-nums;text-align:right}.project-icon{border:1px solid var(--night-line-strong);border-radius:50%;justify-self:end;width:2.25rem;height:2.25rem;transition:border-color .2s,transform .3s;position:relative}.project-icon:before,.project-icon:after{content:"";background:currentColor;width:.8rem;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-icon:after{transition:transform .3s;transform:translate(-50%,-50%)rotate(90deg)}.project-toggle:hover .project-icon{border-color:var(--gold)}.project.is-open .project-icon{border-color:var(--gold);color:var(--gold)}.project.is-open .project-icon:after{transform:translate(-50%,-50%)rotate(0)}.project-panel{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1.5rem 3rem;padding-bottom:2.25rem;animation:.35s both panel-in;display:grid}.project-panel[hidden]{display:none}.project-details li{color:#c9cce0;padding:.3rem 0 .3rem 1.4rem;position:relative}.project-details li:before{content:"";background:var(--lotus);width:.4rem;height:.4rem;position:absolute;top:.95em;left:.15rem;transform:rotate(45deg)}.project-footer{flex-direction:column;align-items:flex-start;gap:1.25rem;display:flex}.tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.tag-list li{background:var(--gold-soft);color:var(--gold);font-size:var(--step--1);border-radius:999px;padding:.25rem .75rem;font-weight:500}@keyframes panel-in{0%{opacity:0;transform:translateY(-.5rem)}}.about-grid{grid-template-columns:18rem minmax(0,1fr);align-items:start;gap:clamp(2.5rem,6vw,6rem);display:grid}.portrait{position:sticky;top:7rem}.portrait-halo{filter:blur(28px);background:radial-gradient(circle at 50% 40%,#ec6a9c73,#0000 62%),radial-gradient(circle at 50% 70%,#f4b53f4d,#0000 60%);border-radius:50%;position:absolute;inset:12% -10% 18%}.portrait img{margin-inline:auto;position:relative;-webkit-mask-image:linear-gradient(#000 78%,#0000);mask-image:linear-gradient(#000 78%,#0000)}.portrait figcaption{color:var(--text-muted);font-size:var(--step--1);text-align:center;margin-top:.75rem}.about-text{color:#c9cce0;max-width:62ch;margin-top:1.5rem}.principle-list{max-width:62ch;margin-top:2rem}.principle-list li{border-top:1px solid var(--night-line);padding:.9rem 0 .9rem 1.75rem;position:relative}.principle-list li:before{content:"";background:var(--gold);width:.5rem;height:.5rem;position:absolute;top:1.45rem;left:.2rem;transform:rotate(45deg)}.about-meta{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:2.5rem;margin-top:3.5rem;display:grid}.about-meta h3{font-size:var(--step-1);margin-bottom:1.25rem}.timeline li{border-left:1px solid var(--night-line-strong);padding:0 0 1.75rem 1.5rem;position:relative}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:"";background:var(--gold);border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:.45rem;left:-.3rem}.timeline time{color:var(--gold);font-size:var(--step--1);font-weight:600}.timeline strong{margin-top:.2rem;font-weight:600;display:block}.timeline span{color:var(--text-muted);font-size:var(--step--1);display:block}.timeline p{color:#c9cce0;font-size:var(--step--1);margin-top:.5rem}.language-list div{border-bottom:1px solid var(--night-line);justify-content:space-between;gap:1rem;padding:.7rem 0;display:flex}.language-list dt{font-weight:600}.language-list dd{color:var(--text-muted)}.skill-columns{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:2.5rem 2rem;margin-top:3.5rem;display:grid}.skill-group{border-top:1px solid var(--night-line-strong);padding-top:1.25rem}.skill-group h3{font-size:var(--step-1);margin-bottom:1rem}.skill-group li{color:#c9cce0;padding:.3rem 0}.strengths{color:var(--text-muted);margin-top:3.5rem}.strengths span{color:var(--text);margin-right:.75rem;font-weight:600}.contact{background:radial-gradient(50rem 26rem at 85% 100%,#ec6a9c24,#0000 70%),radial-gradient(40rem 22rem at 10% 100%,#f4b53f14,#0000 70%);padding-bottom:0}.contact-title{letter-spacing:-.03em;max-width:16ch;font-size:clamp(2.5rem,1.4rem + 4.4vw,5.25rem);font-weight:800;line-height:.98}.contact-lede{max-width:52ch;color:var(--text-muted);font-size:var(--step-1);margin-top:1.5rem;line-height:1.5}.contact-email{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:3rem;display:flex}.contact-email a{min-width:0;font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;text-decoration:underline;-webkit-text-decoration-color:var(--lotus);text-decoration-color:var(--lotus);text-underline-offset:.2em;font-size:clamp(1.4rem,.9rem + 2.6vw,3rem);font-weight:700;text-decoration-thickness:2px;transition:color .2s}.contact-email a:hover{color:var(--gold)}.contact-list{border-top:1px solid var(--night-line);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:0 2rem;margin-top:3.5rem;display:grid}.contact-list li{padding-top:1.25rem}.contact-list span{color:var(--text-muted);font-size:var(--step--1);display:block}.contact-list a{font-weight:600;text-decoration:none}.contact-list a:hover{color:var(--gold);text-underline-offset:.2em;text-decoration:underline}.site-footer{border-top:1px solid var(--night-line);color:var(--text-muted);font-size:var(--step--1);flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;margin-top:clamp(4rem,3rem + 5vw,7rem);padding-block:2rem;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--gold)}@media (width<=60rem){.project-toggle{grid-template-columns:minmax(0,1fr) 2.5rem;gap:.35rem 1rem}.project-title{grid-column:1}.project-subtitle,.project-date{text-align:left;grid-column:1}.project-icon{grid-area:1/2/span 3;align-self:center}.project-panel,.about-grid{grid-template-columns:minmax(0,1fr)}.portrait{max-width:15rem;margin-inline:auto;position:relative;top:auto}.about-meta{grid-template-columns:minmax(0,1fr)}}@media (width<=48rem){.menu-toggle{align-items:center;display:inline-flex}.site-nav{padding:.5rem var(--gutter) 1.25rem;border-bottom:1px solid var(--night-line);background:#090d1cf5;flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:100%;left:0;right:0}.site-nav.is-open{display:flex}.site-nav a{border-bottom:1px solid var(--night-line);font-size:var(--step-0);padding:.85rem 0}.site-nav a.is-active:after{width:1.5rem;left:0;right:auto}.site-nav .site-nav-cta{text-align:center;margin:1rem 0 0;padding:.75rem 1rem}.hero{flex-direction:column;align-items:stretch;padding-top:4.5rem}.hero-scene{height:46svh;min-height:18rem;position:relative;inset:auto}.hero-glow{background:radial-gradient(18rem 14rem at 50% 60%,#ec6a9c3d,#0000 70%),radial-gradient(16rem 10rem at 50% 80%,#f4b53f24,#0000 70%)}.hero-title{margin-top:1.25rem}}