.nav{top:var(--sp-4);z-index:var(--z-nav);width:calc(100% - clamp(1rem,5vw,2.5rem));max-width:52rem;position:fixed;left:50%;transform:translate(-50%)}.nav__animate{width:100%}.nav__inner{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));align-items:center;gap:var(--sp-4);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-pill);box-shadow:var(--shadow-md), var(--shadow-ring);display:flex}@media (width<=767px){.nav__inner{padding:var(--sp-2);justify-content:space-between}}@media (width>=768px){.nav__inner>.nav__brand,.nav__inner>.nav__actions{flex:1 0 0}.nav__inner>.nav__actions{justify-content:flex-end}}.nav__brand-mark{background:var(--text-primary);width:34px;height:34px;color:var(--bg-base);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:.02em;transition:transform var(--dur-fast) var(--ease-spring);border-radius:50%;place-items:center;display:grid}.nav__brand:hover .nav__brand-mark{transform:scale(1.06)}.nav__brand:focus{outline:none}.nav__brand:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}.nav__brand{border-radius:var(--r-pill);flex-shrink:0}.nav__list{align-items:center;gap:2px;display:none}@media (width>=768px){.nav__list{display:flex}}.nav__link:focus{outline:none}.nav__link:focus-visible{outline:2px solid var(--accent);outline-offset:0;border-radius:var(--r-xs)}.nav__link{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);transition:color var(--dur-fast) var(--ease-out);position:relative}.nav__link:hover,.nav__link.is-active{color:var(--text-primary)}.nav__link-text{z-index:1;position:relative}.nav__pill{border-radius:var(--r-pill);background:var(--bg-inset);position:absolute;inset:0}.nav__actions{align-items:center;gap:var(--sp-2);flex-shrink:0;display:flex}.nav__command:focus{outline:none}.nav__command:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}.nav__command{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-pill);border:1px solid var(--border-subtle);background:var(--bg-inset);font-size:var(--fs-xs);color:var(--text-tertiary);transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);display:none}.nav__command:hover{border-color:var(--border-default);color:var(--text-secondary)}@media (width>=640px){.nav__command{display:flex}}.nav__search-icon{flex-shrink:0;width:14px;height:14px}@media (width<=1023px){.nav__command-label{display:none}}.nav__kbd{font-family:var(--font-sans);font-size:var(--fs-2xs);border-radius:var(--r-xs);background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-tertiary);padding:1px 5px}.nav__menu-toggle:focus{outline:none}.nav__menu-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}.nav__menu-toggle{background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}@media (width>=768px){.nav__menu-toggle{display:none}}.nav__burger{width:16px;height:10px;display:block;position:relative}.nav__burger span{background:var(--text-primary);width:100%;height:1.5px;transition:transform var(--dur-normal) var(--ease-out), opacity var(--dur-fast) var(--ease-out);border-radius:2px;position:absolute;left:0}.nav__burger span:first-child{top:0}.nav__burger span:last-child{bottom:0}.nav__burger.is-open span:first-child{transform:translateY(4.25px)rotate(45deg)}.nav__burger.is-open span:last-child{transform:translateY(-4.25px)rotate(-45deg)}.nav__scrim{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;position:fixed;inset:0}@media (width>=768px){.nav__scrim{display:none}}.nav__sheet{z-index:var(--z-modal);padding:var(--sp-3) var(--sp-5) calc(var(--sp-6) + env(safe-area-inset-bottom));border-radius:var(--r-2xl) var(--r-2xl) 0 0;background:var(--bg-elevated);border-top:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);position:fixed;bottom:0;left:0;right:0}@media (width>=768px){.nav__sheet{display:none}}.nav__sheet-grip{width:36px;height:4px;margin:0 auto var(--sp-4);border-radius:var(--r-pill);background:var(--border-default)}.nav__sheet-list{gap:2px;display:grid}.nav__sheet-link:focus{outline:none}.nav__sheet-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--r-xs)}.nav__sheet-link{width:100%;padding:var(--sp-4) var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-lg);font-weight:var(--fw-medium);color:var(--text-primary);text-align:left;transition:background-color var(--dur-fast) var(--ease-out);justify-content:space-between;align-items:center;display:flex}.nav__sheet-link:hover,.nav__sheet-link.is-active{background:var(--bg-inset)}.nav__sheet-link.is-active{color:var(--accent)}.nav__sheet-arrow{width:18px;height:18px;color:var(--text-tertiary)}.nav__sheet-cta:focus{outline:none}.nav__sheet-cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}.nav__sheet-cta{margin-top:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-md);background:var(--accent);color:var(--accent-contrast);font-size:var(--fs-body);font-weight:var(--fw-semibold);place-items:center;display:grid}.spotlight{--spot-x:50%;--spot-y:40%;--spot-opacity:0;pointer-events:none;z-index:0;opacity:var(--spot-opacity);transition:opacity .5s var(--ease-out);background:radial-gradient(600px circle at var(--spot-x) var(--spot-y), color-mix(in srgb, var(--accent) 9%, transparent), transparent 65%), radial-gradient(900px circle at var(--spot-x) var(--spot-y), color-mix(in srgb, var(--c-indigo) 5%, transparent), transparent 70%);position:absolute;inset:0}.spotlight:before{content:"";opacity:1;background:radial-gradient(70rem 40rem at 15% -10%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 60%), radial-gradient(55rem 35rem at 90% 10%, color-mix(in srgb, var(--c-indigo) 6%, transparent), transparent 60%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.spotlight{transition:none}}@media (hover:none){.spotlight{background:0 0}}.hero-live{gap:var(--sp-3);width:100%;max-width:22rem;display:grid}@media (width>=1024px){.hero-live{max-width:20rem;margin-left:auto}}.hero-live__card:focus{outline:none}.hero-live__card:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}.hero-live__card{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px) saturate(var(--glass-saturate));box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);display:flex}.hero-live__card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.hero-live__card[aria-disabled=true]{cursor:default}.hero-live__card[aria-disabled=true]:hover{box-shadow:var(--shadow-sm);border-color:var(--glass-border);transform:none}.hero-live__icon{border-radius:var(--r-sm);background:var(--bg-inset);width:40px;height:40px;color:var(--text-primary);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.hero-live__icon svg{width:20px;height:20px}.hero-live__icon img{object-fit:cover;width:100%;height:100%}.hero-live__icon--spotify{color:#1db954;background:#1db95424}.hero-live__body{gap:1px;min-width:0;display:grid}.hero-live__eyebrow{align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);display:flex}.hero-live__text{font-size:var(--fs-sm);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.hero-live__text strong{font-weight:var(--fw-semibold);color:var(--text-primary)}.hero-live__meta{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero-live__live{color:color-mix(in srgb, var(--c-green) 80%, var(--text-primary));align-items:center;gap:4px;display:inline-flex}.hero-live__live-dot{background:var(--c-green);border-radius:50%;width:5px;height:5px}@media (prefers-reduced-motion:no-preference){.hero-live__live-dot{animation:hero-live-blink 2s var(--ease-in-out) infinite}}@keyframes hero-live-blink{0%,to{opacity:1}50%{opacity:.3}}.hero-live__eq{align-items:flex-end;gap:2px;height:9px;display:flex}.hero-live__eq span{background:#1db954;border-radius:1px;width:2px;height:40%}@media (prefers-reduced-motion:no-preference){.hero-live__eq span{animation:hero-live-eq .9s var(--ease-in-out) infinite}}.hero-live__eq span:nth-child(2){animation-delay:.2s}.hero-live__eq span:nth-child(3){animation-delay:.4s}@keyframes hero-live-eq{0%,to{height:30%}50%{height:100%}}.company-mark{border-radius:var(--r-sm);object-fit:contain;background:var(--bg-inset);border:1px solid var(--border-subtle);place-items:center;width:44px;height:44px;padding:6px;display:grid}.company-mark--fallback{font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:.02em;color:var(--mark-color,var(--accent));background:color-mix(in srgb, var(--mark-color,var(--accent)) 12%, transparent);border-color:color-mix(in srgb, var(--mark-color,var(--accent)) 24%, transparent);padding:0}.worked-with{align-items:center;gap:var(--sp-3);margin-top:var(--sp-1);flex-wrap:wrap;display:flex}.worked-with__label{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-tertiary);white-space:nowrap}.worked-with__logos:focus{outline:none}.worked-with__logos:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}.worked-with__logos{align-items:center;gap:var(--sp-3);border-radius:var(--r-pill);padding:2px;display:flex}.worked-with__logo{line-height:0;display:block}.worked-with__logo .company-mark{filter:grayscale()opacity(.55);width:22px;height:22px;transition:filter var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:0;padding:0}.worked-with__logo .company-mark--fallback{width:22px;height:22px;font-size:var(--fs-2xs);border-radius:var(--r-xs);background:var(--bg-inset);filter:none;opacity:.75}.worked-with__logos:hover .company-mark,.worked-with__logos:focus-visible .company-mark{filter:grayscale(0)opacity()}.worked-with__logos:hover .company-mark--fallback,.worked-with__logos:focus-visible .company-mark--fallback{opacity:1}.hero{background:0 0;align-items:center;min-height:100svh;padding-block:clamp(7rem,16vh,11rem) clamp(4rem,10vh,7rem);display:grid;position:relative;overflow:hidden}.hero__inner{z-index:1;align-items:center;gap:clamp(2.5rem,6vw,5rem);display:grid;position:relative}@media (width>=1024px){.hero__inner{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}.hero__text{justify-items:start;gap:var(--sp-6);order:2;max-width:40rem;display:grid}@media (width>=1024px){.hero__text{order:1}}.hero__aside{gap:var(--sp-5);order:1;justify-items:center;width:100%;display:grid}@media (width>=1024px){.hero__aside{order:2;justify-items:stretch}}.hero__portrait{aspect-ratio:1;justify-self:center;width:clamp(9rem,34vw,15rem);position:relative}@media (width>=1024px){.hero__portrait{justify-self:stretch;width:100%;max-width:20rem;margin-left:auto}}.hero__portrait-frame{z-index:1;border-radius:var(--r-2xl);width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:relative}.hero__avatar{border-radius:var(--r-2xl);object-fit:cover;border:1px solid var(--border-subtle);width:100%;height:100%;box-shadow:var(--shadow-lg);background:var(--bg-elevated);display:block}.hero__portrait-glare{z-index:2;border-radius:var(--r-2xl);mix-blend-mode:overlay;opacity:.6;pointer-events:none;position:absolute;inset:0}.hero__portrait-badge{bottom:var(--sp-3);left:var(--sp-3);z-index:3;border-radius:var(--r-pill);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:var(--fw-medium);color:var(--text-primary);box-shadow:var(--shadow-sm);align-items:center;gap:6px;padding:5px 10px;display:inline-flex;position:absolute;transform:translateZ(40px)}.hero__portrait-badge-dot{background:var(--c-green);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--c-green) 22%, transparent);border-radius:50%}@media (prefers-reduced-motion:no-preference){.hero__portrait-badge-dot{animation:hero-pulse 2.4s var(--ease-in-out) infinite}}.hero__portrait-glow{z-index:0;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--accent) 34%, transparent), color-mix(in srgb, var(--c-indigo) 20%, transparent) 45%, transparent 70%);filter:blur(28px);opacity:.9;border-radius:50%;position:absolute;inset:-12%}@media (prefers-reduced-motion:no-preference){.hero__portrait-glow{animation:hero-glow 7s var(--ease-in-out) infinite}}@keyframes hero-glow{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.hero__portrait-ring{z-index:0;border-radius:calc(var(--r-2xl) + 7px);background:linear-gradient(140deg, color-mix(in srgb, var(--accent) 60%, transparent), transparent 40%, color-mix(in srgb, var(--c-teal) 45%, transparent));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:-7px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero__status:focus{outline:none}.hero__status:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}.hero__status{align-items:center;gap:var(--sp-2);border-radius:var(--r-pill);border:1px solid var(--border-subtle);background:var(--bg-inset);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);padding:6px 6px 6px 12px;display:inline-flex}.hero__status:hover{border-color:var(--border-default);color:var(--text-primary)}.hero__status svg{width:14px;height:14px;color:var(--text-secondary);transition:transform var(--dur-fast) var(--ease-out)}.hero__status:hover svg{transform:translate(2px)}.hero__status-dot{background:var(--c-green);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--c-green) 20%, transparent);border-radius:50%;flex-shrink:0}@media (prefers-reduced-motion:no-preference){.hero__status-dot{animation:hero-pulse 2.4s var(--ease-in-out) infinite}}@keyframes hero-pulse{0%,to{opacity:1}50%{opacity:.4}}.hero__title{font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:var(--tracking-display);font-weight:var(--fw-semibold);color:var(--text-primary);max-width:22ch}.hero__title em{background:linear-gradient(100deg, var(--accent), var(--c-indigo) 50%, var(--gradient-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero__lede{font-size:var(--fs-h4);line-height:var(--lh-normal);letter-spacing:var(--tracking-normal);font-weight:var(--fw-normal);color:var(--text-secondary);text-wrap:pretty;max-width:42ch}.hero__actions{gap:var(--sp-3);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.hero__cta:focus{outline:none}.hero__cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}.hero__cta{align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-6);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:var(--fw-semibold);transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);display:inline-flex}.hero__cta:active{transform:scale(.98)}.hero__cta svg{width:16px;height:16px;transition:transform var(--dur-fast) var(--ease-out)}.hero__cta:hover svg{transform:translate(3px)}.hero__cta--primary{background:var(--text-primary);color:var(--bg-base);box-shadow:var(--shadow-sm)}.hero__cta--primary:hover{box-shadow:var(--shadow-md)}.hero__cta--ghost{border:1px solid var(--border-default);color:var(--text-primary)}.hero__cta--ghost:hover{background:var(--bg-inset);border-color:var(--border-strong)}.hero__socials{gap:var(--sp-5);margin-top:var(--sp-4);flex-wrap:wrap;display:flex}.hero__social:focus{outline:none}.hero__social:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}.hero__social{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-secondary);transition:color var(--dur-fast) var(--ease-out);position:relative}.hero__social:after{content:"";transform-origin:0;width:100%;height:1px;transition:transform var(--dur-normal) var(--ease-out);background:currentColor;position:absolute;bottom:-3px;left:0;transform:scaleX(0)}.hero__social:hover{color:var(--text-primary)}.hero__social:hover:after{transform:scaleX(1)}.hero__pulse:focus{outline:none}.hero__pulse:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}.hero__pulse{align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);border-radius:var(--r-pill);border:1px solid var(--border-subtle);background:var(--bg-inset);max-width:100%;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);padding:6px 12px 6px 6px;display:inline-flex}.hero__pulse:hover{border-color:var(--border-default);background:var(--accent-wash)}.hero__pulse-icon{background:var(--bg-elevated);width:22px;height:22px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.hero__pulse-icon svg{width:12px;height:12px}.hero__pulse-icon--spotify{background:#1db95429}.hero__pulse-eq{align-items:flex-end;gap:2px;height:10px;display:flex}.hero__pulse-eq span{background:#1db954;border-radius:1px;width:2px;height:35%}@media (prefers-reduced-motion:no-preference){.hero__pulse-eq span{animation:hero-pulse-eq .9s var(--ease-in-out) infinite}}.hero__pulse-eq span:nth-child(2){animation-delay:.2s}.hero__pulse-eq span:nth-child(3){animation-delay:.4s}@keyframes hero-pulse-eq{0%,to{height:30%}50%{height:100%}}.hero__pulse-text{font-size:var(--fs-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero__pulse-text strong{font-weight:var(--fw-semibold);color:var(--text-primary)}.hero__pulse-time{color:var(--text-tertiary)}.hero__scroll{bottom:var(--sp-8);justify-items:center;gap:var(--sp-2);display:grid;position:absolute;left:50%;transform:translate(-50%)}@media (width<=767px){.hero__scroll{display:none}}.hero__scroll-line{background:linear-gradient(to bottom, transparent, var(--border-strong));width:1px;height:2.5rem}@media (prefers-reduced-motion:no-preference){.hero__scroll-line{animation:hero-scroll 2.2s var(--ease-in-out) infinite}}@keyframes hero-scroll{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.hero__scroll-label{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:var(--fs-2xs)}.section-header{gap:var(--sp-4);max-width:46rem;display:grid}.section-header--center{text-align:center;justify-items:center;margin-inline:auto}.section-header__eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:var(--sp-2);display:inline-flex}.section-header__eyebrow:before{content:"";background:var(--border-strong);width:1.75rem;height:1px}.section-header--center .section-header__eyebrow:before{display:none}.section-header__title{font-size:var(--fs-h2);line-height:var(--lh-snug);letter-spacing:var(--tracking-tight);font-weight:var(--fw-semibold);color:var(--text-primary)}.section-header__description{font-size:var(--fs-body);line-height:var(--lh-relaxed);letter-spacing:var(--tracking-normal);color:var(--text-secondary);font-size:var(--fs-lg);max-width:40rem}.about{width:100%;padding-block:var(--section-pad-y);background:var(--bg-base);position:relative}.about__stats{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(2.5rem,5vw,4rem);display:grid}@media (width>=768px){.about__stats{gap:var(--sp-4);grid-template-columns:repeat(4,minmax(0,1fr))}}.about__stat{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);gap:var(--sp-1);transition:transform var(--dur-normal) var(--ease-out), box-shadow var(--dur-normal) var(--ease-out);padding:clamp(1.25rem,3vw,1.75rem);display:grid;position:relative;overflow:hidden}.about__stat:before{content:"";background:var(--stat-color);opacity:.8;height:2px;position:absolute;inset:0 0 auto}.about__stat:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.about__stat--green{--stat-color:var(--c-green)}.about__stat--blue{--stat-color:var(--c-blue)}.about__stat--purple{--stat-color:var(--c-purple)}.about__stat--orange{--stat-color:var(--c-orange)}.about__stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:var(--fs-h3);font-weight:var(--fw-bold);color:var(--stat-color)}.about__stat-label{font-size:var(--fs-xs);color:var(--text-tertiary)}.about__grid{gap:var(--sp-4);margin-top:var(--sp-4);display:grid}@media (width>=768px){.about__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.about__panel{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:clamp(1.5rem,3vw,2rem)}.about__panel-title{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--sp-5)}.about__list{gap:var(--sp-5);display:grid}.about__entry+.about__entry{padding-top:var(--sp-5);border-top:1px solid var(--border-subtle)}.about__entry-head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.about__entry-title{font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--text-primary)}.about__entry-score{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.about__entry-detail{margin-top:var(--sp-1);font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--text-secondary)}.about__entry-meta{margin-top:var(--sp-2);font-size:var(--fs-2xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.experience{width:100%;padding-block:var(--section-pad-y);background:var(--bg-subtle);position:relative}.section-anchor{visibility:hidden;display:block;position:relative;top:-6rem}.experience__track{margin-top:clamp(2.5rem,5vw,4rem);padding-left:0;position:relative}@media (width>=768px){.experience__track{padding-left:3.25rem}}.experience__rail{background:var(--border-subtle);border-radius:var(--r-pill);width:2px;position:absolute;top:.75rem;bottom:.75rem;left:7px;overflow:hidden}@media (width>=768px){.experience__rail{left:15px}}.experience__rail-fill{transform-origin:top;background:linear-gradient(to bottom, var(--accent), color-mix(in srgb, var(--accent) 45%, transparent));position:absolute;inset:0}.experience__item{padding-bottom:clamp(2rem,4vw,3.25rem);padding-left:2rem;position:relative}@media (width>=768px){.experience__item{padding-left:2.75rem}}.experience__item:last-child{padding-bottom:0}.experience__node{background:var(--bg-elevated);border:2px solid var(--border-default);width:16px;height:16px;transition:border-color var(--dur-normal) var(--ease-out), background-color var(--dur-normal) var(--ease-out);border-radius:50%;position:absolute;top:1.6rem;left:0}@media (width>=768px){.experience__node{left:8px}}.experience__item--current .experience__node{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 4px var(--accent-wash)}.experience__node--pulse:after{content:"";border:2px solid var(--accent);border-radius:50%;position:absolute;inset:-2px}@media (prefers-reduced-motion:no-preference){.experience__node--pulse:after{animation:experience-pulse 2.4s var(--ease-out) infinite}}@keyframes experience-pulse{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(2.1)}}.experience__card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-normal) var(--ease-out), border-color var(--dur-normal) var(--ease-out), transform var(--dur-normal) var(--ease-out);padding:clamp(1.25rem,3vw,2rem)}.experience__card:hover{box-shadow:var(--shadow-md);border-color:var(--border-default)}.experience__item--current .experience__card{border-color:color-mix(in srgb, var(--accent) 30%, var(--border-subtle))}.experience__head{gap:var(--sp-4);grid-template-columns:auto 1fr;align-items:start;display:grid}@media (width>=640px){.experience__head{grid-template-columns:auto 1fr auto}}.experience__logo{border-radius:var(--r-sm);flex-shrink:0;width:44px;height:44px}.experience__titles{min-width:0}.experience__role{font-size:var(--fs-h3);line-height:var(--lh-snug);letter-spacing:var(--tracking-tight);font-weight:var(--fw-semibold);font-size:var(--fs-h4);color:var(--text-primary)}.experience__at{color:var(--text-tertiary);font-weight:var(--fw-normal)}.experience__company{color:var(--accent)}a.experience__company:focus{outline:none}a.experience__company:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}a.experience__company:hover{text-underline-offset:3px;text-decoration:underline}.experience__team{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:2px}.experience__meta{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin-top:var(--sp-2);align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-secondary);flex-wrap:wrap;display:flex}.experience__dot{background:var(--border-strong);border-radius:50%;width:3px;height:3px}.experience__badges{gap:var(--sp-2);flex-wrap:wrap;grid-column:1/-1;display:flex}@media (width>=640px){.experience__badges{grid-column:auto;justify-content:flex-end}}.experience__badge{align-items:center;gap:var(--sp-2);border-radius:var(--r-pill);background:var(--bg-inset);border:1px solid var(--border-subtle);font-size:var(--fs-2xs);font-weight:var(--fw-medium);color:var(--text-secondary);white-space:nowrap;padding:4px 10px;display:inline-flex}.experience__badge--live{background:color-mix(in srgb, var(--c-green) 12%, transparent);border-color:color-mix(in srgb, var(--c-green) 30%, transparent);color:color-mix(in srgb, var(--c-green) 75%, var(--text-primary))}.experience__live-dot{background:var(--c-green);border-radius:50%;width:6px;height:6px}@media (prefers-reduced-motion:no-preference){.experience__live-dot{animation:experience-blink 2s var(--ease-in-out) infinite}}@keyframes experience-blink{0%,to{opacity:1}50%{opacity:.35}}.experience__summary{margin-top:var(--sp-5);font-size:var(--fs-lg);line-height:var(--lh-relaxed);color:var(--text-primary);font-weight:var(--fw-medium);letter-spacing:var(--tracking-tight)}.experience__metrics{gap:var(--sp-3);margin-top:var(--sp-5);flex-wrap:wrap;display:flex}.experience__metric{min-width:8.5rem;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--bg-inset);border:1px solid var(--border-subtle);flex:auto}.experience__metric-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:var(--fs-h4);font-weight:var(--fw-bold);color:var(--accent);display:block}.experience__metric-label{font-size:var(--fs-2xs);color:var(--text-tertiary);margin-top:2px;display:block}.experience__highlights{margin-top:var(--sp-5);gap:var(--sp-3);display:grid}.experience__highlight{padding-left:var(--sp-5);font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--text-secondary);position:relative}.experience__highlight:before{content:"";background:var(--border-strong);border-radius:50%;width:5px;height:5px;position:absolute;top:.6em;left:0}.experience__stack{gap:var(--sp-2);margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.experience__chip{border-radius:var(--r-pill);background:var(--bg-inset);font-size:var(--fs-2xs);font-weight:var(--fw-medium);color:var(--text-secondary);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);padding:5px 11px}.experience__chip:hover{background:var(--accent-wash);color:var(--accent)}.work{width:100%;padding-block:var(--section-pad-y);background:var(--bg-subtle);position:relative}.work__grid{gap:var(--sp-4);margin-top:clamp(2.5rem,5vw,4rem);display:grid}@media (width>=768px){.work__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.work__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work__item--featured:first-child{grid-column:span 2}}.work__card:focus{outline:none}.work__card:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--r-xs)}.work__card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);text-align:left;width:100%;height:100%;transition:transform var(--dur-normal) var(--ease-out), box-shadow var(--dur-normal) var(--ease-out), border-color var(--dur-normal) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.work__card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-default);transform:translateY(-4px)}.work__card:active{transform:translateY(-1px)}.work__cover{aspect-ratio:16/9;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, var(--bg-inset)), color-mix(in srgb, var(--c-indigo) 12%, var(--bg-inset)));border-bottom:1px solid var(--border-subtle);place-items:center;display:grid;position:relative;overflow:hidden}.work__cover:after{content:"";background-image:radial-gradient(circle at 1px 1px, var(--border-default) 1px, transparent 0);opacity:.5;background-size:18px 18px;position:absolute;inset:0}@media (width>=1024px){.work__item--featured:first-child .work__cover{aspect-ratio:21/9}}.work__cover-index{z-index:1;font-size:clamp(2.5rem,6vw,4rem);font-weight:var(--fw-heavy);letter-spacing:var(--tracking-display);color:color-mix(in srgb, var(--accent) 45%, transparent);font-variant-numeric:tabular-nums;transition:transform var(--dur-slow) var(--ease-out);position:relative}.work__card:hover .work__cover-index{transform:scale(1.08)}.work__body{gap:var(--sp-3);flex-direction:column;flex:1;padding:clamp(1.25rem,3vw,1.75rem);display:flex}.work__head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.work__title{font-size:var(--fs-h3);line-height:var(--lh-snug);letter-spacing:var(--tracking-tight);font-weight:var(--fw-semibold);font-size:var(--fs-h4);color:var(--text-primary)}.work__year{font-size:var(--fs-2xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.work__award{border-radius:var(--r-pill);background:color-mix(in srgb, var(--c-orange) 14%, transparent);color:color-mix(in srgb, var(--c-orange) 80%, var(--text-primary));font-size:var(--fs-2xs);font-weight:var(--fw-semibold);align-self:flex-start;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.work__award svg{width:11px;height:11px}.work__blurb{font-size:var(--fs-body);line-height:var(--lh-relaxed);letter-spacing:var(--tracking-normal);color:var(--text-secondary);font-size:var(--fs-sm);flex:1}.work__stack{flex-wrap:wrap;gap:6px;display:flex}.work__chip{border-radius:var(--r-pill);background:var(--bg-inset);font-size:var(--fs-2xs);font-weight:var(--fw-medium);color:var(--text-secondary);white-space:nowrap;padding:4px 9px}.work__chip--more{color:var(--text-tertiary)}.work__more{margin-top:var(--sp-1);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--accent);align-items:center;gap:6px;display:inline-flex}.work__more svg{width:14px;height:14px;transition:transform var(--dur-fast) var(--ease-out)}.work__card:hover .work__more svg{transform:translate(3px)}.work__all:focus{outline:none}.work__all:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}.work__all{margin-top:var(--sp-8);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary);align-items:center;gap:6px;display:inline-flex}.work__all svg{width:15px;height:15px;transition:transform var(--dur-fast) var(--ease-out)}.work__all:hover svg{transform:translate(2px,-2px)}.case{z-index:var(--z-modal);padding:var(--sp-4);place-items:center;display:grid;position:fixed;inset:0}.case__scrim{-webkit-backdrop-filter:blur(4px);background:#00000080;position:fixed;inset:0}.case__panel{border-radius:var(--r-lg);background:var(--bg-elevated);border:1px solid var(--border-subtle);width:100%;max-width:40rem;max-height:min(85vh,44rem);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:relative;overflow:hidden}.case__head{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0;padding:clamp(1.25rem,3vw,1.75rem);display:flex}.case__year{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:var(--fs-2xs);margin-bottom:4px}.case__title{font-size:var(--fs-h3);line-height:var(--lh-snug);letter-spacing:var(--tracking-tight);font-weight:var(--fw-semibold);color:var(--text-primary)}.case__close:focus{outline:none}.case__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}.case__close{background:var(--bg-inset);width:32px;height:32px;color:var(--text-secondary);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.case__close:hover{background:var(--border-subtle);color:var(--text-primary)}.case__close svg{width:16px;height:16px}.case__body{overscroll-behavior:contain;gap:var(--sp-6);padding:clamp(1.25rem,3vw,1.75rem);display:grid;overflow-y:auto}.case__label{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:var(--fs-2xs);margin-bottom:var(--sp-2)}.case__text{font-size:var(--fs-body);line-height:var(--lh-relaxed);letter-spacing:var(--tracking-normal);color:var(--text-secondary);font-size:var(--fs-sm)}.case__stack{flex-wrap:wrap;gap:6px;display:flex}.case__chip{border-radius:var(--r-pill);background:var(--bg-inset);font-size:var(--fs-2xs);font-weight:var(--fw-medium);color:var(--text-secondary);padding:4px 10px}.case__links{gap:var(--sp-3);padding-top:var(--sp-5);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.case__link:focus{outline:none}.case__link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}.case__link{padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);background:var(--text-primary);color:var(--bg-base);font-size:var(--fs-xs);font-weight:var(--fw-semibold);align-items:center;gap:6px;display:inline-flex}.case__link svg{width:14px;height:14px}.tech-icon{filter:brightness(0)saturate();opacity:.75;width:18px;height:18px;transition:opacity var(--dur-fast) var(--ease-out);flex-shrink:0}[data-theme=dark] .tech-icon{filter:brightness(0)invert();opacity:.7}.tech-icon--fallback{font-size:9px;font-weight:var(--fw-bold);letter-spacing:0;color:var(--text-tertiary);background:var(--bg-inset);filter:none;opacity:1;border-radius:4px;place-items:center;display:grid}.skills{width:100%;padding-block:var(--section-pad-y);background:var(--bg-base);position:relative}.skills__grid{gap:var(--sp-4);margin-top:clamp(2.5rem,5vw,4rem);display:grid}@media (width>=640px){.skills__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.skills__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.skills__group{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:border-color var(--dur-normal) var(--ease-out), box-shadow var(--dur-normal) var(--ease-out);padding:clamp(1.25rem,3vw,1.75rem)}.skills__group:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.skills__group-head{margin-bottom:var(--sp-5)}.skills__group-title{font-size:var(--fs-h4);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.skills__group-caption{font-size:var(--fs-2xs);color:var(--text-tertiary);margin-top:2px}.skills__list{gap:var(--sp-2);flex-wrap:wrap;display:flex}.skills__skill{border-radius:var(--r-pill);border:1px solid var(--border-subtle);background:var(--bg-inset);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-secondary);transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);align-items:center;gap:7px;padding:7px 12px;display:inline-flex}.skills__skill:hover{border-color:var(--border-strong);color:var(--text-primary);transform:translateY(-2px)}.skills__skill:hover .tech-icon{opacity:1}.skills__skill--core{border-color:color-mix(in srgb, var(--accent) 35%, var(--border-subtle));background:var(--accent-wash);color:var(--text-primary);font-weight:var(--fw-semibold)}.skills__skill--strong{border-color:var(--border-default)}.skills__skill--working{opacity:.85;border-style:dashed}.skills__name{white-space:nowrap}.skills__legend{gap:var(--sp-4);margin-top:var(--sp-6);font-size:var(--fs-2xs);color:var(--text-tertiary);flex-wrap:wrap;display:flex}.skills__legend-item{align-items:center;gap:6px;display:inline-flex}.skills__legend-item:before{content:"";border-top:1px solid var(--border-strong);width:22px;height:0}.skills__legend-item--core:before{border-top-width:3px;border-top-color:var(--accent)}.skills__legend-item--strong:before{border-top-width:2px}.skills__legend-item--working:before{border-top-style:dashed}.contact{width:100%;padding-block:var(--section-pad-y);background:var(--bg-subtle);position:relative}.contact__grid{gap:var(--sp-4);align-items:start;margin-top:clamp(2.5rem,5vw,4rem);display:grid}@media (width>=1024px){.contact__grid{grid-template-columns:1.35fr 1fr}}.contact__form{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);gap:var(--sp-5);padding:clamp(1.5rem,3vw,2rem);display:grid}.contact__field{gap:var(--sp-2);display:grid}.contact__label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-secondary)}.contact__input{width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);border:1px solid var(--border-default);background:var(--bg-base);color:var(--text-primary);font-size:var(--fs-sm);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.contact__input::placeholder{color:var(--text-tertiary)}.contact__input:hover{border-color:var(--border-strong)}.contact__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash);outline:none}.contact__input.has-error{border-color:var(--c-red)}.contact__input.has-error:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--c-red) 18%, transparent)}.contact__textarea{resize:vertical;min-height:7rem;line-height:var(--lh-relaxed)}.contact__error{font-size:var(--fs-2xs);color:var(--c-red)}.contact__submit:focus{outline:none}.contact__submit:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}.contact__submit{padding:var(--sp-4) var(--sp-8);border-radius:var(--r-pill);background:var(--text-primary);color:var(--bg-base);font-size:var(--fs-sm);font-weight:var(--fw-semibold);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), opacity var(--dur-fast) linear;justify-self:start}.contact__submit:hover:not(:disabled){box-shadow:var(--shadow-md)}.contact__submit:active:not(:disabled){transform:scale(.98)}.contact__submit:disabled{opacity:.55;cursor:progress}.contact__status{font-size:var(--fs-xs);color:var(--c-green);min-height:1em}.contact__side{gap:var(--sp-4);display:grid}.contact__card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:clamp(1.25rem,3vw,1.75rem)}.contact__card-title{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--sp-4)}.contact__email:focus{outline:none}.contact__email:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--r-xs)}.contact__email{justify-content:space-between;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);background:var(--bg-inset);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-primary);text-align:left;transition:background-color var(--dur-fast) var(--ease-out);display:flex}.contact__email:hover{background:var(--accent-wash);color:var(--accent)}.contact__email span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact__email svg{width:15px;height:15px;color:var(--text-tertiary);flex-shrink:0}.contact__email:hover svg{color:var(--accent)}.contact__resume:focus{outline:none}.contact__resume:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}.contact__resume{align-items:center;gap:var(--sp-2);width:100%;margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);border:1px solid var(--border-default);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);justify-content:center;display:inline-flex}.contact__resume:hover{background:var(--bg-inset);border-color:var(--border-strong)}.contact__resume svg{width:15px;height:15px}.contact__socials{gap:2px;display:grid}.contact__social:focus{outline:none}.contact__social:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--r-xs)}.contact__social{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-sm);transition:background-color var(--dur-fast) var(--ease-out);grid-template-columns:1fr auto auto;display:grid}.contact__social:hover{background:var(--bg-inset)}.contact__social svg{width:14px;height:14px;color:var(--text-tertiary);transition:transform var(--dur-fast) var(--ease-out)}.contact__social:hover svg{color:var(--accent);transform:translate(2px,-2px)}.contact__social-label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-primary)}.contact__social-handle{font-size:var(--fs-2xs);color:var(--text-tertiary)}.footer{padding-block:var(--sp-16) var(--sp-8);background:var(--bg-base);border-top:1px solid var(--border-subtle)}.footer__inner{gap:var(--sp-8);display:grid}@media (width>=768px){.footer__inner{gap:var(--sp-6);grid-template-columns:1.5fr 1fr 1fr}}.footer__name{font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--text-primary)}.footer__role{font-size:var(--fs-xs);color:var(--text-tertiary);margin-top:2px}.footer__nav ul,.footer__socials{gap:var(--sp-3);display:grid}.footer__link:focus{outline:none}.footer__link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}.footer__link{font-size:var(--fs-sm);color:var(--text-secondary);text-align:left;transition:color var(--dur-fast) var(--ease-out)}.footer__link:hover{color:var(--text-primary)}.footer__base{justify-content:space-between;align-items:center;gap:var(--sp-4);margin-top:var(--sp-12);padding-top:var(--sp-6);border-top:1px solid var(--border-subtle);font-size:var(--fs-2xs);color:var(--text-tertiary);flex-wrap:wrap;display:flex}.footer__hint{align-items:center;gap:4px;display:inline-flex}.footer__hint kbd{font-family:var(--font-sans);text-align:center;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:4px;min-width:17px;padding:1px 4px}@media (width<=639px){.footer__hint{display:none}}.palette{z-index:var(--z-modal);padding:clamp(1rem, 10vh, 8rem) var(--sp-4) var(--sp-4);place-items:start center;display:grid;position:fixed;inset:0}.palette__scrim{-webkit-backdrop-filter:blur(4px);background:#00000073;position:fixed;inset:0}.palette__panel{border-radius:var(--r-lg);background:var(--bg-elevated);border:1px solid var(--border-subtle);width:100%;max-width:34rem;max-height:min(28rem,70vh);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:relative;overflow:hidden}.palette__search{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex}.palette__search-icon{width:17px;height:17px;color:var(--text-tertiary);flex-shrink:0}.palette__input{min-width:0;font-size:var(--fs-lg);color:var(--text-primary);letter-spacing:var(--tracking-normal);background:0 0;border:none;flex:1}.palette__input::placeholder{color:var(--text-tertiary)}.palette__input:focus{outline:none}.palette__esc{font-family:var(--font-sans);font-size:var(--fs-2xs);border-radius:var(--r-xs);background:var(--bg-inset);border:1px solid var(--border-subtle);color:var(--text-tertiary);flex-shrink:0;padding:2px 7px}.palette__results{overscroll-behavior:contain;padding:var(--sp-2);flex:1;overflow-y:auto}.palette__group+.palette__group{margin-top:var(--sp-2)}.palette__group-label{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:var(--fs-2xs);padding:var(--sp-2) var(--sp-3)}.palette__option{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3);border-radius:var(--r-sm);text-align:left;color:var(--text-secondary);transition:background-color var(--dur-instant) linear, color var(--dur-instant) linear;display:flex}.palette__option.is-selected{background:var(--accent-wash);color:var(--text-primary)}.palette__option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--r-xs)}.palette__option-icon{border-radius:var(--r-xs);background:var(--bg-inset);flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.palette__option-icon svg{width:15px;height:15px}.palette__option.is-selected .palette__option-icon{background:var(--accent);color:var(--accent-contrast)}.palette__option-label{font-size:var(--fs-sm);font-weight:var(--fw-medium);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.palette__option-hint{font-size:var(--fs-2xs);color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:45%;overflow:hidden}.palette__empty{padding:var(--sp-8) var(--sp-4);text-align:center;font-size:var(--fs-sm);color:var(--text-tertiary)}.palette__footer{gap:var(--sp-5);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border-subtle);background:var(--bg-subtle);font-size:var(--fs-2xs);color:var(--text-tertiary);flex-shrink:0;display:flex}.palette__footer span{align-items:center;gap:4px;display:inline-flex}.palette__footer kbd{font-family:var(--font-sans);text-align:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:4px;min-width:17px;padding:1px 4px}@media (width<=639px){.palette__footer span:last-child{display:none}}.context-menu__catch{z-index:var(--z-overlay);position:fixed;inset:0}.context-menu{z-index:var(--z-modal);width:220px;padding:var(--sp-2);border-radius:var(--r-md);background:var(--glass-bg);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--shadow-xl), var(--shadow-ring);transform-origin:0 0;position:fixed}.context-menu__label{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:var(--fs-2xs);padding:var(--sp-2) var(--sp-3) var(--sp-1)}.context-menu__item:focus{outline:none}.context-menu__item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--r-xs)}.context-menu__item{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);text-align:left;transition:background-color var(--dur-instant) linear, color var(--dur-instant) linear;display:flex}.context-menu__item:hover,.context-menu__item:focus-visible{background:var(--accent-wash);color:var(--text-primary)}.context-menu__item:hover .context-menu__icon,.context-menu__item:focus-visible .context-menu__icon{color:var(--accent)}.context-menu__icon{width:18px;height:18px;color:var(--text-tertiary);transition:color var(--dur-instant) linear;flex-shrink:0;place-items:center;display:grid}.context-menu__icon svg{width:16px;height:16px}.context-menu__divider{height:1px;margin:var(--sp-2) var(--sp-2);background:var(--border-subtle)}.theme-toggle:focus{outline:none}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}.theme-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));right:var(--sp-4);bottom:var(--sp-4);z-index:var(--z-sticky);width:44px;height:44px;color:var(--text-primary);box-shadow:var(--shadow-md), var(--shadow-ring);transition:transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:fixed}.theme-toggle:hover{box-shadow:var(--shadow-lg), var(--shadow-ring);transform:scale(1.06)}.theme-toggle:active{transform:scale(.96)}@media (width>=768px){.theme-toggle{right:var(--sp-6);bottom:var(--sp-6)}}.theme-toggle:after{content:attr(data-tooltip);right:calc(100% + var(--sp-3));border-radius:var(--r-sm);background:var(--text-primary);color:var(--bg-base);font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:var(--fw-medium);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);padding:6px 10px;position:absolute;top:50%;transform:translateY(-50%)translate(4px)}.theme-toggle:hover:after,.theme-toggle:focus-visible:after{opacity:1;transform:translateY(-50%)translate(0)}@media (width<=420px){.theme-toggle:after{display:none}}@media (prefers-reduced-motion:reduce){.theme-toggle:after{transition:opacity var(--dur-fast) linear;transform:translateY(-50%)}}.theme-toggle__icon{width:19px;height:19px;display:block;position:relative}.theme-toggle__icon svg{width:100%;height:100%;transition:opacity var(--dur-normal) var(--ease-out), transform var(--dur-normal) var(--ease-out);position:absolute;inset:0}.theme-toggle__sun{opacity:1;transform:rotate(0)scale(1)}[data-theme=dark] .theme-toggle__sun{opacity:0;transform:rotate(-90deg)scale(.5)}.theme-toggle__moon{opacity:0;transform:rotate(90deg)scale(.5)}[data-theme=dark] .theme-toggle__moon{opacity:1;transform:rotate(0)scale(1)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}}@media (hover:hover) and (pointer:fine){body.has-custom-cursor,body.has-custom-cursor a,body.has-custom-cursor button,body.has-custom-cursor [role=button],body.has-custom-cursor input,body.has-custom-cursor textarea,body.has-custom-cursor select{cursor:none}}.cursor-root{z-index:var(--z-cursor);pointer-events:none;position:fixed;inset:0}body.cursor-hidden .cursor-root{opacity:0}.cursor-dot,.cursor-ring{pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.cursor-dot{background:var(--text-primary);border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px}.cursor-ring{border:1px solid var(--border-strong);width:34px;height:34px;transition:width var(--dur-normal) var(--ease-out), height var(--dur-normal) var(--ease-out), margin var(--dur-normal) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;margin:-17px 0 0 -17px;display:grid}.cursor-ring--hover{background:var(--accent-wash);border-color:var(--accent);width:46px;height:46px;margin:-23px 0 0 -23px}.cursor-ring--down{background:var(--accent-wash);border-color:var(--accent);width:26px;height:26px;margin:-13px 0 0 -13px}.cursor-ring--labelled{border-radius:var(--r-pill);background:var(--text-primary);border-color:var(--text-primary);width:auto;min-width:56px;height:auto;margin:-16px 0 0 -28px;padding:6px 12px}.cursor-ring__label{font-size:11px;font-weight:var(--fw-semibold);letter-spacing:.01em;color:var(--bg-base);white-space:nowrap}@media (prefers-reduced-motion:reduce){.cursor-ring{transition:none}}.scroll-progress{height:2px;z-index:var(--z-toast);transform-origin:0;background:linear-gradient(90deg, var(--accent), var(--c-indigo) 55%, var(--c-teal));position:fixed;top:0;left:0;right:0}.ambient{z-index:-1;pointer-events:none;background:var(--bg-base);position:fixed;inset:0;overflow:hidden}.ambient__grid{background-image:linear-gradient(to right, var(--border-subtle) 1px, transparent 1px), linear-gradient(to bottom, var(--border-subtle) 1px, transparent 1px);opacity:.4;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(80% 60% at 50% 40%,#000 30%,#0000 75%)}[data-theme=dark] .ambient__grid{opacity:.5}.ambient__blob{filter:blur(90px);opacity:.5;will-change:transform;border-radius:50%;position:absolute}[data-theme=dark] .ambient__blob{opacity:.32;filter:blur(110px)}.ambient__blob--1{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 55%, transparent), transparent 70%);width:42vw;max-width:640px;height:42vw;max-height:640px;top:-12%;left:-8%}@media (prefers-reduced-motion:no-preference){.ambient__blob--1{animation:ambient-drift-1 26s var(--ease-in-out) infinite}}.ambient__blob--2{background:radial-gradient(circle, color-mix(in srgb, var(--c-violet) 45%, transparent), transparent 70%);width:38vw;max-width:560px;height:38vw;max-height:560px;top:-5%;right:-10%}@media (prefers-reduced-motion:no-preference){.ambient__blob--2{animation:ambient-drift-2 32s var(--ease-in-out) infinite}}.ambient__blob--3{background:radial-gradient(circle, color-mix(in srgb, var(--c-teal) 38%, transparent), transparent 70%);width:46vw;max-width:680px;height:46vw;max-height:680px;bottom:-18%;left:30%}@media (prefers-reduced-motion:no-preference){.ambient__blob--3{animation:ambient-drift-3 38s var(--ease-in-out) infinite}}@keyframes ambient-drift-1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(8vw,6vh)scale(1.12)}66%{transform:translate(-4vw,10vh)scale(.94)}}@keyframes ambient-drift-2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-9vw,8vh)scale(1.15)}}@keyframes ambient-drift-3{0%,to{transform:translate(0)scale(1)}40%{transform:translate(6vw,-6vh)scale(1.08)}75%{transform:translate(-7vw,-3vh)scale(.96)}}@media (prefers-reduced-motion:reduce){.ambient__blob{animation:none}}:root{--c-white:#fff;--c-black:#000;--c-grey-50:#fafafa;--c-grey-100:#f4f4f6;--c-grey-200:#e7e7ea;--c-grey-300:#d1d1d6;--c-grey-400:#9c9ca5;--c-grey-500:#71717a;--c-grey-600:#52525b;--c-grey-700:#3f3f46;--c-grey-800:#1c1c22;--c-grey-900:#141418;--c-grey-950:#0b0b0f;--c-blue:#2563eb;--c-blue-soft:#60a5fa;--c-indigo:#4f46e5;--c-violet:#7c3aed;--c-purple:#8b5cf6;--c-green:#16a34a;--c-teal:#0d9488;--c-amber:#d97706;--c-orange:#ea580c;--c-red:#dc2626;--bg-base:var(--c-white);--bg-subtle:var(--c-grey-100);--bg-elevated:var(--c-white);--bg-sunken:var(--c-grey-50);--bg-inset:#0000000a;--text-primary:var(--c-grey-800);--text-secondary:#494951;--text-tertiary:#6b6b72;--text-inverse:var(--c-white);--border-subtle:var(--c-grey-200);--border-default:var(--c-grey-300);--border-strong:var(--c-grey-400);--accent:var(--c-indigo);--accent-hover:#4338ca;--accent-contrast:var(--c-white);--accent-wash:#4f46e517;--gradient-end:#0d9488;--glass-bg:#ffffffb8;--glass-border:#00000014;--glass-blur:20px;--glass-saturate:180%;--glass-highlight:#ffffffe6;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 16px 48px #0000001f;--shadow-xl:0 24px 72px #00000029;--shadow-ring:0 0 0 1px #0000000f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--fs-display:clamp(2.75rem, 1.6rem + 5.75vw, 5.75rem);--fs-h1:clamp(2.25rem, 1.4rem + 4.25vw, 4.5rem);--fs-h2:clamp(1.75rem, 1.25rem + 2.5vw, 3rem);--fs-h3:clamp(1.375rem, 1.1rem + 1.375vw, 2rem);--fs-h4:clamp(1.125rem, 1rem + .625vw, 1.5rem);--fs-lg:clamp(1.0625rem, 1rem + .3vw, 1.25rem);--fs-body:1rem;--fs-sm:.9375rem;--fs-xs:.8125rem;--fs-2xs:.75rem;--lh-tight:1.06;--lh-snug:1.2;--lh-normal:1.5;--lh-relaxed:1.65;--tracking-display:-.045em;--tracking-tight:-.025em;--tracking-normal:-.011em;--tracking-wide:.02em;--tracking-caps:.08em;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-heavy:800;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--sp-32:8rem;--sp-40:10rem;--section-pad-y:clamp(4rem, 10vw, 9rem);--container-max:1200px;--container-narrow:760px;--container-pad:clamp(1.25rem, 5vw, 3rem);--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-2xl:36px;--r-pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-instant:90ms;--dur-fast:.16s;--dur-normal:.26s;--dur-slow:.42s;--dur-slower:.64s;--z-base:0;--z-raised:10;--z-sticky:100;--z-nav:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-cursor:9999}[data-theme=dark]{--bg-base:var(--c-grey-950);--bg-subtle:var(--c-grey-900);--bg-elevated:#161618;--bg-sunken:var(--c-black);--bg-inset:#ffffff0d;--text-primary:#f5f5f7;--text-secondary:#f5f5f7c2;--text-tertiary:#f5f5f78f;--text-inverse:var(--c-grey-900);--border-subtle:#ffffff17;--border-default:#ffffff29;--border-strong:#ffffff42;--accent:#818cf8;--accent-hover:#a5b4fc;--accent-contrast:var(--c-grey-950);--accent-wash:#818cf829;--gradient-end:#2dd4bf;--glass-bg:#161618b3;--glass-border:#ffffff1a;--glass-highlight:#ffffff24;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 8px 24px #0000008c;--shadow-lg:0 16px 48px #0009;--shadow-xl:0 24px 72px #000000b3;--shadow-ring:0 0 0 1px #ffffff14}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:6rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);letter-spacing:var(--tracking-normal);color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-synthesis-weight:none;transition:background-color var(--dur-normal) var(--ease-out), color var(--dur-normal) var(--ease-out);overflow-x:clip}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);line-height:var(--lh-snug);text-wrap:balance}p{text-wrap:pretty}img,picture,svg,video{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:target{scroll-margin-top:6rem}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}::selection{background:var(--accent);color:var(--accent-contrast)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-pad);margin-inline:auto}.container-narrow{width:100%;max-width:var(--container-narrow);padding-inline:var(--container-pad);margin-inline:auto}.skip-link{top:var(--sp-3);left:var(--sp-3);z-index:var(--z-toast);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);background:var(--accent);color:var(--accent-contrast);font-size:var(--fs-sm);font-weight:var(--fw-semibold);transition:transform var(--dur-fast) var(--ease-out);position:absolute;transform:translateY(-150%)}.skip-link:focus-visible{outline-offset:4px;transform:translateY(0)}@supports selector(::-webkit-scrollbar){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--r-pill);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}}html{scrollbar-color:var(--border-default) transparent;scrollbar-width:thin}.grain{z-index:var(--z-overlay);pointer-events:none;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}[data-theme=dark] .grain{mix-blend-mode:screen;opacity:.05}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}