:root{--base:#09090B;--surface:#101013;--raised:#17171B;--line:#26262B;--ink:#E7E7EA;--mut:#9A9AA3;--faint:#5B5B64;--lime:#84CC16;--lime-dim:#5C8F10;--warm:#F59E0B;--cool:#38BDF8;--violet:#A78BFA;--rose:#EF4444;--ease:cubic-bezier(.22,1,.36,1);--mono:ui-monospace,"SF Mono",Menlo,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--base);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::selection{background:var(--lime);color:#0a0a0a}.top{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,4vw,54px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--base) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wm{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.wm b{color:var(--lime)}.top .ip{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--faint);text-transform:uppercase}.hero{max-width:none;margin:0;padding:clamp(48px,9vw,120px) clamp(18px,4vw,54px) clamp(30px,5vw,64px)}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--faint)}.hero h1{font-size:clamp(40px,8vw,92px);font-weight:800;letter-spacing:-.035em;line-height:.95;margin:18px 0 0;text-wrap:balance}.hero h1 em{font-style:normal;color:var(--mut);font-weight:300}.hero p{color:var(--mut);max-width:56ch;line-height:1.6;font-size:clamp(14px,1.6vw,18px);margin-top:22px}.hero .meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px;font-family:var(--mono);font-size:11px;color:var(--faint);letter-spacing:.04em}.hero .meta b{color:var(--lime)}.gallery{max-width:none;margin:0;padding:0 clamp(18px,4vw,54px) 120px;display:flex;flex-direction:column;gap:clamp(40px,7vw,96px)}.work{scroll-margin-top:80px}.work-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:14px}.work-no{font-family:var(--mono);font-size:12px;color:var(--faint)}.work-head h2{font-size:clamp(24px,4vw,42px);font-weight:700;letter-spacing:-.02em;margin:0}.work-head .src{font-family:var(--mono);font-size:11px;color:var(--faint);margin-left:auto}.work-want{color:var(--mut);margin:14px 0 20px;max-width:60ch;line-height:1.55;font-size:15px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.03em;padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--mut)}.tag.live{border-color:var(--lime);color:var(--lime)}.tag.captured{color:var(--faint)}.stage{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0,#0e0e12 0,var(--base) 70%);min-height:clamp(320px,52vh,560px);position:relative}.stage iframe{width:100%;height:clamp(560px,80vh,860px);border:0;display:block;background:#fff}.stage.embed{min-height:auto}.placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px}.placeholder .pi{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.placeholder .pt{margin-top:10px;color:var(--mut);max-width:44ch;line-height:1.5;font-size:13.5px}.placeholder .files{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:60ch}.placeholder .files code{font-family:var(--mono);font-size:10px;color:var(--faint);border:1px solid var(--line);border-radius:6px;padding:3px 7px}.work[data-accent] .work-no{color:var(--a)}.foot{max-width:none;margin:0;padding:26px clamp(18px,4vw,54px);border-top:1px solid var(--line);font-family:var(--mono);font-size:10.5px;color:var(--faint);letter-spacing:.04em;display:flex;flex-wrap:wrap;gap:8px 20px}.foot b{color:var(--mut)}.stack{display:flex;flex-direction:column;gap:clamp(28px,5vw,64px);padding:0 0 80px}.frame{scroll-margin-top:70px}.frame-bar{display:flex;align-items:baseline;gap:14px;padding:10px clamp(18px,4vw,54px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(0,0,0,.2)}.frame-no{font-family:var(--mono);font-size:12px;color:var(--a,var(--faint));font-weight:600}.frame-title{font-size:clamp(15px,2vw,20px);font-weight:700;letter-spacing:-.01em}.frame-src{font-family:var(--mono);font-size:11px;color:var(--faint);margin-left:auto;letter-spacing:.03em}.frame-src:hover{color:var(--a,var(--lime))}.frame-note{font-family:var(--mono);font-size:10.5px;color:var(--warm);padding:6px clamp(18px,4vw,54px);letter-spacing:.03em}.frame-stage{width:100%;background:#000;border-bottom:1px solid var(--line)}.frame-stage iframe{display:block;width:100%;height:90vh;min-height:560px;border:0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}