:root{--acc:#ff4d2e;--paper:#f4f1ea;--ink:#17150f;--body:#4a463c;--grey:#6a655a;--grey-light:#8a8578;--card:#fff;--hairline:#0000001a;--chip-border:#d8d2c4;--row-hover:#efe9dc;--dark-bg:#17150f;--dark-text:#f4f1ea;--dark-muted:#c9c4b8;--dark-hairline:#2c2920;--ph:repeating-linear-gradient(135deg, #ece6d8 0 11px, #f3eee2 11px 22px);--ph-hero:repeating-linear-gradient(135deg, #e6e0d2 0 11px, #eee9dd 11px 22px);--maxw:1160px;--pad:40px;--font:"Space Grotesk", system-ui, sans-serif;--mono:ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--paper);color:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{color:var(--ink);margin:0}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--maxw);padding-left:var(--pad);padding-right:var(--pad);margin:0 auto}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--grey);font-size:13px;font-weight:600}.accent{color:var(--acc)}.ph{background:var(--ph);border:1px solid var(--hairline);place-items:center;display:grid}.ph--hero{background:var(--ph-hero)}.ph__label{font-family:var(--mono);color:var(--grey-light);letter-spacing:.04em;text-align:center;padding:12px;font-size:12px}.btn{white-space:nowrap;cursor:pointer;border-radius:100px;align-items:center;gap:8px;padding:13px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform .2s;display:inline-flex}.btn--outline{border:1.5px solid var(--ink);color:var(--ink);background:0 0}.btn--outline:hover{background:var(--acc);border-color:var(--acc);color:#fff}.btn--filled{border:1.5px solid var(--ink);background:var(--ink);color:var(--paper)}.btn--filled:hover{background:var(--acc);border-color:var(--acc);color:#fff}.chip{border:1px solid var(--chip-border);color:var(--body);white-space:nowrap;border-radius:100px;align-items:center;padding:6px 13px;font-size:13px;display:inline-flex}.tag{border:1px solid var(--hairline);color:var(--grey);border-radius:100px;align-items:center;padding:4px 10px;font-size:11.5px;display:inline-flex}.pill{letter-spacing:.04em;border-radius:100px;align-items:center;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.pill--accent{background:var(--acc);color:#fff}.pill--hairline{border:1px solid var(--hairline);color:var(--grey)}.nav{z-index:100;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline);background:#f4f1eadb;position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;height:64px;display:flex}.nav__logo{color:var(--ink);font-size:19px;font-weight:700}.nav__links{align-items:center;gap:30px;display:flex}.nav__link{color:var(--ink);font-size:14px;font-weight:500;transition:color .2s}.nav__link:hover{color:var(--acc)}.hero{padding:64px 0 72px}.hero__grid{grid-template-columns:1fr 360px;align-items:center;gap:56px;display:grid}.hero__eyebrow{color:var(--acc);align-items:center;gap:9px;margin-bottom:22px;font-size:13px;font-weight:600;display:inline-flex}.hero__dot{background:var(--acc);border-radius:50%;width:8px;height:8px}.hero__title{letter-spacing:-.04em;margin-bottom:26px;font-size:clamp(48px,9.5vw,94px);font-weight:700;line-height:.92}.hero__desc{max-width:540px;color:var(--body);margin-bottom:32px;font-size:19px;line-height:1.6}.hero__actions{flex-wrap:wrap;gap:12px;display:flex}.hero__photo{aspect-ratio:4/5;border-radius:18px}img.hero__photo{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 30px #0000001f);border-radius:0;width:100%;height:100%}.marquee{background:var(--dark-bg);color:var(--dark-text);padding:20px 0;overflow:hidden}.marquee__track{width:max-content;animation:26s linear infinite marquee;display:flex}.marquee__group{flex-shrink:0;display:flex}.marquee__item{white-space:nowrap;padding:0 26px;font-size:18px;font-weight:500}.marquee__sep{opacity:.4}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{border-top:1px solid var(--hairline);padding:72px 0}.section__head{justify-content:space-between;align-items:baseline;margin-bottom:40px;display:flex}.section__meta{color:var(--grey);font-size:14px}.featured{border:1.5px solid var(--ink);background:var(--card);border-radius:18px;grid-template-columns:1.05fr .95fr;margin-bottom:40px;display:grid;overflow:hidden}.featured__left{padding:44px 42px}.featured__toprow{align-items:center;gap:14px;margin-bottom:22px;display:flex}.featured__metatxt{color:var(--grey);font-size:14px}.featured__title{letter-spacing:-.03em;margin-bottom:8px;font-size:44px;font-weight:700}.featured__tagline{color:var(--acc);margin-bottom:20px;font-size:18px;font-weight:500}.featured__desc{color:var(--body);margin-bottom:28px;font-size:16px;line-height:1.6}.featured__stats{gap:32px;margin-bottom:26px;display:flex}.fstat__value{color:var(--ink);font-size:22px;font-weight:700}.fstat__sub{color:var(--grey);margin-top:2px;font-size:13px}.featured__chips{flex-wrap:wrap;gap:8px;margin-bottom:30px;display:flex}.featured__actions{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:26px;display:flex}.featured__link{color:var(--ink);font-size:15px;font-weight:600;transition:color .2s}.featured__link:hover{color:var(--acc)}.featured__tech{color:var(--grey);border-top:1px solid var(--hairline);padding-top:20px;font-size:13px}.featured__right{background:radial-gradient(120% 120% at 30% 20%,#1b1b20 0%,#0d0d10 70%);justify-content:center;align-items:center;min-height:440px;padding:32px;display:flex;position:relative;overflow:hidden}.browser{background:#17171b;border:1px solid #ffffff1f;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 24px 50px #00000080}.browser__bar{background:#232327;border-bottom:1px solid #ffffff14;align-items:center;gap:7px;height:34px;padding:0 14px;display:flex}.browser__bar span{background:#4a4a4f;border-radius:50%;width:11px;height:11px}.browser__bar span:first-child{background:#ff5f57}.browser__bar span:nth-child(2){background:#febc2e}.browser__bar span:nth-child(3){background:#28c840}.browser__url{color:#8a8a92;font-size:12px;font-style:normal;font-family:var(--mono);margin-left:12px}.browser__img{object-fit:cover;object-position:top center;width:100%;display:block}.featured__media,img.featured__media{object-fit:cover;width:100%;height:100%}.featured__badge{z-index:2;color:var(--paper);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17150fd9;border:1px solid #ffffff2e;border-radius:100px;padding:7px 13px;font-size:12px;position:absolute;bottom:16px;left:16px}.projects{flex-direction:column;display:flex}.project-row{border-top:1px solid var(--hairline);grid-template-columns:44px 220px 1fr 40px;align-items:center;gap:26px;padding:26px 40px;transition:background .2s;display:grid}.project-row:hover{background:var(--row-hover)}.project-row__num{color:var(--acc);font-size:15px;font-weight:600}.project-row__thumb{aspect-ratio:16/10;border-radius:10px;width:100%}img.project-row__thumb{object-fit:cover;object-position:center top;background:#0e0e10;height:100%}.project-row__title{letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;font-size:26px;font-weight:600;display:flex}.project-row__desc{color:var(--body);max-width:620px;margin-bottom:12px;font-size:15px;line-height:1.55}.project-row__tags{flex-wrap:wrap;gap:8px;display:flex}.project-row__arrow{color:var(--ink);justify-self:end;font-size:22px;transition:transform .2s}.project-row:hover .project-row__arrow{transform:translate(4px,-4px)}.about__grid{grid-template-columns:300px 1fr;gap:56px;display:grid}.about__hint{color:var(--grey);margin:6px 0 20px;font-size:13px}.interests{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tile{background:var(--card);border:1px solid var(--hairline);border-radius:14px;padding:18px;transition:transform .2s,box-shadow .2s}.tile:hover,.tile.is-open{transform:translateY(-4px);box-shadow:0 10px 24px #0000001a}.tile__emoji{font-size:26px}.tile__label{color:var(--ink);margin:8px 0 4px;font-size:14px;font-weight:600}.tile__sub{color:var(--grey);opacity:1;max-height:40px;font-size:13px;transition:max-height .3s,opacity .3s;overflow:hidden}.tile__detail{color:var(--body);opacity:0;max-height:0;font-size:13px;transition:max-height .3s,opacity .3s;overflow:hidden}.tile:hover .tile__sub,.tile.is-open .tile__sub{opacity:0;max-height:0}.tile:hover .tile__detail,.tile.is-open .tile__detail{opacity:1;max-height:60px}.about__title{letter-spacing:-.02em;margin-bottom:26px;font-size:40px;font-weight:600;line-height:1.1}.about__body p{color:var(--body);margin-bottom:18px;font-size:18px;line-height:1.65}.about__stats{flex-wrap:wrap;gap:40px;margin-top:34px;display:flex}.astat__value{color:var(--ink);font-size:34px;font-weight:700}.astat__sub{color:var(--acc);max-width:180px;margin-top:4px;font-size:13px}.skills{background:var(--dark-bg);color:var(--dark-text);padding:70px 0}.skills .eyebrow{color:var(--acc)}.skills__grid{grid-template-columns:1fr 1fr;gap:40px 56px;margin-top:36px;display:grid}.skillcat__label{color:var(--dark-text);margin-bottom:12px;font-size:20px;font-weight:600}.skillcat__list{color:var(--dark-muted);font-size:15px;line-height:1.7}.skills__divider{background:var(--dark-hairline);height:1px;margin:48px 0}.achievements{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.achievement{display:block}.achievement__head{align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.achievement__emoji{font-size:22px}.achievement__title{color:var(--dark-text);font-size:17px;font-weight:600}.achievement__cta{color:var(--acc);font-size:13px}.achievement__detail{color:var(--dark-muted);font-size:14px;line-height:1.55}.achievement:hover .achievement__title{color:var(--acc)}.contact{padding:80px 0}.contact__label{color:var(--grey);margin-bottom:18px;font-size:14px}.contact__email{letter-spacing:-.03em;color:var(--ink);margin-bottom:34px;font-size:clamp(34px,8vw,56px);font-weight:700;line-height:1.02;transition:color .2s;display:inline-block}.contact__email:hover{color:var(--acc)}.contact__actions{flex-wrap:wrap;gap:12px;display:flex}.footer{border-top:1px solid var(--hairline);padding:26px 0}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer__copy{color:var(--grey);font-size:14px}.footer__links{gap:22px;display:flex}.footer__link{color:var(--ink);font-size:14px;transition:color .2s}.footer__link:hover{color:var(--acc)}@media (width<=900px){:root{--pad:24px}.hero__grid{grid-template-columns:1fr;gap:36px}.hero__photo{max-width:320px}.about__grid{grid-template-columns:1fr;gap:40px}.skills__grid{grid-template-columns:1fr;gap:32px}.achievements{grid-template-columns:1fr;gap:28px}}@media (width<=800px){.featured{grid-template-columns:1fr}.featured__left{padding:32px 26px}.featured__right{order:-1;min-height:300px}.featured__title{font-size:36px}}@media (width<=680px){.nav__links{gap:18px}.project-row{grid-template-columns:36px 1fr;grid-template-areas:"num content""thumb thumb";gap:16px;padding:24px 0}.project-row__num{grid-area:num}.project-row__content{grid-area:content}.project-row__thumb{grid-area:thumb}.project-row__arrow{display:none}.featured__stats{gap:22px}.interests{gap:10px}}@media (width<=460px){.interests{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee__track{animation:none;transform:none}*{transition-duration:.001ms!important}}@media (hover:none){.tile:hover{box-shadow:none;transform:none}.tile:hover .tile__sub{opacity:1;max-height:40px}.tile:hover .tile__detail{opacity:0;max-height:0}}