:root{--bg: #0b0b0f;--bg-elev: #0f0f16;--panel: rgba(255, 255, 255, .04);--panel-hover: rgba(255, 255, 255, .06);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--faint: rgba(255, 255, 255, .42);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--accent-work: #3aedd8;--accent-lab: #c8ff3a;--accent-music: #ff5ea8;--accent-contact: #ffb266;--accent: var(--accent-work);--accent-soft: color-mix(in oklab, var(--accent) 20%, transparent);--font-sans: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs: clamp(11px, .7rem + .1vw, 12px);--text-sm: clamp(13px, .8rem + .1vw, 14px);--text-base: clamp(15px, .9rem + .2vw, 16px);--text-lg: clamp(17px, 1rem + .3vw, 20px);--text-xl: clamp(22px, 1.2rem + 1vw, 32px);--text-2xl: clamp(28px, 1.5rem + 2vw, 48px);--text-display: clamp(44px, 4rem + 4vw, 120px);--space-1: 6px;--space-2: 10px;--space-3: 16px;--space-4: 24px;--space-5: 40px;--space-6: 64px;--space-7: 96px;--radius-sm: 8px;--radius: 12px;--radius-lg: 20px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-cubic: cubic-bezier(.33, 1, .68, 1);--dur-fast: .14s;--dur-base: .26s;--dur-slow: .42s;--dur-accent-swap: .38s;--page-max: 1040px;--page-narrow: 760px}[data-section=work]{--accent: var(--accent-work)}[data-section=lab]{--accent: var(--accent-lab)}[data-section=music]{--accent: var(--accent-music)}[data-section=contact]{--accent: var(--accent-contact)}body{transition:color var(--dur-accent-swap) var(--ease-out-cubic)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-synthesis:none;font-variant-numeric:tabular-nums}a{color:var(--text);text-decoration:none;transition:color var(--dur-fast) var(--ease-out-cubic)}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}button{font-family:inherit}.page{max-width:var(--page-narrow);margin:32px auto;padding:0 20px}.page-wide{max-width:var(--page-max);margin:32px auto;padding:0 20px}.grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:start}.h1{font-size:var(--text-xl);margin:0 0 var(--space-2) 0;letter-spacing:-.01em;font-weight:600}.h2{font-size:var(--text-lg);margin:0 0 var(--space-2) 0;color:var(--muted);font-weight:600}.display{font-size:var(--text-display);line-height:.95;letter-spacing:-.03em;font-weight:600;margin:0}.lede{margin:0;color:var(--muted)}.hero{position:sticky;top:32px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.section{margin-top:var(--space-1);padding-top:var(--space-1)}.panel{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:inset 0 1px #ffffff0a}.panel .h2{margin-top:0}.list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.list a{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff05;transition:border-color var(--dur-fast) var(--ease-out-cubic),box-shadow var(--dur-fast) var(--ease-out-cubic),color var(--dur-fast) var(--ease-out-cubic)}.list a:hover{border-color:color-mix(in oklab,var(--accent) 44%,transparent);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 12%,transparent)}.badge{font-size:var(--text-sm);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:2px 10px}.btn{appearance:none;border:1px solid var(--border);background:#ffffff05;color:var(--text);padding:10px 14px;border-radius:var(--radius);font-weight:500;font-size:var(--text-sm);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out-cubic),box-shadow var(--dur-fast) var(--ease-out-cubic),color var(--dur-fast) var(--ease-out-cubic),transform var(--dur-fast) var(--ease-out-cubic)}.btn:hover{border-color:color-mix(in oklab,var(--accent) 44%,transparent);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 12%,transparent);color:var(--accent)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.actions{margin-top:var(--space-4)}.codeBlockWrapper{position:relative}.codeBlockWrapper .copyBtn{position:absolute;top:8px;right:8px;appearance:none;border:1px solid var(--border);background:#0b0b0fd9;color:var(--muted);font-family:var(--font-mono);font-size:12px;padding:3px 8px;border-radius:6px;cursor:pointer;line-height:1.4}.codeBlockWrapper .copyBtn:hover{color:var(--text);border-color:var(--border-strong)}.codeBlock{margin:var(--space-3) 0 0;padding:12px 14px;background:#ffffff0a;border:1px solid var(--border);border-radius:10px;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);overflow-x:auto;white-space:pre}.figure{margin:var(--space-4) 0 0}.figure-img{width:100%;border-radius:var(--radius);display:block}.figure-placeholder{width:100%;aspect-ratio:16 / 9;border:1.5px dashed var(--border);border-radius:var(--radius);background:linear-gradient(135deg,#ffffff06,#ffffff02),repeating-linear-gradient(45deg,transparent 0 12px,rgba(255,255,255,.02) 12px 24px);display:flex;align-items:center;justify-content:center;color:var(--muted);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;box-sizing:border-box;padding:var(--space-3);text-align:center}.figure-caption{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--muted);text-align:center}.figure-caption strong{color:var(--text);font-weight:600}.form{display:grid;gap:var(--space-3)}.field{display:grid;gap:8px}.label{font-size:var(--text-sm);color:var(--muted)}.input,.textarea{width:100%;font-family:inherit;font-size:var(--text-base);box-sizing:border-box;border:1px solid var(--border);background:#ffffff08;color:var(--text);border-radius:10px;padding:10px 12px;outline:none;transition:border-color var(--dur-fast) var(--ease-out-cubic),box-shadow var(--dur-fast) var(--ease-out-cubic)}.input:focus,.textarea:focus{border-color:color-mix(in oklab,var(--accent) 55%,transparent);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 12%,transparent)}.formFooter{display:flex;align-items:center;gap:12px}.note{font-size:var(--text-sm);color:var(--muted)}.note.ok{color:#22c55ef2}.note.err{color:#ef4444f2}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:color-mix(in oklab,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color var(--dur-base) var(--ease-out-cubic)}.topbar.scrolled{border-bottom-color:var(--border)}.topbar-inner{max-width:var(--page-max);width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.brand{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);letter-spacing:.02em}.brand:hover{color:var(--accent)}.topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.icon-link{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--border);color:var(--muted);transition:color var(--dur-fast) var(--ease-out-cubic),border-color var(--dur-fast) var(--ease-out-cubic)}.icon-link:hover{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 44%,transparent)}@media(max-width:760px){.grid{grid-template-columns:1fr;gap:24px}.hero{position:static}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.landing{max-width:var(--page-max);margin:0 auto;padding:var(--space-5) 20px var(--space-7);display:grid;gap:var(--space-6)}.landing>*{opacity:0;transform:translateY(14px);animation:rise var(--dur-slow) var(--ease-out-expo) forwards}.landing>*:nth-child(1){animation-delay:40ms}.landing>*:nth-child(2){animation-delay:.12s}.landing>*:nth-child(3){animation-delay:.2s}@keyframes rise{to{opacity:1;transform:translateY(0)}}.now-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.now{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border:1px solid var(--border);border-radius:999px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);width:max-content;background:#ffffff05;text-decoration:none;transition:border-color var(--dur-med) var(--ease-out-cubic),color var(--dur-med) var(--ease-out-cubic),background-color var(--dur-med) var(--ease-out-cubic)}a.now:hover,a.now:focus-visible{color:var(--text);border-color:color-mix(in oklab,var(--accent-lab) 60%,var(--border));background:#ffffff0a}.now-dot{width:7px;height:7px;border-radius:999px;background:var(--accent-lab);box-shadow:0 0 color-mix(in oklab,var(--accent-lab) 60%,transparent);animation:now-pulse 2.4s var(--ease-out-cubic) infinite}@keyframes now-pulse{0%{box-shadow:0 0 color-mix(in oklab,var(--accent-lab) 60%,transparent)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.now-dot-try{animation:none;box-shadow:none}.now-try{background-image:linear-gradient(110deg,transparent 0%,transparent 42%,color-mix(in oklab,var(--accent-lab) 22%,transparent) 50%,transparent 58%,transparent 100%);background-size:220% 100%;background-repeat:no-repeat;background-position:120% 50%;animation:now-try-shimmer 5s linear infinite}@keyframes now-try-shimmer{0%{background-position:120% 50%}to{background-position:-20% 50%}}.hero-block{display:grid;gap:var(--space-3)}.hero-name{font-size:var(--text-display);line-height:.92;letter-spacing:-.035em;font-weight:600;margin:0;background:linear-gradient(180deg,var(--text) 0%,color-mix(in oklab,var(--text) 75%,transparent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-bio{font-size:var(--text-lg);color:var(--muted);max-width:56ch;margin:0}.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.door{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:260px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(120% 100% at 0% 0%,color-mix(in oklab,var(--door-accent) 10%,transparent) 0%,transparent 60%),#ffffff04;color:var(--text);overflow:hidden;isolation:isolate;transition:transform var(--dur-base) var(--ease-out-expo),border-color var(--dur-base) var(--ease-out-cubic),box-shadow var(--dur-base) var(--ease-out-cubic)}.door:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,color-mix(in oklab,var(--door-accent) 45%,transparent),transparent 50%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--dur-base) var(--ease-out-cubic);pointer-events:none;z-index:1}.door:hover,.door:focus-visible{transform:translateY(-2px);border-color:color-mix(in oklab,var(--door-accent) 40%,transparent);box-shadow:0 10px 30px -12px color-mix(in oklab,var(--door-accent) 30%,transparent),inset 0 1px #ffffff0f}.door:hover:before,.door:focus-visible:before{opacity:1}.door-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.door-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--faint);letter-spacing:.04em}.door-title{font-size:var(--text-2xl);line-height:1;letter-spacing:-.02em;font-weight:600;margin:var(--space-5) 0 var(--space-2) 0;color:var(--text)}.door-desc{color:var(--muted);margin:0;font-size:var(--text-base);max-width:32ch}.door-arrow{position:absolute;right:var(--space-4);bottom:var(--space-4);width:28px;height:28px;display:grid;place-items:center;color:var(--door-accent);transition:transform var(--dur-base) var(--ease-out-expo)}.door:hover .door-arrow,.door:focus-visible .door-arrow{transform:translate(4px,-4px)}.door-work{--door-accent: var(--accent-work)}.door-lab{--door-accent: var(--accent-lab)}.door-music{--door-accent: var(--accent-music)}@media(max-width:900px){.doors{grid-template-columns:1fr}.door{min-height:180px}}@media(prefers-reduced-motion:reduce){.landing>*{opacity:1;transform:none;animation:none}.now-dot,.now-try{animation:none}.door,.door-arrow{transition:none}}.section-page{max-width:var(--page-max);margin:0 auto;padding:var(--space-5) 20px var(--space-7);display:grid;gap:var(--space-5)}.section-head{display:grid;gap:var(--space-2)}.section-kicker{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.section-title{font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:600;line-height:1;margin:0}.section-lede{color:var(--muted);max-width:60ch;margin:0;font-size:var(--text-lg)}.section-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.timeline{position:relative;display:grid;gap:var(--space-4);padding-left:28px}.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:1px;background:linear-gradient(180deg,var(--border-strong) 0%,var(--border) 40%,transparent 100%)}.timeline-entry{position:relative;padding:var(--space-3) 0}.timeline-entry:before{content:"";position:absolute;left:-28px;top:22px;width:13px;height:13px;border-radius:999px;background:var(--bg);border:2px solid var(--accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 10%,transparent)}.timeline-dates{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--faint);letter-spacing:.04em}.timeline-title{font-size:var(--text-lg);font-weight:600;margin:4px 0 2px}.timeline-company{color:var(--muted);font-size:var(--text-base);margin:0 0 var(--space-2) 0}.timeline-bullets{margin:var(--space-2) 0 var(--space-3) 0;padding-left:18px;color:var(--muted)}.timeline-bullets li{margin-bottom:4px}.stack{display:flex;flex-wrap:wrap;gap:6px}.stack-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:#ffffff05;letter-spacing:.02em}.status-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);padding:3px 10px 3px 8px;border-radius:999px;border:1px solid var(--border)}.status-chip:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--accent)}.status-chip.paused:before{background:var(--faint)}.status-chip.shipped:before{background:color-mix(in oklab,var(--accent) 70%,white 30%)}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.skill-group{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:#ffffff05}.skill-group h3{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0 0 var(--space-2) 0;font-weight:500}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.card-grid.asym{grid-template-columns:2fr 1fr}.card-grid.asym>:first-child{grid-row:span 2}.proj-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(120% 100% at 0% 0%,color-mix(in oklab,var(--accent) 8%,transparent) 0%,transparent 55%),#ffffff04;color:var(--text);overflow:hidden;transform:perspective(1000px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(var(--lift, 0px));transform-style:preserve-3d;will-change:transform;transition:transform var(--dur-fast) var(--ease-out-expo),border-color var(--dur-base) var(--ease-out-cubic),box-shadow var(--dur-base) var(--ease-out-cubic)}.proj-card:hover,.proj-card:focus-visible{--lift: -2px;border-color:color-mix(in oklab,var(--accent) 40%,transparent);box-shadow:0 10px 30px -12px color-mix(in oklab,var(--accent) 24%,transparent)}.proj-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.proj-title{font-size:var(--text-xl);letter-spacing:-.01em;font-weight:600;margin:0}.proj-desc{color:var(--muted);margin:0;font-size:var(--text-base)}.proj-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:auto;flex-wrap:wrap}.proj-metrics{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--faint);display:flex;gap:var(--space-3)}.proj-card.featured .proj-title{font-size:var(--text-2xl)}@media(max-width:760px){.card-grid,.card-grid.asym{grid-template-columns:1fr}.card-grid.asym>:first-child{grid-row:auto}}.artist-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.artist-title{font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:600;margin:0}.artist-bio{color:var(--muted);max-width:60ch;margin:0}.artist-links{display:flex;gap:var(--space-2);flex-wrap:wrap}.back-link{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);display:inline-flex;align-items:center;gap:6px;width:max-content}.back-link:hover{color:var(--accent)}.meet{display:grid;gap:var(--space-4)}.meet-head{display:grid;gap:var(--space-2)}.meet-lede{margin:0;color:var(--muted);font-size:var(--text-base);line-height:1.55}.meet-tzpick{display:grid;gap:6px;max-width:22em;margin-top:var(--space-2)}.meet-tzpick select{appearance:auto}.meet-types{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--space-2)}.meet-type{appearance:none;border:1px solid var(--border);background:#ffffff05;color:var(--text);padding:8px 14px;border-radius:999px;font-size:var(--text-sm);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out-cubic),box-shadow var(--dur-fast) var(--ease-out-cubic)}.meet-type:hover{border-color:color-mix(in oklab,var(--accent) 44%,transparent)}.meet-type.selected{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 18%,transparent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 14%,transparent)}.meet-type-min{color:var(--muted);font-variant-numeric:tabular-nums}.meet-times{display:grid;gap:var(--space-2)}.meet-days{list-style:none;margin:0;padding:0;display:grid;gap:6px}.meet-day{display:grid;grid-template-columns:7.5em 1fr;gap:var(--space-2);align-items:start;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel)}.meet-day-name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);padding-top:6px}.meet-day-slots{display:flex;flex-wrap:wrap;gap:6px}.meet-slot{appearance:none;border:1px solid var(--border);background:#ffffff05;color:var(--text);padding:5px 10px;border-radius:8px;font-size:var(--text-sm);font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out-cubic),box-shadow var(--dur-fast) var(--ease-out-cubic),color var(--dur-fast) var(--ease-out-cubic)}.meet-slot:hover{border-color:color-mix(in oklab,var(--accent) 44%,transparent);color:var(--accent)}.meet-slot.selected{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 18%,transparent);color:var(--text);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 14%,transparent)}.meet-tz{margin:0;color:var(--faint);font-size:var(--text-xs)}.meet-card{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.meet-picked{margin:0;font-weight:600}.meet-tzname{color:var(--muted);font-weight:400}.meet-form-row{display:grid;gap:var(--space-3)}@media(min-width:560px){.meet-form-row{grid-template-columns:1fr 1fr}}.meet-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.meet-challenge{min-height:0}.meet-sent{display:grid;gap:var(--space-2);border-color:color-mix(in oklab,rgba(34,197,94,.95) 40%,transparent)}.meet-alt{margin:var(--space-4) 0 0;color:var(--muted);font-size:var(--text-sm)}.meet-cta{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.meet-cta-title{margin:0 0 4px}.meet-cta-text{margin:0;color:var(--muted);font-size:var(--text-base)}.btn-shine{background-image:linear-gradient(110deg,transparent 0%,transparent 42%,color-mix(in oklab,var(--accent) 22%,transparent) 50%,transparent 58%,transparent 100%);background-size:220% 100%;background-repeat:no-repeat;background-position:120% 50%;animation:btn-shine 5s linear infinite}@keyframes btn-shine{0%{background-position:120% 50%}to{background-position:-20% 50%}}@media(prefers-reduced-motion:reduce){.btn-shine{animation:none}}@media(max-width:420px){.meet-day{grid-template-columns:1fr;gap:6px}.meet-day-name{padding-top:0}}.reveal{opacity:0;transform:translateY(16px);transition:opacity var(--dur-slow) var(--ease-out-expo),transform var(--dur-slow) var(--ease-out-expo)}.reveal[data-revealed=true]{opacity:1;transform:translateY(0)}.reveal-group>.reveal:nth-child(1){transition-delay:0ms}.reveal-group>.reveal:nth-child(2){transition-delay:80ms}.reveal-group>.reveal:nth-child(3){transition-delay:.16s}.reveal-group>.reveal:nth-child(4){transition-delay:.24s}.reveal-group>.reveal:nth-child(5){transition-delay:.32s}@media(prefers-reduced-motion:no-preference){::view-transition-old(root),::view-transition-new(root){animation-duration:.26s;animation-timing-function:cubic-bezier(.16,1,.3,1)}}.topbar{view-transition-name:topbar}@media(prefers-reduced-motion:reduce){.reveal,.reveal[data-revealed=true]{opacity:1;transform:none;transition:none}}.site-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background-color:var(--bg)}.site-bg:before{content:"";position:absolute;inset:-10%;background:radial-gradient(42% 34% at 12% 6%,color-mix(in oklab,var(--accent) 14%,transparent) 0%,transparent 60%),radial-gradient(38% 30% at 88% 14%,color-mix(in oklab,var(--accent-music) 10%,transparent) 0%,transparent 65%),radial-gradient(50% 40% at 50% 100%,color-mix(in oklab,var(--accent-lab) 8%,transparent) 0%,transparent 60%);filter:blur(40px);opacity:.85;transition:background var(--dur-slow) var(--ease-out-cubic)}.site-bg:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");opacity:.04;mix-blend-mode:overlay}@media(prefers-reduced-motion:reduce){.site-bg:before{transition:none}}