:root{--bg: #0f0f0f;--surface-2: #1f1f1f;--text: #ffffff;--text-secondary: #aaaaaa;--primary: #2ecc71;--border: #303030;--blue: #60a5fa;--green: #2ecc71;--purple: #c084fc;--surface: var(--bg);--raised: var(--surface-2);--line: var(--border);--quiet-line: var(--border);--accent: var(--primary);--on-accent: #0f0f0f;--tint: rgb(46 204 113 / .15);--meta: var(--text-secondary);--press: var(--border);--chip-text: #dddddd;--tile-ink: #000000;--header-h: 66px;--bottom-bar-h: 64px;--primary-text: var(--primary);--on-primary: #0f0f0f;color-scheme:dark}:root[data-theme=light]{--bg: #ffffff;--text: #0f0f0f;--text-secondary: #606060;--primary: #27ae60;--primary-text: #1e8449;--border: #e5e5e5;--blue: #2563eb;--green: #1e8449;--purple: #9333ea;--surface-2: #f9f9f9;--press: var(--text);--chip-text: #303030;--tile-ink: #0f0f0f;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}body{background:var(--surface);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ul{list-style:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.topbar{position:sticky;top:0;z-index:50;height:var(--header-h);border-bottom:1px solid var(--line);background:var(--surface);padding:0 16px}.topbar-inner{display:flex;align-items:center;gap:16px;height:100%}.topbar-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:1px solid var(--line);color:var(--text);transition:border-color .2s,color .2s}.theme-toggle:hover{border-color:var(--primary);color:var(--primary-text)}.theme-toggle .icon{width:18px;height:18px}[data-theme=light] .icon-sun,[data-theme=dark] .icon-moon{display:none}.btn{display:inline-flex;align-items:center;gap:8px;width:max-content;font-weight:700;white-space:nowrap}.btn-press{padding:8px 12px;background:var(--accent);color:var(--on-accent);box-shadow:5px 5px 0 0 var(--press);transition:all .15s ease-in-out}.btn-press:active{transform:translate(5px,5px);box-shadow:0 0 0 0 var(--press)}.btn-outline{padding:10px 12px;border:1px solid var(--line);transition:background .15s}.btn-outline:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}.shell{display:flex;min-height:calc(100vh - var(--header-h))}.sidebar{position:sticky;top:var(--header-h);flex-shrink:0;width:250px;height:calc(100vh - var(--header-h));border-right:1px solid var(--line);background:var(--surface);padding:24px 16px}.side-nav{display:flex;flex-direction:column;gap:8px}.side-item{display:flex;align-items:center;gap:16px;width:100%;padding:8px 16px;border:1px solid var(--line);font-weight:600;transition:background .15s,color .15s}.side-item:hover,.side-item:focus-visible,.side-item.active{background:var(--accent);color:var(--on-accent)}.content{flex:1;min-width:0;max-width:80rem;padding:0 24px}.section{padding:40px 0 8px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.page-heading{font-size:24px;font-weight:700;line-height:1.3}.section-sub{display:block;margin-top:2px;font-size:14px;font-weight:400;color:var(--meta)}.body-text{margin-top:12px;max-width:52rem;color:var(--meta)}.body-text.more{margin-top:20px}.link{color:var(--primary-text)}.link:hover{text-decoration:underline}.meta{font-size:14px;color:var(--meta)}.about{padding-top:24px}.banner{position:relative;display:flex;align-items:center;justify-content:flex-end;height:clamp(150px,16vw,210px);overflow:hidden;border:1px solid var(--line);background:var(--surface-2);padding:20px clamp(24px,6vw,72px)}.banner-art{display:flex;align-items:center;gap:clamp(14px,2vw,24px)}.tiles{display:grid;grid-template-columns:repeat(2,var(--tile));gap:calc(var(--tile) * .16);--tile: clamp(34px, 4.2vw, 52px)}.tile{display:inline-flex;align-items:center;justify-content:center;width:var(--tile);height:var(--tile);border:2px solid var(--tile-ink);background:var(--primary);color:var(--on-accent);box-shadow:3px 3px 0 0 var(--tile-ink)}.tile-square{border-radius:25%}.tile-round{border-radius:50%}.tile:nth-child(2){background:#ffd43b}.tile:nth-child(3){background:#ff5a1f}.tile:nth-child(4){background:#39f}.tile .icon{width:45%;height:45%}.banner-tagline{font-size:clamp(26px,4vw,52px);font-weight:800;line-height:1.02;letter-spacing:-.03em}.banner-tagline span{color:var(--primary-text)}.channel{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:24px 16px 8px}.channel-avatar{position:relative;z-index:1;flex-shrink:0;width:136px;height:136px;margin-top:-72px;overflow:hidden;border-radius:50%;border:4px solid var(--primary);background:var(--surface)}.channel-avatar img{width:100%;height:100%;object-fit:cover}.channel-info{flex:1;min-width:220px}.channel-name{font-size:20px;font-weight:700}.about-body{margin-top:16px;padding-top:24px;border-top:1px solid var(--quiet-line)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}.box{display:flex;flex-direction:column;gap:8px;min-width:0;border:1px solid var(--line);padding:16px;transition:background .15s}a.box:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}.box-title{font-weight:600}.box-desc{font-size:14px;color:var(--meta)}.icon-badge{display:inline-flex;flex-shrink:0;padding:6px;border-radius:50%;background:var(--tint);color:var(--primary-text)}.icon-badge .icon{width:18px;height:18px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line);padding:2px 8px;font-size:12px;color:var(--chip-text);white-space:nowrap}.project{padding:20px 20px 24px}.project-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.project-logo{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);color:var(--tone);font-size:22px}.pill{border:1px solid var(--tone);border-radius:999px;padding:2px 10px;font-size:12px;color:var(--tone)}.project .meta{margin-top:-6px}.project .chips{margin-bottom:8px}.project-cta{margin-top:auto}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px 16px;margin-top:20px}.video{display:flex;flex-direction:column;min-width:0}.thumb{position:relative;aspect-ratio:1200 / 630;overflow:hidden;border:1px solid var(--line);background:var(--surface-2)}.thumb img{width:100%;height:100%;object-fit:contain}.duration{position:absolute;right:8px;bottom:8px;background:#000;color:#fff;padding:0 6px;font-size:13px}.video-info{display:flex;gap:12px;padding-top:10px}.video-title{font-size:16px;font-weight:600;line-height:1.35;transition:color .15s}.video:hover .video-title{color:var(--primary-text)}.rows{margin-top:16px;border:1px solid var(--line)}.rows>li+li{border-top:1px solid var(--line)}.row{display:flex;align-items:center;gap:16px;padding:16px 20px}.row-label{flex-shrink:0;width:96px;font-weight:700}.row-value{min-width:0;overflow-wrap:anywhere;color:var(--meta)}.row-link{transition:background .15s}.row-link:hover{background:var(--raised)}.row-link:hover .row-value{color:var(--primary-text)}.footer{margin-top:48px;padding:24px 0 32px;border-top:1px solid var(--quiet-line);font-size:14px;color:var(--meta);text-align:center}@media (max-width: 1023px){.sidebar{width:70px;padding:24px 8px}.side-item{justify-content:center;padding:10px 0}.side-item span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media (max-width: 639px){.topbar{padding:0 16px}.topbar-actions{gap:10px}.topbar-cta{padding:8px}.topbar-cta .cta-label{display:none}.sidebar{position:fixed;top:auto;right:0;bottom:0;left:0;z-index:40;width:100%;height:var(--bottom-bar-h);border-right:0;border-top:1px solid var(--line);padding:8px}.side-nav{flex-direction:row;justify-content:space-between;gap:4px;height:100%}.side-nav li{flex:1}.side-item{flex-direction:column;justify-content:center;gap:2px;height:100%;padding:0;border:0;font-size:11px}.side-item .icon{width:18px;height:18px}.side-item span{position:static;width:auto;height:auto;overflow:visible;clip:auto}.content{padding:0 16px calc(var(--bottom-bar-h) + 8px)}.about{padding-top:16px}.banner{height:120px;padding:12px 16px}.banner{justify-content:flex-end}.tiles{--tile: 30px}.tile{box-shadow:2px 2px 0 0 var(--tile-ink)}.banner-tagline{font-size:22px}.channel{padding:16px 0 8px}.channel-avatar{width:104px;height:104px;margin-top:-60px}.channel-info{flex-basis:100%;min-width:0}.card-grid,.video-grid{grid-template-columns:minmax(0,1fr)}.row{flex-wrap:wrap;gap:8px 12px;padding:14px 16px}.rows .row>.chips{flex-basis:100%}.row-label{width:auto;min-width:72px}.row-value{flex-basis:100%;padding-left:44px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.btn-press,.btn-press:active{transition:none;transform:none}}