:root{--pub-bg:#050507;--pub-bg2:#10151f;--pub-bg3:#050507;--pub-ink:#fff8eb;--pub-text:#edf4fb;--pub-muted:#d8d0c2;--pub-soft:#aaa195;--pub-line:rgba(255,255,255,.18);--pub-gold:#f6cf65;--pub-cyan:#70ddff;--pub-mag:#ff75d8;--pub-green:#86ff7b;--pub-amber:#ffc86a;--pub-violet:#b896ff;--pub-radius:22px;--pub-serif:Georgia,Times New Roman,serif;--pub-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}body{background:#050507;color:var(--pub-ink);font-family:var(--pub-sans);overflow-x:hidden}body:before{background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.92)),url('/assets/music/mattbear-bg.jpg') center top/cover no-repeat,radial-gradient(circle at 10% 5%,rgba(112,221,255,.16),transparent 30rem),radial-gradient(circle at 90% 8%,rgba(255,117,216,.14),transparent 32rem),#050507;filter:saturate(1.08)}body:after{opacity:.68;background:linear-gradient(90deg,rgba(0,0,0,.64),rgba(0,0,0,.18),rgba(0,0,0,.68)),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,100% 9px}.top{background:rgba(5,5,8,.70);border-bottom:1px solid var(--pub-line);contain:layout paint}.panel,.card,.feature,.machine,.faq details,.pub-panel,.pub-card{background:linear-gradient(180deg,rgba(18,22,32,.64),rgba(6,8,12,.56));border-color:var(--pub-line);box-shadow:0 18px 50px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.035);backdrop-filter:blur(13px) saturate(1.06);transform:none;contain:layout paint}.card:hover,.feature:hover,.machine:hover,.faq details:hover,.pub-card:hover{transform:none;border-color:rgba(112,221,255,.40);box-shadow:0 18px 54px rgba(0,0,0,.40);filter:brightness(1.02)}.btn{background:rgba(6,8,12,.46);color:#fffaf0;border-color:var(--pub-line);box-shadow:0 0 0 1px rgba(255,255,255,.10);text-shadow:none;transform:none;touch-action:manipulation;user-select:none;transition:filter .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.btn:hover,.btn:focus-visible,.btn:active{transform:none}.btn.primary{border-color:rgba(246,207,101,.70);color:#fff1bd}.btn.cyan{border-color:rgba(112,221,255,.56)}.btn.mag{border-color:rgba(255,117,216,.56)}.btn.green{border-color:rgba(134,255,123,.56)}.btn.amber{border-color:rgba(255,200,106,.62)}.hero{padding-bottom:18px}.pub-hero{padding:clamp(22px,4vw,42px);display:grid;gap:18px}.pub-hero h1{max-width:1080px;font-family:var(--pub-serif);text-transform:none;letter-spacing:-.07em;text-shadow:none}.pub-copy{max-width:900px;color:var(--pub-text);font:700 clamp(1rem,2vw,1.18rem)/1.58 var(--pub-sans)}.pub-actions{display:flex;gap:8px;flex-wrap:wrap;contain:layout}.pub-routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;contain:layout}.pub-route,.pub-note{padding:15px;border:1px solid var(--pub-line);border-radius:18px;background:rgba(6,8,12,.44);box-shadow:0 10px 34px rgba(0,0,0,.26);backdrop-filter:blur(10px);transform:none;contain:layout paint}.pub-route{min-height:128px;text-decoration:none;color:inherit}.pub-route:hover,.pub-route:active{transform:none}.pub-route b,.pub-note b{display:block;font:900 .78rem var(--pub-sans);text-transform:uppercase;letter-spacing:.12em;color:#fffaf0}.pub-route span,.pub-note span{display:block;margin-top:7px;color:var(--pub-muted);font:700 .9rem/1.45 var(--pub-sans)}.pub-section-title{margin:30px 0 12px;display:flex;justify-content:space-between;gap:18px;align-items:end;flex-wrap:wrap}.pub-section-title h2{margin:0;font-family:var(--pub-serif);font-weight:900;font-size:clamp(1.8rem,3.3vw,3.4rem);line-height:.98;text-transform:none;letter-spacing:-.055em}.pub-section-title p{max-width:700px;margin:0;color:var(--pub-muted);font:700 .96rem/1.5 var(--pub-sans)}.pub-grid{display:grid;gap:16px;contain:layout}.pub-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.pub-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.pub-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.pub-card{position:relative;overflow:hidden;border:1px solid var(--pub-line);border-radius:var(--pub-radius);padding:18px;min-height:232px;display:flex;flex-direction:column;gap:10px}.pub-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 82% 8%,var(--accent,rgba(112,221,255,.13)),transparent 32%),radial-gradient(circle at 12% 100%,rgba(255,117,216,.07),transparent 28%);opacity:.82;pointer-events:none}.pub-card>*{position:relative}.pub-card h3{margin:.2rem 0 .3rem;color:#fffaf0;font:900 1rem var(--pub-sans);text-transform:uppercase;letter-spacing:.08em}.pub-card p{margin:0;color:var(--pub-muted);font:700 .94rem/1.5 var(--pub-sans)}.pub-card .menu,.pub-card .pub-actions{margin-top:auto}.pub-kicker{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:2px}.pub-lane,.pub-status{display:inline-flex;width:max-content;max-width:100%;border-radius:999px;text-transform:uppercase}.pub-lane{border:1px solid var(--pub-line);padding:6px 10px;background:rgba(255,255,255,.05);color:var(--pub-gold);font:900 .66rem var(--pub-sans);letter-spacing:.12em}.pub-status{border:1px solid var(--pub-line);padding:5px 8px;background:rgba(255,255,255,.05);color:var(--pub-cyan);font:900 .62rem var(--pub-sans);letter-spacing:.12em}.pub-status.live{color:var(--pub-green)}.pub-status.ready{color:var(--pub-gold)}.pub-status.lab{color:var(--pub-mag)}.pub-band{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;align-items:stretch}.pub-list{margin:0;padding-left:1.1rem;color:var(--pub-muted);font:700 .95rem/1.55 var(--pub-sans)}.pub-list strong{color:var(--pub-ink)}.footer-menu{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}footer{color:var(--pub-muted)}@media(max-width:1100px){.pub-routes{grid-template-columns:repeat(2,minmax(0,1fr))}.pub-band{grid-template-columns:1fr}.pub-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.pub-grid.two,.pub-grid.three,.pub-grid.four{grid-template-columns:1fr}.pub-card{min-height:auto}.pub-section-title{display:block}.pub-section-title p{margin-top:8px}.pub-actions{display:grid;grid-template-columns:1fr 1fr}.pub-routes{grid-template-columns:1fr}}@media(max-width:640px){.pub-hero{padding:18px}.pub-kicker{display:block}.pub-status{margin-top:8px}.pub-card p{font-size:.92rem}.pub-actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}