@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Stack+Sans+Notch:wght@500;600;700&display=swap";:root{--bg:#0a0a0c;--bg-raised:#111114;--fg:#f2f2f4;--muted:#8b8b93;--accent:#7cf2c0;--accent-2:#7c83f2;--accent-3:#f27cb8;--line:#ffffff14;--line-strong:#ffffff24;--content-width:1280px;--gutter:24px;--glow-opacity:.55;--text-xs:.8rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.35rem;--text-xl:clamp(1.5rem, 3vw, 2rem);--text-2xl:clamp(1.75rem, 4vw, 2.75rem);--text-3xl:clamp(2.25rem, 5vw, 3.25rem);--text-4xl:clamp(2.25rem, 5vw, 3.75rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--control-height-sm:36px;--control-height-md:48px;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Stack Sans Notch", -apple-system, BlinkMacSystemFont, sans-serif}:root[data-theme=light]{--bg:#fafafa;--bg-raised:#fff;--fg:#16161a;--muted:#6b6b73;--accent:#0f9d68;--accent-2:#4b50c4;--accent-3:#c4508e;--line:#00000012;--line-strong:#0000001f;--glow-opacity:.3}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;transition:background-color .25s,color .25s}h1,h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .5em;font-weight:600;line-height:1.1}h1{font-size:var(--text-4xl);font-weight:700}h2{font-size:var(--text-xl)}h3,h4,h5,h6{font-family:var(--font-body);margin:0 0 .5em;font-weight:600;line-height:1.15}h3{font-size:var(--text-md);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}h3.subheading{color:var(--fg);text-transform:none;letter-spacing:normal;font-size:var(--text-lg)}.section-title{font-size:var(--text-3xl)}.section-title-row{margin-left:calc(-1 * var(--gutter));padding-left:var(--gutter);position:relative}.section-title-row:before{content:"";background:var(--line);width:8px;height:8px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.lead{max-width:46ch;font-size:var(--text-lg)}.prose{max-width:60ch}.era-block{gap:var(--space-16);padding:var(--space-12) 0;border-bottom:1px solid var(--line);grid-template-columns:1.3fr 1fr;align-items:start;display:grid;position:relative}.era-block:before{content:"";background:var(--line-strong);width:1px;position:absolute;top:0;bottom:0;left:4px}.era-block:first-child:before{top:90px}.era-block:last-child:before{bottom:90px}.era-block:last-child{border-bottom:none}.era-story-sticky{top:var(--space-8);position:sticky}.era-story-sticky p{max-width:46ch}@media (width<=760px){.era-block{gap:var(--space-6);grid-template-columns:1fr}.era-story-sticky{position:static}}p{color:var(--fg);margin:0 0 1em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.hero-buttons{align-items:center;gap:var(--space-4);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.button-primary,.button-secondary{justify-content:center;align-items:center;gap:var(--space-3);height:var(--control-height-md);padding:0 var(--space-6);font-family:var(--font-body);font-weight:600;font-size:var(--text-base);border-radius:var(--radius-md);box-sizing:border-box;line-height:1;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.button-primary{background:var(--fg);color:var(--bg);border:1px solid var(--fg)}.button-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--bg);text-decoration:none}.button-secondary{background:var(--bg);color:var(--fg);border:1px solid var(--line-strong)}.button-secondary:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.button-sm{height:var(--control-height-sm);padding:0 var(--space-4);font-size:var(--text-sm)}.text-input{height:var(--control-height-md);border:1px solid var(--line-strong);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);padding:0 var(--space-4);border-radius:var(--radius-sm);box-sizing:border-box;background:0 0;outline:none;align-items:center;display:inline-flex}.text-input-sm{height:var(--control-height-sm);font-size:var(--text-sm);padding:0 var(--space-3)}.text-input:focus{border-color:var(--accent)}.portfolio-fake-gate-form{gap:var(--space-3);align-items:center;max-width:360px;display:flex}.portfolio-fake-gate-error{margin-top:var(--space-3);color:var(--fg);font-size:var(--text-md);max-width:32ch}.eyebrow{font-family:var(--font-body);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 1em}.grid-frame{max-width:var(--content-width);padding:0 var(--gutter);margin:0 auto;position:relative}.grid-frame:before,.grid-frame:after{content:"";background:var(--line);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.grid-frame:before{left:0}.grid-frame:after{right:0}.section{padding:var(--space-16) var(--gutter);border-bottom:1px solid var(--line);scroll-margin-top:var(--space-6)}.section:last-of-type{border-bottom:none}.hero{width:100%;min-height:90vh;padding:var(--space-20) 0;align-items:center;display:flex;position:relative;overflow:hidden}.hero-plain,.hero-compact{min-height:80vh}.promo-strip{background:var(--bg-raised);border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%}.promo-strip-link{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--gutter);color:var(--fg);font-family:var(--font-body);font-size:var(--text-sm);display:flex}.promo-strip-link:hover{text-decoration:underline}.promo-strip-arrow{color:var(--accent)}.graffiti-section{width:100%}.graffiti-link{color:#fff;background:linear-gradient(90deg,#060608e0 0%,#0606088c 55%,#06060859 100%),url(/images/graffiti.jpg) 50%/cover no-repeat;width:100%;min-height:420px;display:block;position:relative}.graffiti-link:hover{text-decoration:none}.graffiti-inner{min-height:80vh;padding:var(--space-20) var(--gutter);flex-direction:column;justify-content:center;display:flex;position:relative}.graffiti-inner.grid-frame:before,.graffiti-inner.grid-frame:after{background:#ffffff2e}.graffiti-inner .eyebrow{color:var(--accent)}.graffiti-inner h2{color:#fff;max-width:18ch;font-size:var(--text-2xl)}.graffiti-button{margin-top:var(--space-2);color:#fff;background:#06060880;border-color:#fff6;align-self:flex-start}.hero-inner{z-index:1;pointer-events:none;width:100%;position:relative}.hero-inner a,.hero-inner input,.hero-inner button{pointer-events:auto}.portfolio-fake-gate{margin-top:var(--space-8)}.hero-grid-lines{z-index:1;pointer-events:none;position:absolute;inset:0}.hero-glow{z-index:-1;pointer-events:none;opacity:var(--glow-opacity);filter:blur(70px);background:radial-gradient(38% 45% at 15% 20%, var(--accent) 0%, transparent 70%), radial-gradient(42% 50% at 80% 15%, var(--accent-2) 0%, transparent 70%), radial-gradient(40% 45% at 60% 75%, var(--accent-3) 0%, transparent 70%);mix-blend-mode:var(--glow-blend,screen);animation:18s ease-in-out infinite alternate glow-drift;position:absolute;inset:-20% -10%}:root[data-theme=light] .hero-glow{--glow-blend:multiply}.hero-dither-wrap{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-dither-wrap canvas{width:100%;height:100%;display:block}@keyframes glow-drift{0%{transform:translate(0,0)rotate(0)scale(1)}50%{transform:translate(2%,-3%)rotate(6deg)scale(1.08)}to{transform:translate(-3%,2%)rotate(-4deg)scale(1)}}@media (prefers-reduced-motion:reduce){.hero-glow{animation:none}}.theme-toggle{font-family:var(--font-body);font-size:var(--text-sm);border:1px solid var(--line-strong);color:var(--fg);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer;background:0 0;line-height:1}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.icon-button{justify-content:center;align-items:center;display:inline-flex}.card-row{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=760px){.card-row{grid-template-columns:1fr}}.card-tile{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6);color:var(--fg);transition:border-color .2s,transform .2s;display:block}.card-tile:hover{border-color:var(--line-strong);text-decoration:none;transform:translateY(-2px)}.card-tile h3{color:var(--fg);text-transform:none;letter-spacing:0;font-size:var(--text-md);margin-bottom:.5em}.card-tile p{color:var(--muted);font-size:var(--text-sm);margin-bottom:1em}.card-tile-link{font-family:var(--font-body);font-size:var(--text-xs);color:var(--accent)}.portfolio-card{justify-content:space-between;align-items:center;gap:var(--space-6);background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-10);color:var(--fg);margin-top:var(--space-12);transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.portfolio-card:hover{border-color:var(--line-strong);text-decoration:none;transform:translateY(-2px)}.portfolio-card-text{z-index:1;max-width:420px;position:relative}.portfolio-card-text h3{color:var(--fg);text-transform:none;letter-spacing:0;font-size:var(--text-lg);margin-bottom:.5em}.portfolio-card-text p{color:var(--muted);font-size:var(--text-base);margin-bottom:0}.portfolio-card-cta{z-index:1;flex-shrink:0;position:relative}.portfolio-card-dither{z-index:0;width:45%;position:absolute;top:0;bottom:0;right:0}.card-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:2em;display:grid}@media (width<=640px){.card-grid{grid-template-columns:1fr}}[hidden]{display:none!important}.card{background:var(--bg);padding:var(--space-6)}.card h4{font-family:var(--font-body);font-size:var(--text-base);margin:0 0 .4em}.card .meta{font-family:var(--font-body);font-size:var(--text-xs);color:var(--muted)}.era-timeline{position:relative}.timeline-row{gap:var(--space-6);padding:var(--space-4) 0 var(--space-4) var(--space-6);border-bottom:1px solid var(--line);grid-template-columns:140px 1fr;display:grid;position:relative}.timeline-row:after{content:"";left:0;top:calc(var(--space-4) + 11px);background:var(--bg-raised);border:2px solid var(--line-strong);width:9px;height:9px;position:absolute;transform:translateY(-50%)}.timeline-row:last-child{border-bottom:none}.timeline-row .period{font-family:var(--font-body);font-size:var(--text-sm);color:var(--muted)}.timeline-logo{object-fit:contain;border-radius:var(--radius-sm);vertical-align:-3px;width:16px;height:16px;margin-right:var(--space-2)}.timeline-role{font-weight:600}.timeline-role-title{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--muted)}.timeline-row-group{align-items:start}.timeline-subroles{margin-top:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.timeline-subrole{gap:var(--space-3);font-size:var(--text-sm);grid-template-columns:90px 1fr;display:grid}.timeline-subrole .period{font-family:var(--font-body);font-size:var(--text-xs);color:var(--muted)}.site-nav-wrap{border-bottom:1px solid var(--line)}nav.site-nav{padding:var(--space-6) var(--gutter);justify-content:space-between;align-items:center;display:flex}nav.site-nav .links{align-items:center;gap:var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);display:flex}nav.site-nav .links a{color:var(--fg)}nav.site-nav .links a:hover{color:var(--accent);text-decoration:none}nav.site-nav .logo{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--fg)}footer.site-footer{padding:var(--space-10) var(--gutter);font-family:var(--font-body);font-size:var(--text-xs);color:var(--muted);justify-content:space-between;align-items:center;display:flex}footer.site-footer .socials{gap:var(--space-5);display:flex}