@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";:root{--bg:#f6f6f2;--surface:#fff;--surface-2:#f1f1ec;--ink:#141416;--ink-2:#4b4b53;--muted:#7a7a82;--line:#1414161f;--grid:#1414160f;--accent:#4458f5;--accent-soft:#e3e5fd;--coral:#ee6a52;--green:#34c077;--card-dark:#141416;--card-dark-ink:#f6f6f2;--shadow:0 24px 60px -24px #14141647;--radius:12px;--nav-h:76px;--font:"Manrope", system-ui, sans-serif;--mono:"Space Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#101113;--surface:#17181b;--surface-2:#1d1e22;--ink:#f4f3ee;--ink-2:#c6c6cb;--muted:#8d8d95;--line:#ffffff1f;--grid:#ffffff0f;--accent:#7482ff;--accent-soft:#7482ff2e;--card-dark:#18191d;--card-dark-ink:#f4f3ee;--shadow:0 24px 60px -24px #000000bf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;zoom:1.1}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[data-theme=dark] .icon-img{filter:invert()}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.container{width:min(1180px,100% - 48px);margin-inline:auto}.section{scroll-margin-top:var(--nav-h);padding:72px 0}.mono{font-family:var(--mono)}.accent{color:var(--accent)}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:28px;font-size:11.5px}.eyebrow b{color:var(--accent);margin-right:12px;font-weight:400}.label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:11px}.display{letter-spacing:-.05em;font-size:clamp(34px,4.4vw,54px);font-weight:300;line-height:1.04}.lead{color:var(--muted);font-size:15px;line-height:1.7}.logo{letter-spacing:-.07em;font-size:26px;font-weight:800}.logo span,.sq{color:var(--accent)}.dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--green) 22%, transparent);border-radius:50%;display:inline-block}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{font-family:var(--mono);border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:5px;padding:4px 9px;font-size:11px}.btn{border-radius:var(--radius);background:0 0;border:1px solid #0000;align-items:center;gap:10px;height:44px;padding:0 20px;font-size:14px;font-weight:600;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.btn svg{transition:transform .2s}.btn:hover svg{transform:translate(3px)}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--ink);color:var(--bg)}.btn--outline{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn--outline:hover{border-color:var(--ink)}.btn--text{height:auto;color:var(--ink);padding:0}.btn--sm{height:38px;padding:0 16px}.btn--icon{border-color:var(--line);width:38px;height:38px;color:var(--ink);background:var(--surface);border-radius:50%;justify-content:center;padding:0}.btn--icon:hover{border-color:var(--ink)}.btn--icon:hover svg{transform:none}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#10111380;place-items:center;padding:24px;animation:.2s fade;display:grid;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--line);border-radius:22px;width:min(650px,100%);max-height:90vh;padding:40px;animation:.25s pop;position:relative;overflow:auto;box-shadow:0 40px 100px -30px #00000080}.modal__close{position:absolute;top:20px;right:20px}.modal__title{letter-spacing:-.05em;margin-bottom:28px;font-size:40px;font-weight:300;line-height:1.1}.modal .eyebrow{color:var(--ink);margin-bottom:18px}.modal__media{aspect-ratio:2.4;border-radius:18px;margin-bottom:28px;padding:18px 18px 0;overflow:hidden}.modal__media img{object-fit:cover;object-position:top;border-radius:8px 8px 0 0;width:100%;height:100%}.modal__cols{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:24px;display:grid}.modal__cols p{color:var(--ink-2);margin-top:8px;font-size:14px;line-height:1.6}.modal .tags{margin-bottom:28px}.placeholder{text-align:center;width:100%;height:100%;font-family:var(--mono);color:var(--ink-2);border:1px dashed #14141640;border-radius:10px;place-items:center;padding:12px;font-size:11px;display:grid}.resume-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:28px 0;padding:24px}.resume-card h4{letter-spacing:-.03em;font-size:20px;font-weight:600}.resume-card .role{color:var(--muted);border-bottom:1px solid var(--line);margin-top:4px;padding-bottom:22px;font-size:12.5px}.resume-card .row{margin-top:22px}.resume-card .row p{margin-top:8px;font-size:13.5px}.modal--wide{width:min(820px,100%)}.cert-modal__meta{color:var(--ink-2);margin-bottom:24px;font-size:11.5px}.cert-modal__frame{background:var(--surface-2);border:1px solid var(--line);aspect-ratio:1.414;border-radius:14px;place-items:center;margin-bottom:28px;padding:14px;display:grid;overflow:hidden}.cert-modal__frame img{object-fit:contain;border-radius:6px;width:100%;height:100%}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(12px)scale(.98)}}@media (width<=600px){.modal{padding:28px 22px}.modal__cols{grid-template-columns:1fr}.modal__title{font-size:32px}}.navbar{z-index:50;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.navbar__inner{width:min(1228px,100% - 48px);height:var(--nav-h);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.navbar__links{color:var(--ink-2);gap:28px;margin-left:auto;margin-right:22px;font-size:14px;font-weight:500;display:flex}.navbar__links a:hover{color:var(--ink)}.navbar__right{align-items:center;gap:8px;display:flex}.navbar__icon{background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;transition:background .2s;display:grid}.navbar__icon:hover{background:var(--surface-2)}.navbar__icon img{object-fit:contain;width:20px;height:20px}@media (width<=860px){.navbar__inner{flex-wrap:wrap;height:auto;padding:14px 0 10px}.navbar__links{order:3;justify-content:space-between;gap:12px;width:100%;margin:0}}.hero .container{border-bottom:1px solid var(--line);padding-top:50px;padding-bottom:50px}.hero__grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;padding:84px 0 96px;display:grid}.hero__status{color:var(--ink-2);align-items:center;gap:10px;margin-bottom:36px;font-size:12px;display:flex}.hero__hello{color:var(--muted);font-size:20px;font-weight:300}.hero__name{letter-spacing:-.06em;margin:4px 0 26px -.04em;font-size:clamp(84px,11.5vw,150px);font-weight:800;line-height:1}.hero__square{background:var(--accent);width:.15em;height:.15em;margin-left:.05em;display:inline-block}.hero__lead{letter-spacing:-.02em;max-width:540px;font-size:22px;font-weight:500;line-height:1.4}.hero__meta{color:var(--muted);flex-wrap:wrap;gap:8px 14px;margin:22px 0 36px;font-size:14.5px;display:flex}.hero__meta li+li:before{content:"";background:var(--accent);vertical-align:middle;border-radius:50%;width:4px;height:4px;margin-right:14px;display:inline-block}.hero__cta{align-items:center;gap:28px;display:flex}.card{aspect-ratio:1.11;background:var(--surface);border:1px solid var(--line);width:min(100%,493px);box-shadow:var(--shadow);border-radius:26px;justify-self:end;transition:transform .5s;position:relative;transform:rotate(1.6deg)}.card:hover{transform:rotate(0)}.card:before{content:"";border-radius:inherit;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 35%,#0000 85%);mask-image:linear-gradient(#000 35%,#0000 85%)}.card>*{position:absolute}.card__badge{background:var(--ink);width:25px;height:25px;color:var(--bg);border-radius:6px;place-items:center;font-size:9px;font-weight:800;display:grid;top:5.5%;left:5.5%}.card__pill{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:flex;top:7%;left:36%;transform:rotate(1deg)}.card__pill .dot{width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 22%, transparent)}.card__more{letter-spacing:2px;color:var(--muted);font-size:8px;top:11%;right:5%}.card__chip{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:6px;padding:6px 10px;font-size:11px;top:22%;left:70%;transform:rotate(1deg)}.card__hey{background:var(--ink);color:var(--bg);white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:flex;top:40%;left:65%;transform:rotate(1.5deg)}.card__play{border-left:8px solid var(--accent);border-top:5px solid #0000;border-bottom:5px solid #0000}.card__logo{letter-spacing:-.08em;font-size:clamp(64px,20vw,104px);font-weight:800;line-height:1;top:44%;left:10%}.card__logo i{background:var(--accent);width:.15em;height:.15em;margin-left:.03em;display:inline-block}.card__sub{color:var(--muted);font-size:14px;line-height:1.45;top:69%;left:9%}.card__diamond{border:5px solid var(--coral);border-radius:3px;width:28px;height:28px;top:66%;left:80%;transform:rotate(45deg)skew(4deg,4deg)}.card__tags{gap:6px;display:flex;bottom:6.5%;left:4.5%}@media (width<=900px){.hero__grid{grid-template-columns:1fr;padding:56px 0 72px}.card{justify-self:center}}@media (width<=480px){.card__tags .tag:nth-child(n+3),.card__hey,.card__chip{display:none}.hero__cta{flex-wrap:wrap}}.about__top{grid-template-columns:1.5fr 1fr;align-items:start;gap:80px;display:grid}.about__side{gap:22px;padding-top:8px;display:grid}.about__side .mono{font-size:12px}.about__facts{border-block:1px solid var(--line);grid-template-columns:repeat(5,1fr);margin:56px 0 0;display:grid}.about__facts div{border-left:1px solid var(--line);padding:22px 20px}.about__facts div:first-child{border-left:0;padding-left:0}.about__facts dt{color:var(--muted);margin-bottom:10px;font-size:11px}.about__facts dd{margin:0;font-size:13px;font-weight:600}.about__now-label{margin:56px 0 28px}.now{background:var(--card-dark);color:var(--card-dark-ink);border:1px solid var(--line);border-radius:20px;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:52px;display:grid;position:relative;overflow:hidden}.now:after{content:"";border:1px solid #ffffff29;border-radius:50%;width:260px;height:260px;position:absolute;top:-90px;right:-90px}.now h3{letter-spacing:-.05em;margin-bottom:18px;font-size:clamp(28px,3.4vw,38px);font-weight:300;line-height:1.1}.now h3 .accent{color:#6577ff}.now .mono{color:#f6f6f2b3;font-size:11px}.now ul{z-index:1;gap:16px;font-size:13px;display:grid;position:relative}.now li{align-items:center;gap:12px;display:flex}.now li:before{content:"";background:#6577ff;border-radius:50%;width:5px;height:5px}@media (width<=860px){.about__top,.now{grid-template-columns:1fr;gap:32px}.about__facts{grid-template-columns:1fr 1fr}.about__facts div:nth-child(odd){border-left:0;padding-left:0}.now{padding:32px 26px}}.projects__head{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:48px;display:flex}.projects__head .display{max-width:560px}.projects__note{color:var(--muted);text-align:right;max-width:120px;font-size:11px}.project{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:1.7fr 1fr;gap:40px;padding:28px 0;display:grid}.project:first-child{padding-top:0}.project:last-child{border-bottom:0;padding-bottom:0}.project__media{aspect-ratio:2.2;border-radius:22px;padding:16px 16px 0;transition:transform .3s;overflow:hidden}.project:hover .project__media{transform:translateY(-3px)}.project__media img{object-fit:cover;object-position:top;border-radius:8px 8px 0 0;width:100%;height:100%}.project__body{flex-direction:column;justify-content:space-between;gap:24px;padding-block:4px;display:flex}.project__kicker{color:var(--ink-2);margin-bottom:16px;font-size:11px}.project__kicker b{color:var(--accent);font-weight:400}.project h3{letter-spacing:-.04em;margin-bottom:14px;font-size:26px;font-weight:300}.project .lead{font-size:13px;line-height:1.65}.project__foot{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}@media (width<=860px){.project{grid-template-columns:1fr;gap:24px}.projects__head{flex-direction:column;align-items:flex-start}.projects__note{text-align:left;max-width:none}}.skills__wrap{border-top:1px solid var(--line);padding-top:110px}.skills__head{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px;display:flex}.skills__head .lead{max-width:260px;font-size:13px}.skills__grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.skills__col{border-left:1px solid var(--line);padding:32px}.skills__col:first-child{border-left:0;padding-left:0}.skills__title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:24px;font-size:11px}.skills__chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;transition:border-color .2s;display:inline-flex}.chip b{font-family:var(--mono);color:var(--accent);font-size:10px;font-weight:400}.chip span{color:var(--muted);font-size:13px;transition:transform .2s,color .2s}.chip:hover{border-color:var(--accent)}.chip:hover span{color:var(--accent);transform:rotate(90deg)}@media (width<=860px){.skills__head{flex-direction:column;align-items:flex-start}.skills__grid{grid-template-columns:1fr}.skills__col,.skills__col:first-child{border-left:0;border-top:1px solid var(--line);padding:28px 0}.skills__col:first-child{border-top:0}}.journey__grid{grid-template-columns:1fr 1.25fr;align-items:start;gap:80px;display:grid}.journey .display{max-width:420px}.journey__list{border-top:1px solid var(--line);margin:-14px 0 0;padding:0;list-style:none}.journey__list li{border-bottom:1px solid var(--line);grid-template-columns:68px 28px 1fr;padding:28px 0 26px;display:grid}.journey__num{color:var(--accent);padding-top:4px;font-size:10px}.journey__node{border:2px solid var(--accent);border-radius:50%;width:9px;height:9px;margin-top:5px;position:relative}.journey__node:after{content:"";background:var(--line);width:1px;height:52px;position:absolute;top:14px;left:2px}.journey__list li:last-child .journey__node:after{display:none}.journey h3{letter-spacing:-.02em;margin-bottom:8px;font-size:17px;font-weight:400}.journey__list p{color:var(--muted);max-width:360px;font-size:13px;line-height:1.6}@media (width<=860px){.journey__grid{grid-template-columns:1fr;gap:48px}.journey__list{margin-top:0}}.certs__head{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:48px;display:flex}.certs__note{color:var(--ink-2);text-align:right;max-width:150px;font-size:11px;line-height:1.7}.certs__grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.cert{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;justify-content:flex-end;min-height:223px;padding:22px;transition:border-color .2s,transform .2s;display:flex;position:relative}.cert:hover{border-color:var(--accent);transform:translateY(-2px)}.cert__arrow{color:var(--ink-2);transition:transform .2s,color .2s;position:absolute;top:22px;right:22px}.cert:hover .cert__arrow{color:var(--accent);transform:translate(3px)}.cert__num{color:var(--accent);margin-bottom:18px;font-size:10px;display:block}.cert h3{letter-spacing:-.03em;margin-bottom:14px;font-size:17px;font-weight:400;line-height:1.3}.cert p{color:var(--muted);font-size:11.5px;line-height:1.5}.cert__year{color:var(--ink-2);margin-top:14px;font-size:10.5px;display:block}.cert{cursor:pointer}@media (width<=860px){.certs__head{flex-direction:column;align-items:flex-start}.certs__note{text-align:left;max-width:none}.certs__grid{grid-template-columns:1fr}.cert{min-height:190px}}.contact__grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:80px;display:grid}.contact__lead{margin:28px 0 40px;font-size:15px}.contact__links{gap:16px;display:grid}.contact__links a{align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.contact__links a:hover svg{transform:translate(3px)}.contact__links svg{transition:transform .2s}.form{background:var(--surface);border:1px solid var(--line);border-radius:20px;gap:18px;padding:28px;display:grid}.form label{gap:8px;display:grid}.form label .mono{color:var(--ink-2);font-size:10.5px}.form input,.form textarea{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;width:100%;height:42px;padding:0 14px;font-size:14px;transition:border-color .2s}.form textarea{resize:vertical;height:auto;min-height:96px;padding:12px 14px}.form ::placeholder{color:var(--muted)}.form input:focus,.form textarea:focus{border-color:var(--accent);outline:none}.form .btn{justify-self:start;margin-top:6px}@media (width<=860px){.contact__grid{grid-template-columns:1fr;gap:48px}}.footer .container{border-top:1px solid var(--line)}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:40px 0 48px;display:flex}.footer__left,.footer__right{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.footer__left{gap:22px}.footer .logo{font-size:24px}.footer p,.footer__right a{color:var(--muted);font-size:12.5px}.footer__right a:hover{color:var(--ink)}.footer__right .mono{color:var(--ink-2);margin-left:4px;font-size:11px}