.weba__panel{aspect-ratio:4/5;border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#050507;width:100%;max-height:80vh;margin-inline:auto;position:relative;overflow:hidden}.weba__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.weba__panel--degraded{background:radial-gradient(120% 80% at 50% 120%,#6f6af82e,#0000 60%),radial-gradient(80% 60% at 50% 40%,#14122a,#050507 70%)}.weba__panel--degraded:after{content:"";opacity:.06;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.weba__overlay{text-align:center;padding:var(--space-4);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.weba__prompt{font-family:var(--font-mono);letter-spacing:.2em;color:var(--color-muted);margin:0;font-size:.8rem;animation:2.6s ease-in-out infinite weba-pulse}.weba__verdict{padding-inline:var(--space-4);min-height:1.4em;font-family:var(--font-mono);color:var(--color-fg);text-shadow:0 0 24px #6f6af880;margin:0;font-size:clamp(1.4rem,5vw,2.6rem);position:absolute;bottom:12%;left:0;right:0}.weba__charge{background:var(--color-muted);opacity:.5;transform-origin:0;border-radius:2px;width:40%;height:2px;transition:background-color .2s,opacity .2s,box-shadow .2s;position:absolute;top:54%;left:30%;transform:scaleX(0)}.weba__charge--armed{background:var(--color-accent);opacity:1;box-shadow:0 0 12px var(--color-accent)}.weba__control{opacity:0;pointer-events:none;background:0 0;border:0;position:absolute;inset:0}.weba__control:focus-visible{outline:2px solid var(--color-accent);outline-offset:-4px;pointer-events:auto}.weba__mute{top:var(--space-3);right:var(--space-3);color:var(--color-muted);cursor:pointer;opacity:.6;pointer-events:auto;background:0 0;border:0;font-size:1rem;position:absolute}.weba__mute:hover{opacity:1}@keyframes weba-pulse{0%,to{opacity:.4}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.weba__prompt{animation:none}}:root{--color-bg:#0b0b0c;--color-fg:#ededed;--color-muted:#8a8a8a;--color-accent:#6f6af8;--color-border:#232326;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--text-base:16px;--leading:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--space-6:4rem;--max-width:64rem;--radius:8px}*,:before,:after{box-sizing:border-box}html{font-size:var(--text-base)}body{background:var(--color-bg);min-height:100vh;color:var(--color-fg);font-family:var(--font-sans);line-height:var(--leading);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}img{max-width:100%;display:block}.layout{flex-direction:column;min-height:100vh;display:flex}.site-header,.site-main,.site-footer{width:100%;max-width:var(--max-width);padding-inline:var(--space-3);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.wordmark{letter-spacing:.04em;font-weight:700;text-decoration:none}.site-nav{gap:var(--space-3);display:flex}.site-nav a{color:var(--color-muted);text-decoration:none}.site-nav a:hover,.site-nav a.active{color:var(--color-fg)}.site-main{padding-block:var(--space-5);flex:1}.site-footer{padding-block:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-muted)}.card-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));display:grid}.project-card__link{text-decoration:none}.project-card{height:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius)}.project-card__image{margin-bottom:var(--space-2);border-radius:calc(var(--radius) - 2px)}.project-card__title{margin:0 0 var(--space-1)}.project-card__description{color:var(--color-muted);margin:0}.project-card__tags{gap:var(--space-1);margin:var(--space-2) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.project-card__tag{border:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-muted);border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.gsap-demo{margin-block:var(--space-3);padding:var(--space-2) var(--space-3);border:1px dashed var(--color-accent);border-radius:var(--radius);font-family:var(--font-mono);color:var(--color-accent);font-size:.8rem;display:inline-block}.landing__wordmark{letter-spacing:.02em;margin:0;font-size:clamp(3rem,12vw,7rem)}.landing__tagline{color:var(--color-muted);margin-top:0}