:root{--bg:#f8f7fc;--tx:#302b4a;--muted:#645c86;--sf:#e0dbef;--ac:#c8bcee;--ac-ink:#5b48a8;--ok:#10b981;--ok-ink:#0b7a55;--er:#d14343;--er-ink:#c0322e;--warn:#f59e0b;--on-ac:#0f0b1e;--on-sf:#000;--on-ok:#000;--on-er:#000;--ac-dark:#9585c9;--ui:#000;--tx-a03:rgba(48,43,74,.03);--tx-a06:rgba(48,43,74,.06);--tx-a08:rgba(48,43,74,.08);--tx-a14:rgba(48,43,74,.14);--tx-a45:rgba(48,43,74,.45);--ui-a03:rgba(0,0,0,.03);--ui-a06:rgba(0,0,0,.06);--ui-a08:rgba(0,0,0,.08);--ui-a14:rgba(0,0,0,.14);--ui-a45:rgba(0,0,0,.45);--ac-a12:rgba(200,188,238,.12);--ac-a20:rgba(200,188,238,.2);--ac-a45:rgba(200,188,238,.45);--er-a20:rgba(209,67,67,.2);--fh:"Comfortaa",sans-serif;--fb:"Lato",sans-serif;--h1:32px;--h2:24px;--bd:15px;--cap:12px;--radius:10px;--radius-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--shadow-1:0 1px 2px var(--tx-a06),0 1px 3px var(--tx-a08);--shadow-2:0 4px 12px var(--tx-a08),0 2px 4px var(--tx-a06);--border:1px solid var(--tx-a14);--measure:68ch;--ink:var(--tx);--body:var(--muted);--dim:var(--tx-a45);--line:var(--tx-a14);--line-soft:var(--tx-a08);--line-hi:var(--ac-a45);--bead:var(--ac);--page:var(--bg);--wash:#eeecf7;--pill:#eae6f4;--veil:rgba(248,247,252,.86);--veil-stuck:rgba(248,247,252,.94);--max:1200px;--gut:clamp(1.15rem,4vw,3rem);--ease-out:cubic-bezier(.16,1,.3,1);--ease-soft:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{background:var(--page);color:var(--ink);font-family:var(--fb);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;letter-spacing:0}h1,h2,h3,h4{font-family:var(--fh);line-height:1.2}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--ac);outline-offset:3px;border-radius:2px}img{max-width:100%;display:block}::selection{background:var(--ac-a45);color:var(--ink)}.shell{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}.nav{position:fixed;top:0;left:0;right:0;z-index:70;background:var(--veil);backdrop-filter:blur(8px);border-bottom:1px solid transparent;transition:border-color .25s,background .25s,box-shadow .3s var(--ease-soft)}.nav.stuck{border-bottom-color:var(--line);background:var(--veil-stuck);box-shadow:0 1px 12px var(--tx-a06)}.nav .shell{display:flex;align-items:center;justify-content:space-between;height:72px;gap:1rem;transition:height .32s var(--ease-soft)}.nav.stuck .shell{height:60px}.logo{font-family:var(--fh);font-size:1.28rem;font-weight:700;letter-spacing:-.01em;-webkit-text-stroke:.4px currentColor;transition:font-size .32s var(--ease-soft)}.nav.stuck .logo{font-size:1.15rem}.nav ul a{position:relative;padding-bottom:3px}.nav ul a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ac-ink);transform:scaleX(0);transform-origin:right;transition:transform .32s var(--ease-out)}.nav ul a:hover:after{transform:scaleX(1);transform-origin:left}header[id],section[id]{scroll-margin-top:80px}.nav ul{display:flex;gap:2.1rem;list-style:none;font-size:.97rem;color:var(--body)}.nav ul a:hover{color:var(--ink)}.resume-btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--ac);border-radius:12px 12px 0 0;padding:10px 20px;font-size:.93rem;font-weight:700;transition:filter .2s,box-shadow .2s;background:var(--ac);color:var(--on-ac)}.resume-btn:hover{filter:brightness(1.06)}.resume-btn:active{filter:brightness(.98)}@media(max-width:940px){.nav ul{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:var(--radius);padding:.82rem 1.55rem;font-size:.97rem;font-weight:700;border:1px solid var(--line);background:var(--page);color:var(--ink);transition:background .2s,border-color .2s,transform .2s var(--ease-soft),box-shadow .2s}.btn:hover{background:var(--wash);border-color:var(--ac);transform:translateY(-1px);box-shadow:0 3px 10px var(--tx-a08)}.btn:active{transform:translateY(0);box-shadow:none}.btn.dark{color:var(--on-ac)}.btn.dark,.btn.dark:hover{background:var(--ac);border-color:var(--ac)}.btn.dark:hover{filter:brightness(1.06)}.btn.dark,.resume-btn{position:relative;overflow:hidden}.btn.dark:before,.resume-btn:before{content:"";position:absolute;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(100deg,transparent,hsla(0,0%,100%,.42),transparent);transition:left .55s ease}.btn.dark:hover:before,.resume-btn:hover:before{left:130%}.btn.dark>*,.resume-btn>*{position:relative}section{padding-block:clamp(4rem,8vw,6.5rem)}#about{padding-block-start:clamp(1.5rem,3vw,2.5rem)}.band{background:var(--wash);border-block:1px solid var(--line-soft)}.stitle{text-align:center;max-width:52rem;margin:0 auto clamp(2.8rem,5vw,4rem)}.stitle h2{font-size:clamp(2rem,4.6vw,3rem);font-weight:700;letter-spacing:-.012em;line-height:1.14;margin-bottom:1rem}.stitle p{color:var(--body);font-size:1.06rem;line-height:1.62}.hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-block:calc(72px + 4rem) 7rem}.hero,.hero>*{position:relative}.hero>*{z-index:1}.hero h1{font-size:clamp(2.375rem,6.75vw,4.375rem);font-weight:700;letter-spacing:-.018em;line-height:1.1;margin-bottom:1.1rem}.hero .role{font-size:clamp(1.3rem,3.2vw,2.1rem);color:var(--body);font-weight:400;letter-spacing:0;margin-bottom:0}.hero .lede{max-width:44rem;color:var(--body);font-size:1.1rem;line-height:1.7;margin-bottom:2.4rem}.hero .lede p+p{margin-top:1rem}.card{background:var(--page);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.6rem;transition:border-color .22s,box-shadow .25s,transform .25s var(--ease-soft)}.card:hover{border-color:var(--line-hi);box-shadow:0 6px 20px var(--tx-a08);transform:translateY(-2px)}.card h3{font-size:1.1rem;font-weight:600;letter-spacing:0;margin-bottom:.5rem}.card p{color:var(--body);font-size:.95rem;line-height:1.62}.ico{width:30px;height:30px;flex:none;color:var(--ac-ink)}.ico svg{width:100%;height:100%}.about-grid{display:grid;gap:clamp(2.2rem,5vw,4rem);align-items:center}@media(min-width:900px){.about-grid{grid-template-columns:1fr 1.1fr}}.about-copy p{color:var(--body);font-size:1.03rem;line-height:1.75;margin-bottom:1.3rem}.pills{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.9rem}.pill{background:var(--pill);border-radius:100px;padding:.42rem 1rem;font-size:.89rem;font-weight:400}.about-cards{display:flex;flex-direction:column;gap:1rem}.about-cards .card{display:flex;gap:1.15rem;align-items:flex-start;padding:1.7rem}.grid3{display:grid;gap:1.15rem;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.tagrow{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.15rem}.tag{background:var(--pill);border-radius:6px;padding:.28rem .68rem;font-size:.81rem;color:var(--body)}.grid4{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}@media(min-width:1060px){.grid4{grid-template-columns:repeat(4,1fr)}}.skillcard h3{margin-bottom:1.15rem;font-size:1.14rem}.skillcard ul{list-style:none;display:flex;flex-direction:column;gap:.7rem}.skillcard li{font-size:.95rem;color:var(--body);display:flex;gap:.65rem;align-items:baseline}.skillcard li:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--bead);flex:none;transform:translateY(-2px)}.projects{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.proj{background:var(--page);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color .22s,box-shadow .28s,transform .28s var(--ease-soft)}.proj:hover{border-color:var(--line-hi);box-shadow:0 10px 30px var(--tx-a14);transform:translateY(-3px)}.thumb{transition:transform .55s var(--ease-soft)}.proj:hover .thumb{transform:scale(1.045)}.thumb{aspect-ratio:16/10;display:grid;place-items:center;border-bottom:1px solid var(--line-soft);position:relative;overflow:hidden;background:var(--bg)}.thumb span{font-size:.82rem;color:var(--tx);font-weight:700;letter-spacing:.02em;position:relative;z-index:2;padding:.3rem .8rem;border:1px solid var(--tx-a14);border-radius:100px;background:var(--veil-stuck)}.t1{background-image:linear-gradient(140deg,var(--sf),var(--ac-a20) 55%,var(--ac-a45))}.t2{background-image:linear-gradient(140deg,var(--ac-a20),var(--sf) 55%,var(--ac))}.t3{background-image:linear-gradient(155deg,var(--ac-a12),var(--ac-a45) 55%,var(--sf))}.proj .in{padding:1.6rem;display:flex;flex-direction:column;flex:1}.proj h3{font-size:1.18rem;font-weight:600;letter-spacing:0;margin-bottom:.75rem}.proj p{color:var(--body);font-size:.95rem;line-height:1.62}.metrics{list-style:none;margin-top:1.15rem;display:flex;flex-direction:column;gap:.42rem}.metrics li{font-size:.88rem;color:var(--body);display:flex;gap:.55rem}.metrics li:before{content:"•";color:var(--bead)}.proj .acts{display:flex;gap:.7rem;margin-top:auto;padding-top:1.5rem}.proj .acts .btn{flex:1;padding:.68rem 1rem;font-size:.9rem}.toggle{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;background:var(--pill);border-radius:var(--radius-lg);padding:.32rem;max-width:44rem;margin:0 auto clamp(2rem,4vw,3rem)}.toggle button{border:0;background:transparent;font-family:inherit;font-size:.98rem;font-weight:700;color:var(--body);padding:.72rem;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.55rem;transition:.2s}.toggle button[aria-selected=true]{background:var(--page);color:var(--ink);box-shadow:0 1px 3px var(--tx-a14)}.toggle svg{width:16px;height:16px}.timeline{display:flex;flex-direction:column;gap:1.3rem}.tl{background:var(--page);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.5rem,3vw,2.2rem);transition:border-color .22s,box-shadow .25s}.tl:hover{border-color:var(--line-hi);box-shadow:0 4px 16px var(--tx-a08)}.tl .top{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.tl h3{font-size:1.3rem;font-weight:600;letter-spacing:0;line-height:1.25}.tl .org{font-size:1.12rem;color:var(--body);margin-top:.15rem}.tl .meta{text-align:right;color:var(--body);font-size:.94rem;line-height:1.5;white-space:nowrap}@media(max-width:620px){.tl .meta{text-align:left;white-space:normal}}.tl>p{color:var(--body);font-size:1rem;line-height:1.7}.tl h4{font-size:.98rem;font-weight:600;margin:1.4rem 0 .7rem}.tl ul{list-style:none;display:flex;flex-direction:column;gap:.55rem}.tl ul li{color:var(--body);font-size:.97rem;line-height:1.6;display:flex;gap:.7rem}.tl ul li:before{content:"•";color:var(--bead);flex:none}.tl .tagrow .tag{background:var(--page);border:1px solid var(--line);border-radius:100px;padding:.3rem .82rem}[hidden]{display:none!important}.contact-grid{display:grid;gap:1.5rem}@media(min-width:920px){.contact-grid{grid-template-columns:.8fr 1.2fr;align-items:start}}.infos{display:flex;flex-direction:column;gap:1rem}.info{display:flex;gap:1.1rem;align-items:center;background:var(--page);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.4rem 1.5rem;transition:border-color .22s,box-shadow .25s,transform .25s var(--ease-soft)}a.info:hover{border-color:var(--line-hi);box-shadow:0 6px 20px var(--tx-a08);transform:translateY(-2px)}.info .ico{width:24px;height:24px;color:var(--ac-ink)}.info dt{font-size:1rem;font-weight:700;margin-bottom:.15rem}.info dd{color:var(--body);font-size:.95rem;word-break:break-word}.connect{margin-top:2.2rem}.connect h3{font-family:var(--fh);font-size:1.14rem;font-weight:600;margin-bottom:.85rem}.connect p{color:var(--body);font-size:.98rem;line-height:1.7;margin-bottom:1rem}.connect ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.connect li{font-size:.95rem;display:flex;gap:.6rem}.connect li:before{content:"•";color:var(--bead)}.formcard{background:var(--page);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.5rem,3vw,2.2rem)}.formcard h3{font-size:1.28rem;font-weight:700;letter-spacing:0;margin-bottom:1.5rem}.two{display:grid;gap:1.1rem;grid-template-columns:1fr 1fr}@media(max-width:560px){.two{grid-template-columns:1fr}}.field{margin-bottom:1.1rem}label{display:block;font-size:var(--cap);font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--body);margin-bottom:.5rem}input,textarea{width:100%;background:var(--pill);border:1px solid transparent;border-radius:var(--radius);padding:.78rem .95rem;font-family:inherit;font-size:.96rem;color:var(--ink);transition:border-color .2s,background .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:var(--dim)}input:focus,textarea:focus{outline:none;background:var(--page);border-color:var(--ac);box-shadow:0 0 0 3px var(--ac-a45)}textarea{min-height:126px;resize:vertical}.formcard .btn.dark{width:100%;padding:10px 20px;border-radius:12px 12px 0 0}.formnote{font-size:.83rem;color:var(--body);margin-top:.9rem;text-align:center}footer{background:var(--wash);border-top:1px solid var(--line-soft);padding-block:clamp(3rem,6vw,4.5rem) 2rem}.fgrid{display:grid;gap:2.6rem}@media(min-width:820px){.fgrid{grid-template-columns:1.5fr 1fr 1fr}}.fgrid h3{font-family:var(--fh);font-size:1.2rem;font-weight:700;letter-spacing:0;margin-bottom:1rem}.fgrid p{line-height:1.7;max-width:26rem;margin-bottom:1.4rem}.fgrid p,.fgrid ul{color:var(--body);font-size:.96rem}.fgrid ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.fgrid ul a:hover{color:var(--ac-ink)}.fsoc{display:flex;gap:1.4rem;color:var(--dim)}.fsoc a:hover{color:var(--ac-ink)}.fsoc svg{width:20px;height:20px}.fbot{border-top:1px solid var(--line);margin-top:2.8rem;padding-top:1.8rem;text-align:center;color:var(--body);font-size:.92rem}.rise{opacity:0;transform:translateY(14px)}.rise.in{opacity:1;transform:none;transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}@media (prefers-reduced-motion:reduce){.rise{opacity:1;transform:none}}.nav-burger{display:none;background:none;border:1px solid var(--line);border-radius:var(--radius);width:38px;height:38px;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);transition:border-color .2s,background .2s}.nav-burger:hover{border-color:var(--ac);background:var(--wash)}.nav-burger svg{width:18px;height:18px}@media(max-width:940px){.nav-burger{display:inline-flex}}.nav-drawer{position:absolute;top:100%;left:0;right:0;background:var(--veil-stuck);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);list-style:none}.nav-drawer li a{display:block;padding:.95rem var(--gut);font-size:1rem;color:var(--body);border-bottom:1px solid var(--line-soft);transition:color .2s,background .2s}.nav-drawer li:last-child a{border-bottom:none}.nav-drawer li a.active,.nav-drawer li a:hover{color:var(--ink);background:var(--wash)}.field-error{font-size:.83rem;color:var(--er-ink);margin-top:.4rem}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--er);background:var(--page);box-shadow:0 0 0 3px var(--er-a20)}.form-alert{font-size:.9rem;color:var(--er-ink);margin-bottom:1rem}.formcard .btn.dark:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.5)}.form-success{text-align:center;padding:2.5rem 1rem}.form-success .mark{width:44px;height:44px;border-radius:50%;background:var(--ac);color:var(--on-ac);display:grid;place-items:center;margin:0 auto 1.1rem;font-size:1.2rem}.form-success h4{font-family:var(--fh);font-size:1.14rem;font-weight:700;margin-bottom:.45rem}.form-success p{color:var(--body);font-size:.96rem;margin-bottom:1.2rem}.linkbtn{background:none;border:0;font-family:inherit;font-size:.93rem;color:var(--ac-ink);text-decoration:underline;cursor:pointer}:root{--bg2:var(--wash);--bg3:var(--pill);--text:var(--ink);--text-muted:var(--body);--text-dim:var(--dim);--teal:var(--ac-ink);--display:var(--fh);--mono:ui-monospace,SFMono-Regular,Menlo,monospace}.section-label{font-size:.88rem;letter-spacing:.02em;color:var(--body);margin-bottom:.75rem}.section-title{font-family:var(--fh);font-size:clamp(2rem,4.6vw,3rem);font-weight:700;letter-spacing:-.012em;line-height:1.14}.blog-card{background:var(--page);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.6rem;transition:border-color .22s,box-shadow .22s}.blog-card:hover{border-color:var(--line-hi);box-shadow:var(--shadow-1)}@keyframes riseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes paneIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(1turn)}}.hero .anim{opacity:1}.hero h1 .w{display:inline-block}@media (prefers-reduced-motion:no-preference){.hero .anim{opacity:0;animation:riseIn .75s var(--ease-out) both;animation-delay:var(--d,0s)}.timeline:not([hidden]){animation:paneIn .42s var(--ease-out) both}.form-success{animation:paneIn .35s var(--ease-out) both}}.hero-wave{position:absolute;left:0;right:0;bottom:2.5rem;height:84px;width:100%;pointer-events:none;z-index:0;opacity:.85;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}@media (max-width:560px){.hero-wave{height:60px;bottom:2rem}}@media (max-height:600px){.hero-wave{display:none}.hero{padding-block-end:2rem}}.spin{width:14px;height:14px;border:2px solid var(--ac-a45);border-top-color:var(--on-ac);border-radius:50%;animation:spin .7s linear infinite;flex:none}@media (prefers-reduced-motion:reduce){.spin{animation:none;border-top-color:var(--on-ac)}}@media (max-width:640px){.about-copy,.about-copy p,.card,.card h3,.card p,.connect,.fgrid>div,.form-success,.formcard,.info,.proj .in,.tl,.tl h4,.tl>p{text-align:center}.about-cards .card,.info{flex-direction:column;align-items:center;gap:.9rem}.pills,.tagrow{justify-content:center}.connect li,.metrics li,.skillcard ul li,.tl ul li{justify-content:center;text-align:center}.tl .top{flex-direction:column;align-items:center;gap:.6rem}.field-error,.form-alert,.tl .meta{text-align:center}input,textarea{text-align:left}.nav-drawer li a{text-align:center}.fgrid p{margin-inline:auto}.fgrid ul{align-items:center}.fsoc{justify-content:center}}