:root{--bg:#090a0d;--ink:#f5efe3;--muted:#b8afa0;--line:#f5efe329;--panel:#111217b8;--panel-strong:#1c1d23e0;--gold:#f4c95d;--teal:#52d6c4;--ember:#ff7a59;--leaf:#9fd356;--sky:#7db7ff;--rose:#f08cae}main{position:relative;overflow:clip}.scroll-progress{z-index:60;transform-origin:0;background:linear-gradient(90deg, var(--gold), var(--teal), var(--ember), var(--sky));width:100%;height:3px;position:fixed;top:0;left:0}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090a0da8;border:1px solid #f5efe32e;border-radius:8px;justify-content:space-between;align-items:center;width:min(1120px,100% - 32px);min-height:56px;padding:8px 10px 8px 8px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 16px 48px #00000047}.brand-mark{color:#090a0d;background:linear-gradient(135deg, var(--gold), var(--teal));letter-spacing:0;border-radius:6px;place-items:center;width:40px;height:40px;font-size:.78rem;font-weight:900;display:grid}.site-header nav{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{color:#f5efe3c2;white-space:nowrap;border-radius:6px;align-items:center;min-height:38px;padding:0 14px;font-size:.88rem;transition:color .18s,background .18s;display:inline-flex}.site-header nav a:hover{color:var(--ink);background:#f5efe314}.floating-index{z-index:45;gap:10px;display:grid;position:fixed;top:38%;left:26px}.floating-index a{color:#f5efe39e;text-transform:uppercase;grid-template-columns:28px 1fr;align-items:center;gap:10px;font-size:.76rem;display:grid}.floating-index a span{color:var(--gold);font-size:.66rem}.hero-section{isolation:isolate;align-items:center;min-height:100svh;padding:104px 24px 84px;display:grid;position:relative}.hero-section:after{z-index:-2;content:"";background:linear-gradient(#0000,#090a0df0);height:34%;position:absolute;inset:auto 0 0}.hero-canvas{z-index:-4;min-height:640px;position:absolute;inset:0}.hero-grid{z-index:-3;opacity:.42;background-image:linear-gradient(#f5efe314 1px,#0000 1px),linear-gradient(90deg,#f5efe312 1px,#0000 1px);background-position:50%;background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 12% 82%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 12% 82%,#0000 100%)}.hero-copy{width:min(760px,100%);margin-left:clamp(0px,7vw,118px)}.eyebrow{color:var(--gold);letter-spacing:0;text-transform:uppercase;margin:0 0 16px;font-size:clamp(.72rem,1.4vw,.84rem);font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;text-transform:uppercase;max-width:11ch;margin-bottom:24px;font-size:clamp(4.1rem,13.8vw,11.8rem);line-height:.78}h2{letter-spacing:0;margin-bottom:0;font-size:clamp(2.4rem,6.8vw,6.8rem);line-height:.9}h3{color:var(--ink);letter-spacing:0;margin-bottom:14px;font-size:clamp(1.25rem,2vw,1.72rem);line-height:1.03}.word{transform-origin:50% 100%;margin-right:.16em;display:inline-block}.hero-lede{color:#f5efe3c7;width:min(640px,100%);margin-bottom:28px;font-size:clamp(1.02rem,2vw,1.34rem);line-height:1.6}.hero-title-note{color:var(--teal);margin:-8px 0 22px;font-size:clamp(1.5rem,4.8vw,4.8rem);font-weight:900;line-height:.92}.hero-actions,.contact-actions{flex-wrap:wrap;gap:12px;display:flex}.magnetic-link{min-height:48px;color:var(--ink);background:#f5efe314;border:1px solid #f5efe333;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 18px;transition:border-color .18s,background .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05}.magnetic-link:hover{background:#f4c95d1f;border-color:#f4c95d85}.next-section{width:44px;height:44px;color:var(--ink);background:#f5efe314;border:1px solid #f5efe333;border-radius:8px;place-items:center;display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.section-shell{width:min(1180px,100% - 40px);margin:0 auto}.manifest-section,.experience-section,.projects-section,.stack-section,.contact-section{padding:clamp(44px,7vw,108px) 0;scroll-margin-top:96px;position:relative}.manifest-section{border-top:1px solid var(--line);background:linear-gradient(90deg,#52d6c41a,#0000 36%),linear-gradient(270deg,#ff7a5914,#0000 38%)}.manifest-shell{grid-template-columns:minmax(0,1.05fr) minmax(310px,.95fr);align-items:end;gap:clamp(28px,5vw,76px);display:grid}.manifest-copy h2{max-width:860px}.manifest-text{gap:14px;width:min(720px,100%);margin-top:28px;display:grid}.manifest-text p,.contact-copy{color:#f5efe3b3;margin-bottom:0;font-size:clamp(1rem,1.7vw,1.12rem);line-height:1.72}.focus-list{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.focus-list span{color:#f5efe3d1;background:#52d6c414;border:1px solid #52d6c447;border-radius:8px;align-items:center;min-height:38px;padding:0 12px;font-size:.82rem;display:inline-flex}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.stat-tile{background:#f5efe30f;border:1px solid #f5efe329;border-radius:8px;align-content:start;gap:12px;min-width:0;min-height:132px;padding:22px;display:grid;overflow:hidden}.stat-tile span{color:var(--gold);overflow-wrap:anywhere;font-size:clamp(1.85rem,4.8vw,3.8rem);font-weight:900;line-height:.9;display:block}.stat-tile p{color:#f5efe39e;overflow-wrap:anywhere;margin:0;font-size:.88rem;line-height:1.35}.section-heading{grid-template-columns:minmax(0,.82fr) minmax(260px,.42fr);align-items:end;gap:24px;margin-bottom:clamp(32px,6vw,72px);display:grid}.section-heading h2{grid-column:1/-1;max-width:980px}.experience-section{background:linear-gradient(#090a0deb,#0d0f13fa),repeating-linear-gradient(90deg,#f5efe30d 0 1px,#0000 1px 92px)}.experience-timeline{gap:18px;display:grid;position:relative}.experience-timeline:before{content:"";background:linear-gradient(#0000,#f4c95d6b,#52d6c46b,#0000);width:1px;position:absolute;top:0;bottom:0;left:28px}.experience-card{grid-template-columns:58px minmax(0,1fr);align-items:start;gap:18px;display:grid;position:relative}.experience-card__marker{z-index:1;border:1px solid color-mix(in srgb, var(--accent), #fff 12%);width:58px;height:58px;color:var(--accent);background:#111217;border-radius:8px;place-items:center;font-size:.82rem;font-weight:900;display:grid;position:sticky;top:106px}.experience-card__body{background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent), transparent 82%), transparent 34%), linear-gradient(180deg, #f5efe314, #f5efe308), var(--panel);border:1px solid #f5efe329;border-radius:8px;padding:clamp(22px,4vw,40px);position:relative;overflow:hidden}.experience-meta{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.experience-meta span{color:#f5efe3b8;background:#f5efe312;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:.76rem;display:inline-flex}.experience-company{color:var(--accent);text-transform:uppercase;margin-bottom:18px;font-size:.9rem;font-weight:900}.experience-summary,.experience-card li{color:#f5efe3b0;line-height:1.66}.experience-card ul{gap:10px;margin:18px 0 0;padding-left:18px;display:grid}.projects-section{background:#0d0f13}.projects-grid{perspective:1300px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project-card{background:linear-gradient(180deg, #f5efe314, #f5efe308), var(--panel);min-height:408px;transform-style:preserve-3d;border:1px solid #f5efe329;border-radius:8px;padding:22px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0000003d}.project-card:before{content:"";background:var(--accent);height:3px;position:absolute;inset:0 0 auto}.project-sheen{opacity:0;pointer-events:none;transition:opacity .22s;position:absolute;inset:0}.project-card:hover .project-sheen{opacity:1}.project-card__top{z-index:1;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex;position:relative}.project-icon{border:1px solid color-mix(in srgb, var(--accent), #fff 12%);width:46px;height:46px;color:var(--accent);background:color-mix(in srgb, var(--accent), transparent 88%);border-radius:8px;place-items:center;display:grid}.status{min-height:30px;color:var(--ink);border-radius:999px;align-items:center;padding:0 11px;font-size:.72rem;font-weight:800;display:inline-flex}.status--live{color:#d9ffa4;background:#9fd3562e}.status--development{color:#bedaff;background:#7db7ff29}.project-category{z-index:1;color:var(--accent);text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:800;position:relative}.project-card h3,.project-summary,.stack-list{z-index:1;position:relative}.project-summary{color:#f5efe3ad;font-size:.95rem;line-height:1.58}.stack-list{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.stack-list span,.tool-row span{color:#f5efe3b8;white-space:nowrap;background:#f5efe30d;border:1px solid #f5efe324;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:.76rem;display:inline-flex}.stack-section{background:linear-gradient(#0d0f13,#090a0d 24%),repeating-linear-gradient(90deg,#f5efe30f 0 1px,#0000 1px 92px);overflow:hidden}.stack-stage{gap:16px;width:min(1180px,100%);padding:26px 0 20px;display:grid;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%)}.skills-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:36px;display:grid}.skill-panel{background:#f5efe30e;border:1px solid #f5efe329;border-radius:8px;padding:22px}.skill-panel h3{margin-bottom:20px;font-size:clamp(1.12rem,2vw,1.48rem)}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.skill-chip{background:#090a0d6b;border:1px solid #f5efe321;border-radius:8px;align-content:center;gap:3px;min-height:58px;padding:10px 12px;display:grid}.skill-chip span{color:var(--ink);font-size:.92rem;font-weight:800}.skill-chip small{color:var(--teal);text-transform:uppercase;font-size:.72rem;font-weight:800}.tool-row{gap:12px;width:max-content;display:flex}.tool-row:nth-child(2n){transform:translate(-84px)}.tool-row span{min-height:54px;color:var(--ink);background:#f5efe312;border-radius:8px;padding:0 24px;font-size:clamp(1rem,2vw,1.35rem)}.contact-section{background:linear-gradient(90deg,#f4c95d1a,#0000 40%),linear-gradient(270deg,#7db7ff1a,#0000 42%),#090a0d}.contact-panel{background:linear-gradient(135deg, #f5efe314, #f5efe305), var(--panel-strong);border:1px solid #f5efe32e;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;padding:clamp(28px,6vw,66px);display:grid}.contact-panel h2{max-width:860px;font-size:clamp(2.2rem,5.6vw,5.8rem)}.contact-copy{width:min(660px,100%);margin-top:22px}.contact-details{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.contact-details a,.contact-details span{color:#f5efe3c2;background:#f5efe30d;border:1px solid #f5efe324;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:.86rem;display:inline-flex}footer{border-top:1px solid var(--line);color:#f5efe394;justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100% - 40px);min-height:88px;margin:0 auto;font-size:.86rem;display:flex}footer a{color:var(--ink);align-items:center;gap:8px;display:inline-flex}@media (width<=1100px){.floating-index{display:none}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.site-header{width:min(100% - 24px,620px);top:12px}.site-header nav a{padding:0 9px;font-size:.8rem}.hero-section{align-items:start;min-height:100svh;padding:132px 20px 78px}.hero-canvas{opacity:.74;transform:translate(18%)}.hero-copy{margin-left:0}h1{max-width:9ch;margin-bottom:14px;font-size:clamp(3.25rem,14vw,5.4rem);line-height:.86}.hero-title-note{margin:0 0 18px;font-size:clamp(1.45rem,7vw,2.4rem)}.hero-lede{margin-bottom:22px;font-size:1rem;line-height:1.56}.manifest-shell,.contact-panel,.section-heading,.projects-grid,.skills-layout{grid-template-columns:1fr}.project-card{min-height:360px}.contact-actions{align-items:flex-start}footer{flex-direction:column;justify-content:center;align-items:flex-start}}@media (width<=520px){.brand-mark{width:36px;height:36px}.site-header nav{gap:0}.site-header nav a{min-height:34px;padding:0 6px;font-size:.72rem}.hero-section{padding-inline:16px}.section-shell{width:min(100% - 28px,1180px)}.stat-grid{grid-template-columns:1fr}.stat-tile{min-height:auto}.hero-actions,.contact-actions{flex-direction:column;align-items:stretch}.magnetic-link{width:100%}.tool-row span{min-height:46px;padding:0 16px}.experience-timeline:before{left:19px}.experience-card{grid-template-columns:38px minmax(0,1fr);gap:12px}.experience-card__marker{width:38px;height:38px;font-size:.68rem}.skill-grid{grid-template-columns:1fr}}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#090a0d}body{color:#f5efe3;text-rendering:geometricprecision;background:linear-gradient(120deg,#195d6c38,#0000 32%),linear-gradient(240deg,#bf5c452e,#0000 34%),#090a0d;min-width:320px;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{border:0}img,svg,canvas{display:block}::selection{color:#090a0d;background:#f4c95d}