:root{--page-bg:#f7f9ff;--page-bg-soft:#fff;--surface:#ffffffdb;--surface-strong:#fffffff5;--line:#1227541a;--line-strong:#1d4dd838;--text:#102040;--text-muted:#102040c2;--text-soft:#1020408f;--accent:#1d62ff;--accent-strong:#0f49d7;--accent-soft:#1d62ff1a;--glow:#1d62ff3d;--shadow:0 24px 80px #243f7b1c;--radius:28px;--max-width:1200px;--font-sans:"Neue Haas Grotesk Display", "Suisse Int'l", "Avenir Next", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-serif:"Instrument Serif", "Ivar Text", "Canela", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif}html{scroll-behavior:smooth;background:radial-gradient(circle at 18% 16%, #1d62ff1a, transparent 22%), radial-gradient(circle at 78% 26%, #1d62ff14, transparent 20%), linear-gradient(180deg, #fff 0%, var(--page-bg) 100%);color:var(--text)}body{font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}*,:before,:after{box-sizing:border-box}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}::selection{background:#1d62ff2e}.site-shell{min-height:100vh}main{display:block}.skip-link{z-index:10;background:var(--text);color:#fff;border-radius:999px;padding:.75rem 1rem;transition:top .18s;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:10;padding:1rem 1.25rem 0;position:sticky;top:0}.site-header__inner,.site-footer__inner,.page{width:min(calc(100% - 2rem), var(--max-width));margin:0 auto}.site-header__inner{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffc;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.site-mark{align-items:center;gap:.95rem;font-weight:600;display:inline-flex}.site-mark__monogram{letter-spacing:-.06em;color:var(--accent);place-items:center;font-size:2rem;font-weight:700;display:inline-grid}.site-mark__name{letter-spacing:-.02em;font-size:1.05rem}.site-nav{flex-wrap:wrap;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.site-nav a,.inline-link{color:var(--text-muted);position:relative}.site-nav a:after,.inline-link:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;transition:transform .18s;position:absolute;bottom:-.18rem;left:0;transform:scaleX(0)}.site-nav a:hover:after,.site-nav a:focus-visible:after,.inline-link:hover:after,.inline-link:focus-visible:after{transform:scaleX(1)}.page{padding:2rem 0 5rem}.page--home{padding-top:.75rem}.eyebrow{color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.55rem;margin:0 0 1rem;font-size:.84rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"+";color:var(--accent);font-size:1rem;font-weight:500}.eyebrow--accent{color:var(--accent)}.hero{grid-template-columns:minmax(0,1fr) minmax(380px,.95fr);align-items:center;gap:2rem;padding:2.5rem 0 4.5rem;display:grid}.hero__summary{max-width:40rem}.hero h1,.page-intro h1{font-family:var(--font-sans);letter-spacing:-.07em;margin:0;font-size:clamp(3.5rem,7vw,6.25rem);font-weight:700;line-height:.98}.hero h1 span,.browser-body span{color:var(--accent)}.hero p,.lede,.prose p,.resume-block p{color:var(--text-muted);font-size:1.06rem;line-height:1.8}.lede--hero{max-width:33rem;font-size:1.18rem}.hero__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2rem;display:flex}.cta-primary{background:linear-gradient(180deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff;border-radius:999px;justify-content:center;align-items:center;padding:1rem 1.35rem;font-weight:600;display:inline-flex;box-shadow:0 18px 40px #1d62ff33}.hero__timestamp{color:var(--text-soft);margin:0;font-size:.94rem}.hero-visual{min-height:42rem;position:relative}.hero-orb{filter:blur(12px);background:radial-gradient(circle,#1d62fff2 0%,#1d62ff00 72%);border-radius:999px;position:absolute}.hero-orb--large{opacity:.55;width:15rem;height:15rem;bottom:16%;right:8%}.hero-orb--small{opacity:.4;width:6rem;height:6rem;top:20%;right:3%}.hero-card,.note-card,.about-grid__panel,.resume-block,.page-panel,.feature-project,.project-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.hero-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:absolute}.hero-card p{margin:0}.hero-card--panel{width:10rem;padding:1rem;top:4.5rem;left:0}.hero-card--panel ul{color:var(--text-soft);gap:.55rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.hero-card--panel li{border-radius:12px;padding:.35rem .55rem}.hero-card--panel .is-active{color:var(--accent);background:#1d62ff17}.hero-card--code{color:#ffffffe0;background:#081733;width:min(100%,19rem);padding:1.05rem 1.15rem;top:0;right:0}.hero-card--code p{color:#ffffff94;font-size:.8rem}.hero-card--code pre{white-space:pre-wrap;margin:.85rem 0 0;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.86rem;line-height:1.7}.hero-card--browser{background:#fffffff0;width:min(100%,28rem);bottom:4rem;left:5rem;overflow:hidden}.browser-bar{border-bottom:1px solid var(--line);color:var(--text-soft);align-items:center;gap:.45rem;padding:.85rem 1rem;display:flex}.browser-bar span{background:#10204024;border-radius:999px;width:.7rem;height:.7rem}.browser-bar p{margin-left:auto;font-size:.78rem}.browser-body{background:radial-gradient(circle at 92% 68%,#1d62ff33,#0000 24%),linear-gradient(135deg,#1d62ff0a,#fffffff5);gap:.9rem;min-height:15rem;padding:1.6rem;display:grid}.browser-mark{letter-spacing:-.08em;color:var(--accent);font-size:1.5rem;font-weight:700}.browser-body h2{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.02}.browser-status{width:fit-content;color:var(--text-muted);background:#ffffffe6;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.84rem;display:inline-flex}.browser-status:before{content:"";background:#61c454;border-radius:999px;width:.5rem;height:.5rem}.hero-card--graph{width:11rem;padding:1rem;bottom:.4rem;right:0}.graph-line{background:linear-gradient(#10204012 1px,#0000 1px) 0 0/100% 1.2rem,linear-gradient(90deg,#10204012 1px,#0000 1px) 0 0/2rem 100%;border-radius:16px;height:4.8rem;margin-top:.8rem;position:relative}.graph-line:after{content:"";border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);border-radius:0 0 999px;position:absolute;inset:1rem .8rem .9rem;transform:skew(22deg)translateY(-.2rem)}.section{border-top:1px solid var(--line);padding:2.8rem 0}.section--selected{padding-top:1.4rem}.section-header{margin-bottom:1.3rem}.section-grid{grid-template-columns:minmax(180px,.32fr) minmax(0,1fr);align-items:start;gap:1.75rem;display:grid}.section h2,.case-study__title,.note-title,.resume-block h2,.feature-project h2{font-family:var(--font-sans);letter-spacing:-.05em;margin:0;font-size:clamp(1.7rem,4vw,2.7rem);font-weight:700}.feature-grid{grid-template-columns:1.2fr .92fr;gap:1.25rem;display:grid}.feature-project{background:#ffffffb8;gap:1rem;padding:1rem;display:grid;overflow:hidden}.feature-project--wide{grid-column:1/-1;grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);align-items:center}.feature-project--stack{grid-template-rows:auto auto}.feature-project__media{border-radius:calc(var(--radius) - 6px);min-height:14rem;position:relative;overflow:hidden}.feature-project__media--blue{background:radial-gradient(circle at 82% 18%,#86b9ffdb,#0000 18%),linear-gradient(135deg,#0d1d63 0%,#1131a9 70%,#2270ff 100%)}.feature-project__media--soft{background:linear-gradient(#f0f5ff,#e6eeffeb),#fff}.feature-project__media--aurora{background:radial-gradient(circle at 20% 20%,#718dffcc,#0000 32%),radial-gradient(circle at 80% 36%,#1b62ffbf,#0000 28%),linear-gradient(145deg,#0d1537,#121f61 48%,#1d2a7e 100%)}.feature-project__body{align-content:start;gap:.8rem;padding:.4rem .2rem;display:grid}.media-screen{border-radius:24px;width:72%;position:absolute;inset:12% auto auto 8%;box-shadow:0 22px 60px #08103452}.media-screen--dark{background:linear-gradient(#151e58,#0a143e),#091634;height:62%;transform:perspective(800px)rotateY(-16deg)rotateX(8deg)}.media-screen--light{background:#fff;width:76%;height:62%;inset:16% auto auto 11%;box-shadow:0 24px 54px #5170c329}.media-nav{background:#ffffff2e;border-radius:999px;height:.6rem;margin:1rem 1rem 0}.media-bars{grid-template-columns:repeat(3,1fr);gap:.8rem;padding:2rem 1.2rem;display:grid}.media-bars span{background:linear-gradient(#5088ff2e,#5088ff94);border-radius:18px;height:4.8rem}.media-list{background:#10204014;border-radius:999px;width:58%;height:.9rem;margin:1.2rem 1rem 0}.media-card{background:linear-gradient(#1d62ff14,#1d62ff24),#fff;border:1px solid #1d62ff14;border-radius:24px;width:calc(100% - 2rem);height:58%;margin:1.25rem auto 0}.now-panel,.note-card,.about-grid__panel,.resume-block,.page-panel,.project-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.5rem}.now-panel--guided{background:radial-gradient(circle at right top, #1d62ff14, transparent 26%), var(--surface-strong)}.hero__aside p,.meta-list dd,.muted{color:var(--text-soft)}.now-meta,.credibility-strip,.meta-list{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;display:grid}.now-meta div,.credibility-strip article{border-top:1px solid var(--line);padding-top:.9rem}.project-list,.notes-list{gap:1.2rem;display:grid}.project-card{background:#ffffffbf;grid-template-columns:minmax(0,1.15fr) minmax(220px,.6fr);gap:1.25rem;transition:transform .18s,border-color .18s,background .18s;display:grid}.project-card:hover,.project-card:focus-within,.note-card:hover,.note-card:focus-within{border-color:var(--line-strong);background:#fffffff0;transform:translateY(-3px)}.project-card__meta,.note-meta{color:var(--text-soft);flex-wrap:wrap;gap:.75rem;font-size:.88rem;display:flex}.page-kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .4rem;font-size:.8rem;font-weight:600}.artifact-list,.tag-list{flex-wrap:wrap;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.bullet-list{color:var(--text-muted);margin:0;padding-left:1.1rem;line-height:1.75}.artifact-list li,.tag-list li{background:var(--accent-soft);color:var(--text-muted);border-radius:999px;padding:.45rem .7rem;font-size:.88rem}.note-card{gap:.85rem;display:grid}.note-card--guided{background:#ffffffc7}.credibility-strip article{gap:.3rem;display:grid}.credibility-strip strong,.meta-list dt{color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;font-size:.84rem}.credibility-strip span,.meta-list dd{margin:0;font-size:1rem;line-height:1.6}.page-intro,.case-study-hero{gap:1.2rem;padding:2rem 0 3rem;display:grid}.page-intro{max-width:54rem}.page-grid,.about-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:1.6rem;display:grid}.about-grid__stack,.resume-grid,.case-study-grid{gap:1.2rem;display:grid}.meta-list{margin:0}.meta-list div{border-top:1px solid var(--line);padding:1rem 0 0}.case-study-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.75fr);align-items:start}.case-study__content,.case-study__sidebar{gap:1.15rem;display:grid}.prose,.sidebar-stack{gap:1rem;display:grid}.prose h2,.sidebar-stack h2{letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft);font-size:1rem;font-weight:600;font-family:var(--font-sans);margin:0 0 .35rem}.prose ul{color:var(--text-muted);margin:0;padding-left:1.1rem;line-height:1.8}.resume-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.site-footer{padding:0 1.25rem 2rem}.site-footer__inner{border-top:1px solid var(--line);color:var(--text-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0 0;display:flex}.site-footer__links{gap:1rem;display:flex}@media (width<=980px){.hero,.section-grid,.project-card,.page-grid,.about-grid,.case-study-grid,.feature-grid,.feature-project--wide{grid-template-columns:1fr}.hero-visual{min-height:32rem}.hero-card--browser{left:1.5rem}}@media (width<=720px){.site-header{padding-inline:.75rem}.site-header__inner,.site-footer,.page{width:min(calc(100% - 1.5rem), var(--max-width))}.site-header__inner{align-items:flex-start;padding:.85rem 0}.site-nav{gap:.85rem 1rem}.hero,.page-intro,.case-study-hero{padding-top:1.5rem}.hero h1,.page-intro h1{font-size:clamp(2.9rem,14vw,4.6rem)}.hero-visual{min-height:26rem}.hero-card--panel,.hero-card--graph{display:none}.hero-card--browser{width:100%;left:0}.hero-card--code{width:78%}}