600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#050708;--panel:#0b1014;--panel2:#10171c;--line:#26363e;--text:#f4f4ef;--muted:#9da9af;--cyan:#00e4f5;--blue:#258dff;--purple:#8b38dc;--magenta:#f22bba;--red:#ef252c;--lime:#d4f329;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:radial-gradient(ellipse at 50% -10%,#172127 0,transparent 45%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}.site-header{height:72px;display:flex;align-items:center;gap:36px;padding:0 clamp(18px,5vw,72px);border-bottom:1px solid #263137;background:rgba(4,7,9,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.wordmark{font:800 27px/1 'Barlow Condensed',sans-serif;letter-spacing:-.7px;white-space:nowrap}.wordmark span{color:#fff}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,42px);margin:auto}.main-nav a,.site-footer nav a{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#d5d9db;transition:color .2s}.main-nav a:hover,.site-footer nav a:hover{color:var(--cyan)}.chevron{color:var(--cyan);font-size:16px}.header-actions{display:flex;gap:18px;align-items:center}.icon-button{border:0;background:none;color:#f3f5f5;font-size:23px;padding:3px;position:relative}.cart-link i{position:absolute;top:-2px;right:-8px;background:var(--red);border-radius:50%;font-size:9px;font-style:normal;width:15px;height:15px;display:grid;place-items:center}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:white;border-radius:4px;padding:7px 10px}.hero{min-height:500px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #26353b;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.58) 48%,rgba(0,0,0,.12)),radial-gradient(ellipse at 78% 42%,#075a70 0,transparent 24%),radial-gradient(ellipse at 80% 75%,#33123e 0,transparent 30%),linear-gradient(135deg,#1b252b,#06090c 55%,#151d22)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.7;background:repeating-linear-gradient(90deg,transparent 0 7%,rgba(0,228,245,.035) 7.2% 7.4%,transparent 7.7% 15%),linear-gradient(0deg,#030607 0%,transparent 40%)}.hero:after{content:"";position:absolute;z-index:-1;right:6%;top:17%;width:32%;height:62%;background:repeating-linear-gradient(90deg,transparent 0 6px,rgba(0,228,245,.25) 7px 9px,transparent 10px 16px);clip-path:polygon(0 48%,3% 40%,5% 58%,8% 28%,11% 70%,14% 44%,17% 50%,20% 13%,23% 86%,26% 41%,30% 56%,33% 24%,36% 74%,39% 44%,43% 51%,46% 0,49% 100%,52% 34%,56% 58%,60% 29%,63% 72%,67% 45%,70% 51%,73% 20%,77% 79%,80% 43%,84% 55%,88% 32%,92% 66%,96% 47%,100% 50%,100% 100%,0 100%);filter:drop-shadow(0 0 18px var(--cyan));opacity:.5}.hero-content{width:min(790px,68%);padding:70px clamp(22px,7vw,105px);position:relative;z-index:1}.eyebrow{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:2.3px;text-transform:uppercase}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:8px;box-shadow:0 0 10px var(--red)}h1,h2,h3,p{margin-top:0}.hero h1{font:800 clamp(42px,5vw,74px)/.91 'Barlow Condensed',sans-serif;letter-spacing:-1.5px;margin:18px 0 17px;max-width:790px;text-transform:uppercase}.hero h1 em{font-style:normal;color:var(--red)}.hero-copy{color:#d3d9db;max-width:590px;font-size:13px;line-height:1.7}.button-row{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:42px;padding:0 22px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-red{background:var(--red);border:1px solid var(--red);color:#fff;box-shadow:0 7px 22px #ef252c24}.btn-red:hover{background:#ff4147}.btn-outline{border:1px solid #697980;background:#080d10b8}.btn-outline:hover{border-color:var(--cyan)}.hero-emblem{position:absolute;right:14%;top:25%;width:clamp(120px,17vw,235px);filter:drop-shadow(0 0 22px #00e4f577)}.hero-emblem svg{width:100%;overflow:visible}.hero-emblem circle{fill:#03171cdd;stroke:var(--cyan);stroke-width:3}.hero-emblem path{fill:none;stroke:var(--cyan);stroke-width:5;stroke-linejoin:round}.hero-controls{position:absolute;right:5%;bottom:24px;display:flex;gap:7px;align-items:center}.hero-controls button{width:29px;height:29px;border:1px solid #506168;background:#071014;color:white;border-radius:3px;font-size:22px}.hero-dots{display:flex;gap:7px;margin-left:10px}.hero-dots i{width:6px;height:6px;border-radius:50%;background:#637178}.hero-dots i.active{background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.content-wrap{max-width:var(--max);margin:auto;padding:0 clamp(18px,5vw,70px)}.section{padding:26px 0 6px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px}.section-heading>div:first-child{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.section-heading h2{font:700 38px/.9 'Barlow Condensed',sans-serif;margin:0;letter-spacing:-.4px}.section-heading p{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;margin:0}.heading-line{display:inline-block;width:29px;height:2px;background:var(--cyan);vertical-align:middle;margin-left:12px}.text-link{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#d7dfe2;white-space:nowrap}.text-link:hover{color:var(--cyan)}.learn-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.learn-card{min-width:0;position:relative;border:1px solid #2c424c;border-radius:4px;background:#0b1115;overflow:hidden;padding:0 9px 9px;transition:border-color .2s,transform .2s}.learn-card:hover,.product-card:hover{border-color:var(--cyan);transform:translateY(-2px)}.tag{position:absolute;z-index:2;top:8px;left:8px;background:#f2f2ed;color:#101315;padding:3px 6px;border-radius:2px;font-size:8px;font-weight:800;text-transform:uppercase}.learn-card h3{font-size:11px;line-height:1.35;font-weight:600;margin:7px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learn-card p{font-size:9px;color:var(--muted);margin:0}.learn-card p span{padding:0 5px;color:var(--cyan)}.learn-card p b{float:right;color:white;font-size:11px}.wave-art,.mini-studio,.keyboard-art{height:83px;margin:0 -9px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#153e5d,#050a10 70%)}.wave-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 4px,var(--wave,#00e4f5) 5px 6px,transparent 7px 9px);clip-path:polygon(0 48%,3% 41%,5% 60%,7% 23%,9% 70%,12% 36%,15% 52%,17% 14%,20% 86%,22% 43%,26% 53%,29% 29%,32% 72%,35% 46%,38% 54%,41% 10%,44% 89%,47% 39%,50% 59%,53% 27%,56% 72%,59% 43%,62% 55%,65% 5%,68% 92%,71% 42%,74% 56%,77% 30%,80% 68%,83% 42%,86% 58%,89% 25%,92% 74%,95% 45%,100% 50%,100% 100%,0 100%);filter:drop-shadow(0 0 6px var(--wave))}.wave-art:after{content:"";position:absolute;width:44px;height:44px;left:calc(50% - 22px);top:calc(50% - 22px);border:2px solid var(--wave);border-radius:50%;box-shadow:0 0 17px var(--wave),inset 0 0 14px var(--wave);opacity:.85}.cyan-wave{--wave:#00e4f5}.blue-wave{--wave:#258dff}.magenta-wave{--wave:#f22bba}.purple .wave-art,.learn-card.purple{--wave:#8b38dc}.art-studio .mini-studio{background:linear-gradient(135deg,#020508,#17344c 45%,#06090d);}.mini-studio:before{content:"";position:absolute;inset:16px 15px 8px;background:linear-gradient(90deg,#0d1721,#101c2a);border:2px solid #3c657b;box-shadow:0 0 14px #00e4f544;transform:perspective(100px) rotateX(4deg)}.mini-studio:after{content:"▥ ▥ ▥";position:absolute;top:34px;left:25%;font-size:20px;color:var(--cyan);text-shadow:0 0 9px var(--cyan)}.art-keys .keyboard-art{background:repeating-linear-gradient(90deg,#d4d7d5 0 10px,#0a0b0d 10px 12px,#fff 12px 22px);color:#07090a;text-align:center;padding-top:20px;font-size:23px;transform:none}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters select{background:#0b1115;color:#dfe6e8;border:1px solid #3b4b51;padding:7px 25px 7px 9px;border-radius:4px;font-size:10px;max-width:120px}.product-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.product-card{min-width:0;background:#0b1115;border:1px solid #293b43;border-radius:4px;overflow:hidden;transition:.2s}.cover{height:122px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;text-align:center;background:#10171b}.cover:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,#00e4f577,transparent 34%),repeating-linear-gradient(135deg,transparent 0 8px,#ffffff08 9px 10px,transparent 11px 19px)}.cover strong,.cover small,.cover-symbol{position:relative;z-index:1}.cover strong{font:800 28px/ .9 'Barlow Condensed',sans-serif;letter-spacing:1px}.cover small{font-size:7px;letter-spacing:1px;margin-top:7px;color:#d6e5e7}.cover-m3{background:radial-gradient(circle at 50% 50%,#064b55,#111b21 45%,#210b16)}.cover-symbol{font:900 77px/1 'Barlow Condensed',sans-serif;color:var(--cyan);text-shadow:0 0 16px #00e4f5}.cover-mist{background:linear-gradient(135deg,#c4d6d7,#19333b 48%,#05090c)}.cover-midi{background:linear-gradient(135deg,#0c1823,#071017 50%,#613a42)}.cover-neon{background:linear-gradient(135deg,#10102b,#164a66,#07080d)}.cover-vocal{background:linear-gradient(145deg,#eee6dc,#f5f1e8 52%,#17171a);color:#111}.cover-vocal strong{font-size:24px;color:#131313}.cover-vocal small{color:#1c1c1c}.cover-blue{background:linear-gradient(135deg,#a5d8eb,#173b55 50%,#02080c)}.cover-purple{background:linear-gradient(135deg,#4c0c59,#101e3c,#07080b)}.product-info{padding:8px}.product-info h3{font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 8px}.product-bottom{display:flex;align-items:center;gap:6px}.product-bottom span{font-size:10px;white-space:nowrap}.play-sample{width:20px;height:20px;flex:none;border:0;border-radius:50%;background:#f2f4ef;color:#070a0c;font-size:9px;padding-left:6px}.mini-wave{height:15px;flex:1;min-width:10px;opacity:.8;background:repeating-linear-gradient(90deg,#d4e2e5 0 2px,transparent 2px 4px);clip-path:polygon(0 45%,5% 30%,8% 68%,12% 20%,17% 80%,22% 35%,28% 60%,32% 5%,37% 95%,43% 30%,48% 68%,52% 20%,57% 75%,61% 38%,68% 55%,72% 10%,77% 90%,83% 35%,89% 60%,94% 22%,100% 50%,100% 100%,0 100%)}.filter-empty{color:var(--muted);padding:24px;text-align:center}.promo-banner{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:155px;padding:26px 28px;margin:20px 0 10px;border:1px solid #2e4c57;border-radius:4px;background:linear-gradient(90deg,#05090c 0%,#07151d 53%,#071016 100%)}.promo-banner:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 78% 50%,#003f5c,transparent 42%),repeating-linear-gradient(135deg,transparent 0 10px,#ffffff04 11px 12px,transparent 13px 24px)}.promo-banner h2{font:700 clamp(23px,3vw,36px)/.95 'Barlow Condensed',sans-serif;max-width:620px;margin:8px 0}.promo-banner p:not(.eyebrow){color:#b6c0c3;font-size:11px;margin-bottom:15px}.promo-banner .eyebrow{margin:0}.promo-wave{width:30%;height:65px;background:repeating-linear-gradient(90deg,transparent 0 4px,#00e4f5 5px 6px,transparent 7px 10px);clip-path:polygon(0 50%,3% 35%,6% 70%,9% 18%,12% 82%,15% 42%,18% 55%,21% 2%,24% 98%,27% 32%,30% 60%,33% 20%,36% 76%,39% 42%,42% 58%,45% 5%,48% 95%,51% 40%,54% 62%,57% 30%,60% 72%,63% 42%,66% 56%,69% 12%,72% 88%,75% 38%,78% 60%,81% 24%,84% 76%,87% 45%,90% 55%,93% 30%,96% 70%,100% 50%,100% 100%,0 100%);filter:drop-shadow(0 0 10px var(--cyan));opacity:.85}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.service-card{border:1px solid #263941;background:#0a0f12;padding:0 12px 13px;border-radius:4px;overflow:hidden}.service-art{height:120px;margin:0 -12px 12px;background:linear-gradient(135deg,#111c23,#020608);position:relative}.service-art:after{content:"";position:absolute;inset:20% 15%;border:1px solid #00e4f577;box-shadow:0 0 20px #00e4f522;transform:skew(-12deg);background:repeating-linear-gradient(90deg,transparent 0 9px,#00e4f522 10px 11px,transparent 12px 20px)}.master-art{background:radial-gradient(ellipse at 50% 80%,#075b75,#080c10 55%)}.master-art:after{border-color:#258dff;background:repeating-linear-gradient(90deg,transparent 0 6px,#258dff55 7px 8px,transparent 9px 13px)}.sound-art{background:radial-gradient(ellipse at 65% 20%,#6b174c,#080c10 60%)}.sound-art:after{border-color:#f22bba;background:repeating-linear-gradient(90deg,transparent 0 5px,#f22bba55 6px 7px,transparent 8px 12px)}.service-card h3{font:700 25px/.9 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0 0 7px}.service-card p{font-size:11px;color:var(--muted);line-height:1.6;min-height:35px;margin:0 0 9px}.service-card>a{font-size:10px;color:var(--red);text-transform:uppercase;font-weight:700}.merch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.merch-card{border:1px solid #27363b;background:#0b1013;border-radius:4px;overflow:hidden;padding-bottom:10px}.merch-product{height:150px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#2b3338,#080a0c 65%);font:900 52px 'Barlow Condensed',sans-serif;color:#00e4f5;text-shadow:0 0 15px #00e4f555;position:relative}.merch-product:before{content:"";position:absolute;width:92px;height:100px;border:1px solid #647279;border-radius:38% 38% 12% 12%;background:linear-gradient(120deg,#22282b,#070809 60%,#25292c);box-shadow:0 12px 25px #000}.merch-product.tee:before{width:100px;height:90px;border-radius:8px;clip-path:polygon(25% 0,75% 0,100% 20%,85% 40%,77% 30%,77% 100%,23% 100%,23% 30%,15% 40%,0 20%)}.merch-product.cap:before{width:100px;height:54px;border-radius:60% 60% 10% 10%;transform:translateY(7px)}.merch-product.cap:after{content:"";position:absolute;width:100px;height:15px;border-radius:50%;background:#131719;border:1px solid #454d50;transform:translate(18px,31px)}.merch-product.green{color:var(--lime)}.merch-card h3,.merch-card>span{display:block;margin:8px 10px 0;font-size:10px;font-weight:500}.merch-card>span{color:var(--muted);font-size:11px}.site-footer{margin-top:34px;border-top:1px solid #26353a;padding:24px clamp(18px,5vw,72px);display:flex;align-items:center;gap:28px;flex-wrap:wrap;background:#040607}.footer-brand{display:flex;flex-direction:column;gap:4px}.footer-brand .wordmark{font-size:22px}.footer-brand small{font-size:10px;color:var(--muted);font-style:italic}.site-footer nav{display:flex;gap:18px;flex-wrap:wrap;margin:auto}.site-footer nav a{font-size:9px}.social-links{display:flex;gap:14px;font-size:15px;color:#c3cdd0}.social-links a:hover{color:var(--cyan)}.copyright{font-size:9px;color:#7f8a8f}.search-panel{position:fixed;inset:72px 0 auto;z-index:25;background:#080c0f;padding:28px clamp(20px,8vw,120px);border-bottom:1px solid var(--cyan);box-shadow:0 20px 50px #000b}.search-panel form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.search-panel label{width:100%;font:700 26px 'Barlow Condensed',sans-serif;text-transform:uppercase}.search-panel input{flex:1;min-width:200px;background:#11191e;border:1px solid #34454d;padding:12px;color:white;border-radius:4px}.search-close{background:none;color:#c6d0d3;border:0}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);padding:12px 18px;border:1px solid var(--cyan);background:#081317;color:white;border-radius:4px;opacity:0;pointer-events:none;transition:.2s;z-index:50;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}
/* inner pages */
.page-hero{padding:58px clamp(18px,6vw,86px) 38px;background:linear-gradient(110deg,#0b151b,#050708 70%);border-bottom:1px solid var(--line)}.breadcrumbs{font-size:10px;color:var(--muted);margin-bottom:15px}.page-hero h1{font:800 clamp(42px,6vw,70px)/.95 'Barlow Condensed',sans-serif;margin:0 0 10px}.page-hero p{color:#aeb9bd;max-width:650px;line-height:1.7}.inner-wrap{max-width:var(--max);margin:auto;padding:25px clamp(18px,5vw,70px) 55px}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.blog-card{border:1px solid var(--line);background:#0b1014;border-radius:4px;overflow:hidden;display:grid;grid-template-columns:42% 1fr;min-height:190px}.blog-art{min-height:180px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 40% 40%,#142b51,#080b11)}.blog-art:before{content:"";position:absolute;inset:15%;border-radius:50%;border:2px solid var(--cyan);box-shadow:0 0 30px var(--cyan);opacity:.6}.blog-art span{font:900 48px 'Barlow Condensed',sans-serif;color:var(--magenta);text-shadow:0 0 20px var(--magenta);position:relative}.blog-art.alt{background:radial-gradient(circle at 60% 50%,#441252,#07090d)}.blog-art.alt:before{border-color:var(--magenta);box-shadow:0 0 30px var(--magenta)}.blog-copy{padding:18px}.blog-copy .tagline{font-size:9px;color:var(--cyan);text-transform:uppercase;letter-spacing:1px}.blog-copy h2{font:700 26px/1 'Barlow Condensed',sans-serif;margin:10px 0}.blog-copy p{font-size:11px;color:var(--muted);line-height:1.65}.blog-copy button,.dashboard button,.resource-row button,.store-row button{background:#111b21;color:#edf5f6;border:1px solid #43535a;border-radius:3px;padding:7px 10px;font-size:10px}.blog-copy button:hover,.dashboard button:hover{border-color:var(--cyan)}.hub-layout{display:grid;grid-template-columns:220px 1fr;gap:16px}.hub-sidebar,.dashboard,.resource-table,.store-table{border:1px solid var(--line);background:#0b1014;border-radius:4px}.hub-sidebar{padding:16px}.user-mini{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:12px}.avatar{width:40px;height:40px;border:1px solid #3a525d;border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:22px}.user-mini strong{display:block;font-size:11px}.user-mini small{color:var(--muted);font-size:9px}.hub-sidebar a{display:block;padding:10px 9px;border-radius:3px;font-size:11px;color:#c6d0d3}.hub-sidebar a.active,.hub-sidebar a:hover{background:#102b35;color:var(--cyan)}.hub-main h2,.inner-section-title{font:700 28px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0 0 13px}.dashboard{padding:18px;margin-bottom:18px}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}.dashboard-top p{font-size:11px;color:var(--muted);margin:0}.dashboard-top strong{color:#f5f5f0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:13px;background:#10171c;border:1px solid #273941;border-radius:3px}.stat small{display:block;font-size:9px;color:var(--muted);margin-bottom:8px}.stat strong{font:700 25px 'Barlow Condensed',sans-serif}.stat strong.active{font:600 14px Inter,sans-serif;color:#59e7b0}.table-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.table-heading h3{font:700 24px 'Barlow Condensed',sans-serif;margin:0}.resource-row,.store-row{display:grid;grid-template-columns:1fr 120px 100px;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid #1c292e;font-size:11px}.resource-row:last-child,.store-row:last-child{border-bottom:0}.resource-row small,.store-row small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.resource-row button,.store-row button{justify-self:end}.store-layout{display:grid;grid-template-columns:180px 1fr;gap:15px}.category-list{border:1px solid var(--line);background:#0b1014;padding:14px;border-radius:4px}.category-list h3{font:700 22px 'Barlow Condensed',sans-serif;margin:0 0 12px}.category-list button{display:block;width:100%;text-align:left;padding:10px 8px;border:0;border-radius:3px;background:transparent;color:#b8c3c7;font-size:11px}.category-list button.active,.category-list button:hover{background:#13232a;color:var(--cyan)}.store-table{overflow:hidden}.store-row{grid-template-columns:1fr 90px 90px 95px}.store-row button{background:var(--red);border-color:var(--red)}.empty-state{padding:30px;text-align:center;color:var(--muted)}.brand-exploration{margin-top:35px;border-top:1px solid var(--line);padding-top:25px}.brand-exploration h2{font:700 28px 'Barlow Condensed',sans-serif}.logo-concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.logo-concept{border:1px solid var(--line);padding:18px;background:#0b1014;border-radius:4px}.logo-concept .concept-logo{min-height:110px;display:grid;place-items:center;margin-bottom:15px;background:#070a0c;border:1px solid #1c2c33}.concept-logo svg{width:75px;height:75px}.concept-logo.word-logo{font:900 27px 'Barlow Condensed',sans-serif;letter-spacing:1px}.concept-logo.brush-logo{font:900 italic 30px 'Barlow Condensed',sans-serif;color:var(--cyan);transform:skew(-8deg)}.logo-concept h3{font:700 22px 'Barlow Condensed',sans-serif;margin:0 0 7px}.logo-concept p{font-size:11px;line-height:1.6;color:var(--muted)}.palette-dots{display:flex;gap:7px;margin-top:12px}.palette-dots i{width:17px;height:17px;border-radius:50%;background:var(--c);border:1px solid #ffffff22}.page-note{color:var(--muted);font-size:11px;line-height:1.7}.mobile-only{display:none}
@media(max-width:1100px){.site-header{gap:20px}.main-nav{gap:18px}.learn-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-emblem{right:7%;opacity:.8}.site-footer{gap:18px}.site-footer nav{order:3;width:100%;margin:0}.copyright{margin-left:auto}}
@media(max-width:720px){.site-header{height:62px;padding:0 17px;gap:12px}.wordmark{font-size:23px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;left:0;right:0;top:61px;background:#070a0c;border-bottom:1px solid var(--cyan);padding:18px;align-items:stretch;flex-direction:column;gap:0}.main-nav.open{display:flex}.main-nav a{padding:13px 5px;border-bottom:1px solid #1d2b30}.header-actions{gap:10px}.header-actions .icon-button{font-size:20px}.hero{min-height:465px;align-items:flex-start}.hero-content{width:100%;padding:70px 22px 95px}.hero h1{font-size:clamp(41px,11vw,62px);letter-spacing:-.8px}.hero-copy{font-size:12px;max-width:480px}.hero-emblem{width:100px;right:20px;top:auto;bottom:22px;opacity:.85}.hero-controls{left:22px;right:auto;bottom:26px}.hero-controls button{width:27px;height:27px}.content-wrap{padding:0 16px}.section{padding-top:25px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.section-heading>div:first-child{gap:9px}.section-heading h2{font-size:34px}.section-heading p{font-size:9px}.section-heading .text-link{align-self:flex-end;margin-top:-30px}.learn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wave-art,.mini-studio,.keyboard-art{height:80px}.filters{width:100%;display:grid;grid-template-columns:repeat(2,1fr)}.filters select{max-width:none;width:100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cover{height:145px}.product-info h3{font-size:11px}.promo-banner{padding:22px 18px;min-height:190px}.promo-banner h2{font-size:30px;max-width:100%}.promo-wave{position:absolute;right:12px;bottom:15px;width:40%;opacity:.25}.promo-banner>div:first-child{position:relative;z-index:1}.service-grid{grid-template-columns:1fr}.service-art{height:130px}.service-card p{min-height:0}.merch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.merch-product{height:140px}.site-footer{padding:22px 18px;gap:16px}.site-footer nav{gap:12px 18px}.site-footer nav a{font-size:8px}.social-links{margin-left:auto}.copyright{width:100%;margin:0}.search-panel{top:62px;padding:22px 18px}.blog-grid{grid-template-columns:1fr}.blog-card{grid-template-columns:38% 1fr;min-height:165px}.blog-art{min-height:165px}.blog-copy{padding:13px}.blog-copy h2{font-size:23px}.blog-copy p{font-size:10px}.hub-layout{grid-template-columns:1fr}.hub-sidebar{display:flex;flex-wrap:wrap;gap:5px;padding:10px}.user-mini{width:100%;padding:4px 0 10px;margin:0 0 4px}.hub-sidebar a{padding:9px}.stat-grid{grid-template-columns:1fr}.stat{display:flex;align-items:center;justify-content:space-between}.resource-row{grid-template-columns:1fr 70px 78px;padding:11px 9px;gap:6px;font-size:10px}.store-layout{grid-template-columns:1fr}.category-list{display:flex;gap:5px;flex-wrap:wrap}.category-list h3{width:100%}.category-list button{width:auto;padding:8px}.store-row{grid-template-columns:1fr 65px 60px;padding:11px 8px;gap:7px}.store-row .type-cell{display:none}.store-row button{padding:6px;font-size:9px}.logo-concepts{grid-template-columns:1fr}.logo-concept .concept-logo{min-height:90px}.page-hero{padding:38px 18px 28px}.page-hero h1{font-size:47px}.inner-wrap{padding:20px 16px 40px}.table-heading{padding:12px}.table-heading h3{font-size:22px}.dashboard{padding:12px}.dashboard-top{align-items:flex-start;flex-direction:column}.hero-dots{display:none}}
@media(min-width:721px) and (max-width:900px){.main-nav{gap:12px}.main-nav a{font-size:8px}.site-header{padding:0 22px}.header-actions{gap:9px}.hero-content{width:75%}.hero-emblem{right:4%;width:130px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-grid{grid-template-columns:1fr}.hub-layout{grid-template-columns:170px 1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}