:root{--bg:#0f172a;--bg-soft:#0f172abf;--text:#e2e8f0;--muted:#94a3b8;--muted-2:#64748b;--line:#e2e8f01a;--teal:#5eead4;--teal-soft:#2dd4bf1a;--card:#1e293b85}*{box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{background:var(--bg);height:100%;min-height:100vh;color:var(--muted);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.625}a{color:inherit;text-decoration:none;transition:color .16s,opacity .16s,transform .16s}a:hover,a:focus-visible{color:var(--teal)}.skip-link{z-index:20;background:var(--teal);color:var(--bg);border-radius:.25rem;padding:.75rem 1rem;font-weight:700;position:fixed;top:1rem;left:1rem;transform:translateY(-5rem)}.skip-link:focus{transform:translateY(0)}.spotlight{pointer-events:none;z-index:0;background:radial-gradient(600px circle at var(--x,50%) var(--y,50%), #1d4ed82e, transparent 80%);position:fixed;inset:0}.shell{z-index:1;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem;max-width:1280px;height:100vh;margin:0 auto;padding:0 6rem;display:grid;position:relative;overflow:hidden}.intro{flex-direction:column;justify-content:space-between;height:100vh;padding:6rem 0;display:flex;position:relative;top:0}.name{color:var(--text);letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,3rem);font-weight:700;line-height:1;display:inline-block}h1{color:var(--text);letter-spacing:-.025em;margin:.75rem 0 0;font-size:1.25rem;font-weight:500;line-height:1.4}.tagline{max-width:20rem;color:var(--muted);margin:1rem 0 0}.section-nav{flex-direction:column;gap:.75rem;margin-top:5rem;display:flex}.section-nav a{width:fit-content;color:var(--muted-2);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:1rem;font-size:.75rem;font-weight:700;line-height:1;display:flex}.section-nav span{background:var(--muted-2);width:2rem;height:1px;transition:width .16s,background .16s;display:block}.section-nav a:hover span,.section-nav a.active span{background:var(--text);width:4rem}.section-nav a:hover,.section-nav a.active{color:var(--text)}.socials{flex-wrap:wrap;gap:1.1rem;margin:0;padding:0;list-style:none;display:flex}.socials a{width:1.55rem;height:1.55rem;color:var(--muted);place-items:center;display:grid}.socials svg{fill:currentColor;width:1.45rem;height:1.45rem;display:block}main{scrollbar-width:none;height:100vh;padding:6rem 0;overflow-y:auto}main::-webkit-scrollbar{display:none}.section{margin-bottom:9rem;scroll-margin-top:6rem}.section-heading{color:var(--text);letter-spacing:.1em;text-transform:uppercase;margin:0 0 1.75rem;font-size:.875rem;font-weight:700;line-height:1.4}.copy p{margin:0 0 1rem}.copy a,footer a{color:var(--text);font-weight:500}.timeline,.projects,.writing-list{gap:.75rem;display:grid}.row-card{border-radius:.375rem;grid-template-columns:11rem minmax(0,1fr);gap:1rem;margin:0 -1.5rem;padding:1rem 1.5rem;transition:background .16s,box-shadow .16s,transform .16s;display:grid}.row-card:hover{background:var(--card);box-shadow:inset 0 1px 0 0 var(--line)}.row-card:hover h3 a,.writing-row:hover strong{color:var(--teal)}.eyebrow{z-index:1;color:var(--muted-2);letter-spacing:.025em;text-transform:uppercase;margin:.25rem 0 0;font-size:.75rem;font-weight:600;line-height:1.35}h3{color:var(--text);margin:0;font-size:1rem;font-weight:500;line-height:1.375}.row-card p{margin:.5rem 0 0;font-size:.875rem;line-height:1.5}.subrole{color:var(--text)}.pills{flex-wrap:wrap;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.pills li{background:var(--teal-soft);color:var(--teal);border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;line-height:1.25rem}.text-link{color:var(--text);margin-top:1.5rem;font-weight:600;display:inline-flex}.text-link:after{content:"↗";margin-left:.4rem;transition:transform .16s}.text-link:hover:after{transform:translate(.15rem,-.15rem)}.project-card{grid-template-columns:8rem minmax(0,1fr)}.thumb{min-height:4.8rem;color:var(--text);background:linear-gradient(135deg,#5eead424,#0f172a66);border:2px solid #94a3b840;border-radius:.25rem;place-items:center;font-size:.85rem;font-weight:800;display:grid}.spotify{background:linear-gradient(135deg,#1ed7604d,#0f172a8c)}.halcyon{background:linear-gradient(135deg,#eab3083d,#0f172a8c)}.v4{background:linear-gradient(135deg,#7dd3fc3d,#0f172a8c)}.writing-row{border-radius:.375rem;grid-template-columns:5rem minmax(0,1fr);gap:1rem;margin:0 -1.5rem;padding:1rem 1.5rem;display:grid}.writing-row:hover{background:var(--card)}.writing-row span{color:var(--muted-2);font-size:.75rem;font-weight:600}.writing-row strong{color:var(--text);font-weight:500}footer{max-width:28rem;color:var(--muted-2);padding-bottom:6rem;font-size:.875rem;line-height:1.45}@media (width<=1024px){html,body{height:auto}.shell{max-width:760px;height:auto;padding:0 3rem;display:block;overflow:visible}.intro{height:auto;min-height:auto;padding:6rem 0 5rem;position:relative}.section-nav{display:none}.socials{margin-top:2rem}main{height:auto;padding-top:0;overflow:visible}}@media (width<=640px){.shell{padding:0 1.5rem}.intro{padding:3rem 0 4rem}.name{font-size:2.45rem}.section{margin-bottom:5.5rem}.section-heading{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ae0;margin:0 -1.5rem 2rem;padding:1.25rem 1.5rem;position:sticky;top:0}.row-card,.project-card,.writing-row{grid-template-columns:1fr;margin:0;padding:1rem 0}.row-card:hover,.writing-row:hover{box-shadow:none;background:0 0}.thumb{width:8rem}}