:root{--bg:#080a0d;--panel:#10141a;--ink:#f3f6f8;--muted:#a5adb8;--cyan:#00d9ff;--violet:#8a2be2;--line:#242b34;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px max(24px,calc((100vw - var(--max))/2));background:rgba(8,10,13,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{font-weight:900;letter-spacing:.08em}.brand span{color:var(--cyan)}nav{display:flex;gap:24px;font-size:.9rem}nav a:hover{color:var(--cyan)}.nav-toggle{display:none;background:none;border:0;color:white;font-size:1.5rem}
.hero{min-height:78vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:80px max(24px,calc((100vw - var(--max))/2));background:radial-gradient(circle at 75% 30%,rgba(138,43,226,.22),transparent 30%),radial-gradient(circle at 20% 80%,rgba(0,217,255,.16),transparent 30%),linear-gradient(135deg,#0a0d11,#050608)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.025) 50%);background-size:42px 42px;pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:850px}.hero h1,.pagehead h1{font-size:clamp(4rem,11vw,9rem);line-height:.78;margin:.2em 0;letter-spacing:-.06em}.hero h1 span{color:transparent;-webkit-text-stroke:2px var(--cyan);text-shadow:0 0 35px rgba(0,217,255,.18)}
.eyebrow,.kicker{font-size:.72rem;letter-spacing:.2em;font-weight:800;color:var(--cyan)}.quote{font-size:clamp(1.4rem,3vw,2.4rem);font-weight:700;max-width:700px}.actions{display:flex;gap:12px;margin-top:30px}.btn{padding:13px 18px;border:1px solid var(--cyan);background:var(--cyan);color:#001015;font-weight:800}.btn.ghost{background:transparent;color:white}
.manifesto,.now,.note{max-width:var(--max);margin:auto;padding:100px 24px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.manifesto h2,.now h2,.note h2,.timeline h2{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1;margin:.2em 0}.manifesto p,.now p,.note p,.pagehead p{font-size:1.2rem;color:var(--muted)}
.feature-grid{max-width:var(--max);margin:auto;padding:0 24px 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.feature{background:var(--panel);padding:40px;min-height:260px}.feature:hover{background:#141a21}.feature span{color:var(--cyan)}.feature h3{font-size:2rem;margin:.5em 0}.feature p{color:var(--muted)}
.pagehead{max-width:var(--max);margin:auto;padding:100px 24px 70px}.pagehead h1{font-size:clamp(3.5rem,8vw,7rem);max-width:1000px}.pagehead p{max-width:820px}
.story{max-width:860px;margin:auto;padding:0 24px 100px}.story p{font-size:1.18rem;margin:0 0 1.5em}.story p:first-child:first-letter{font-size:4.5rem;float:left;line-height:.8;padding-right:10px;color:var(--cyan);font-weight:900}
.timeline{max-width:var(--max);margin:auto;padding:60px 24px 120px}.timeline article{display:grid;grid-template-columns:80px 1fr;border-top:1px solid var(--line);padding:28px 0}.timeline article>b{color:var(--cyan)}.timeline h3{font-size:1.7rem;margin:0}.timeline p{color:var(--muted);max-width:800px}
.cards{max-width:var(--max);margin:auto;padding:0 24px 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:var(--panel);padding:18px;border:1px solid var(--line)}.cover{aspect-ratio:1;background:#050608;margin-bottom:20px;display:grid;place-items:center;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.cover-placeholder{font-weight:900;font-size:2rem;text-align:center;color:#333}.card p,.card small{color:var(--muted)}audio{width:100%}
.project-list{max-width:var(--max);margin:auto;padding:0 24px 120px}.project-list article{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;border-top:1px solid var(--line);padding:35px 0}.project-list h2{font-size:2rem;margin:.25em 0}.project-list p{color:var(--muted)}.status{display:inline-block;border:1px solid var(--line);padding:4px 9px;font-size:.75rem}
.gallery{max-width:var(--max);margin:auto;padding:0 24px 120px;columns:3;column-gap:16px}.gallery figure{break-inside:avoid;margin:0 0 16px;background:var(--panel);border:1px solid var(--line)}.gallery img{display:block;width:100%;height:auto}.gallery figcaption{padding:12px;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:50px max(24px,calc((100vw - var(--max))/2));color:var(--muted)}footer strong{color:white}footer a{color:var(--cyan)}
.admin-shell{max-width:1500px;margin:auto;padding:36px 24px 90px}.admin-top{display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}.admin-top h1{margin:0;font-size:clamp(2rem,5vw,4rem)}.admin-top a{color:var(--cyan)}.admin-note,.admin-card{background:var(--panel);border:1px solid var(--line);padding:20px;margin:24px 0}.admin-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.admin-tabs a{border:1px solid var(--line);padding:9px 12px}.admin-tabs a.active,.admin-tabs a:hover{border-color:var(--cyan);color:var(--cyan)}.admin-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.admin-form label{display:grid;gap:5px;font-size:.8rem;color:var(--muted)}.admin-form input,.admin-form select{background:#0b0f14;border:1px solid var(--line);color:#fff;padding:10px;font:inherit}.admin-form button,.admin-table button{background:#16232d;border:1px solid var(--cyan);color:#fff;padding:10px 12px;cursor:pointer;font:inherit}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}.admin-table img{width:58px;height:58px;object-fit:cover;background:#000}.admin-table input{width:100%;background:#0b0f14;border:1px solid var(--line);color:#fff;padding:8px;font:inherit}.admin-table small{color:var(--muted);word-break:break-word}.danger{border-color:#ff5a73!important;color:#ffb7c2!important}.notice{padding:12px;background:#10252c;border-left:3px solid var(--cyan)}.login-card{max-width:500px;margin:80px auto}.login-card form{display:grid;gap:14px}.login-card input,.login-card textarea{width:100%;background:#0b0f14;border:1px solid var(--line);color:#fff;padding:12px;font:inherit}.login-card textarea{resize:vertical}@media(max-width:800px){.admin-form{grid-template-columns:1fr}.admin-table{font-size:.82rem}.admin-table th:nth-child(2),.admin-table td:nth-child(2){display:none}}
.pagehead input{width:min(560px,100%);margin-top:22px;padding:14px 16px;background:#0b0f14;color:white;border:1px solid var(--line);font:inherit}.catalog,.cover-grid{max-width:var(--max);margin:auto;padding:0 24px 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalog-card{background:var(--panel);border:1px solid var(--line);padding:18px}.catalog-card h2{font-size:1.15rem;margin:0 0 8px}.catalog-card p{color:var(--muted);margin:0 0 14px}.catalog-card video{width:100%;background:#000}.cover-card{appearance:none;border:1px solid var(--line);padding:0;background:var(--panel);color:var(--ink);text-align:left;cursor:pointer}.cover-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#0a0d11}.cover-card span{display:block;padding:11px;font-size:.82rem;color:var(--muted)}.empty{color:var(--muted);grid-column:1/-1}.videos{grid-template-columns:repeat(2,1fr)}dialog[data-lightbox]{max-width:min(90vw,900px);background:#080a0d;color:white;border:1px solid var(--line);padding:18px}dialog::backdrop{background:rgba(0,0,0,.85)}dialog img{display:block;max-width:100%;max-height:78vh;margin:auto}dialog button{float:right;background:var(--cyan);border:0;font-size:1.4rem;cursor:pointer}.topbar nav a{white-space:nowrap}
.archive-page .pagehead{padding:42px 24px 22px}.archive-page .pagehead h1{font-size:clamp(2.4rem,5vw,4.5rem);margin:.15em 0}.archive-page .pagehead p{font-size:1rem;margin:.4em 0}.archive-page .pagehead input{margin-top:12px}.archive-page .pagehead [data-count]{margin:.35rem 0;color:var(--cyan);font-size:.9rem}
.book-page{max-width:var(--max);margin:auto;padding:70px 24px 110px;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:60px;align-items:center}.book-cover{background:var(--panel);border:1px solid var(--line);padding:14px}.book-cover img{display:block;width:100%;height:auto}.book-copy h1{font-size:clamp(3rem,7vw,7rem);line-height:.85;margin:.18em 0}.book-copy h2{font-size:clamp(1.2rem,2vw,2rem);font-weight:400;color:var(--cyan);max-width:700px}.book-copy p{max-width:700px;color:var(--muted);font-size:1.1rem}.book-copy .btn{display:inline-block;margin-top:18px}.book-note{font-size:.85rem;margin-top:26px}@media(max-width:800px){.book-page{grid-template-columns:1fr;gap:28px;padding-top:40px}.book-cover{max-width:420px}.book-copy h1{font-size:4rem}}
.home-library{max-width:var(--max);margin:auto;padding:100px 24px}.home-library-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:30px}.home-library-head h2{font-size:clamp(2.4rem,5vw,4.7rem);line-height:.95;margin:.18em 0;max-width:720px}.home-library-head p{max-width:720px;color:var(--muted)}.home-actions{display:flex;flex-wrap:wrap;gap:10px}.home-actions .btn{white-space:nowrap}.home-player{display:grid;grid-template-columns:1fr 1.35fr;border:1px solid var(--line);background:var(--panel);margin-bottom:42px}.home-player>div{padding:28px}.home-player h2{font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.05;margin:.3em 0 24px}.home-player audio{width:100%}.home-player ol{margin:0;padding:0;list-style:none;max-height:340px;overflow:auto;border-left:1px solid var(--line)}.home-player li{border-bottom:1px solid var(--line)}.home-player button{display:flex;gap:12px;width:100%;padding:12px 16px;background:transparent;border:0;color:var(--ink);text-align:left;font:inherit;cursor:pointer}.home-player button:hover{background:#17222c;color:var(--cyan)}.home-player button span{color:var(--cyan);font-size:.8rem}.home-cover-preview{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.home-cover{display:block;background:var(--panel);border:1px solid var(--line);overflow:hidden}.home-cover img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.home-cover span{display:block;padding:8px;font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-more{text-align:right;margin:12px 0 45px}.home-more a{color:var(--cyan);font-weight:800}.home-video-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.home-video-preview article{background:var(--panel);border:1px solid var(--line);padding:14px}.home-video-preview h3{margin:0 0 10px}.home-video-preview video{width:100%;background:#000}@media(max-width:800px){.home-library{padding:60px 24px}.home-library-head,.home-player{display:block}.home-player ol{border-left:0;border-top:1px solid var(--line);max-height:300px}.home-actions{margin-top:20px}.home-cover-preview{grid-template-columns:repeat(2,1fr)}.home-video-preview{grid-template-columns:1fr}}
.playlist{max-width:var(--max);margin:0 auto 80px;padding:0 24px;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.4fr);gap:22px}.now-playing,.queue{border:1px solid var(--line);background:var(--panel)}.now-playing{padding:28px;align-self:start;position:sticky;top:95px}.now-playing h2{margin:12px 0 20px;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.05}.now-playing audio{width:100%}.player-controls{display:flex;gap:10px;margin-top:14px}.player-controls button,.queue button{font:inherit;color:inherit;border:0;cursor:pointer}.player-controls button{padding:10px 14px;background:#1b2630;border:1px solid var(--line)}.player-controls button:hover{border-color:var(--cyan);color:var(--cyan)}.queue-label{padding:16px 18px;border-bottom:1px solid var(--line);font-weight:800}.queue ol{height:65vh;overflow:auto;margin:0;padding:0;list-style:none}.queue li{border-bottom:1px solid #1b2028}.queue li button{display:flex;gap:12px;width:100%;padding:12px 16px;text-align:left;background:transparent}.queue li button span{color:var(--cyan);font-size:.75rem;min-width:28px;padding-top:3px}.queue li:hover button,.queue li.selected button{background:#17222c}.queue li.selected button{box-shadow:inset 3px 0 var(--cyan);color:white}
@media(max-width:800px){.nav-toggle{display:block}nav{display:none;position:absolute;top:65px;left:0;right:0;background:#0a0d11;padding:20px;flex-direction:column}nav.open{display:flex}.feature-grid,.cards,.catalog,.cover-grid,.videos,.playlist{grid-template-columns:1fr}.manifesto,.now,.note,.project-list article{grid-template-columns:1fr;gap:20px}.gallery{columns:1}.hero{min-height:70vh}.hero h1{font-size:20vw}.now-playing{position:static}.queue ol{height:55vh}}