@font-face{font-family:Space Colony;src:url(SpaceColony-UltraLight.otf) format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Space Colony;src:url(SpaceColony-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Space Colony;src:url(SpaceColony-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Colony;src:url(SpaceColony-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Space Colony;src:url(SpaceColony-SemiBold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Space Colony;src:url(SpaceColony-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--bg: #0D0D0D;--surface: #1A1A1A;--surface-2: #2A2A2A;--text: #FFFFFF;--text-2: #A0A0A0;--text-3: #666666;--brand: #2F86C6;--brand-deep: #175A85;--brand-ice: #BFE0F2;--signal: #F13D5D;--container: 1380px;--radius: 18px;--font-display: "Space Colony", "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "IBM Plex Mono", monospace;--header-h: 76px;--line: rgba(255, 255, 255, .06);--line-strong: rgba(255, 255, 255, .12);--brand-12: rgba(47, 134, 198, .12);--brand-25: rgba(47, 134, 198, .25);--brand-33: rgba(47, 134, 198, .33);--ease: cubic-bezier(.33, 1, .68, 1);--t-fast: .16s;--t-med: .22s;--shadow-card: 0 6px 18px rgba(0, 0, 0, .35);--shadow-card-hover: 0 18px 42px rgba(0, 0, 0, .55);--shadow-pop: 0 24px 60px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 72px)}body{background:var(--bg);color:var(--text);font:400 1rem/1.55 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}img,svg{display:block;max-width:100%}ul,ol{list-style:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.15}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit}[hidden]{display:none!important}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)'/%3E%3C/svg%3E");background-size:180px 180px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:24px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-64px;left:16px;z-index:2100;background:var(--brand);color:#fff;font:600 .9rem var(--font-body);text-decoration:none;padding:10px 18px;border-radius:10px;transition:top var(--t-fast) ease-out}.skip-link:focus-visible{top:12px}.noscript{padding:12px 24px;text-align:center;background:var(--surface);border-bottom:1px solid var(--line);color:var(--text-2);font-size:.9rem}.noscript a{color:var(--brand-ice);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:12px;border:1px solid transparent;font:600 .95rem var(--font-body);letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:background var(--t-fast) ease-out,border-color var(--t-fast) ease-out,transform var(--t-fast) ease-out,box-shadow var(--t-fast) ease-out}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-deep);border-color:var(--brand-deep);box-shadow:0 6px 22px #2f86c64d;transform:translateY(-1px)}.btn-ghost{background:transparent;border-color:#ffffff2e;color:var(--text)}.btn-ghost:hover{background:#ffffff0f;border-color:#ffffff52}.reveal{opacity:0;transform:translateY(16px);transition:opacity .48s var(--ease),transform .48s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.site-header{position:sticky;top:0;z-index:800;background:transparent;border-bottom:1px solid transparent;transition:background var(--t-med) ease-out,border-color var(--t-med) ease-out}.site-header.is-scrolled{background:#0d0d0dd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--header-h)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}.brand-mark{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 3px #2f86c629}.brand-word{display:flex;flex-direction:column;line-height:1;font:700 1.02rem var(--font-display);letter-spacing:.24em}.brand-sub{margin-top:4px;font:500 .56rem var(--font-mono);letter-spacing:.38em;text-transform:uppercase;color:var(--text-3)}.site-nav{display:flex;align-items:center;gap:30px}.nav-link{position:relative;padding:6px 2px;color:var(--text-2);text-decoration:none;font:500 .92rem var(--font-body);letter-spacing:.02em;transition:color var(--t-fast) ease-out}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform var(--t-fast) ease-out}.nav-link:hover,.nav-link:focus-visible{color:var(--text)}.nav-link:hover:after,.nav-link:focus-visible:after{transform:scaleX(1)}.nav-toggle{display:none;width:42px;height:42px;border-radius:50%;place-items:center;color:var(--text);border:1px solid var(--line-strong);background:#ffffff0a;transition:background var(--t-fast) ease-out,border-color var(--t-fast) ease-out}.nav-toggle:hover{background:var(--surface-2);border-color:#ffffff38}.nav-toggle svg{width:22px;height:22px}.hero{position:relative;overflow:hidden;padding:clamp(72px,10vw,128px) 0 clamp(64px,8vw,104px)}.hero-glow{position:absolute;top:-22%;right:-14%;width:min(64vw,780px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(47,134,198,.28) 0%,rgba(47,134,198,.08) 46%,transparent 70%);filter:blur(12px);pointer-events:none}.hero-logo{position:absolute;right:min(5vw,84px);top:50%;width:clamp(230px,29vw,430px);aspect-ratio:1;transform:translateY(-50%) rotate(-8deg);border-radius:50%;object-fit:cover;opacity:.14;filter:saturate(.85);pointer-events:none;-webkit-mask-image:radial-gradient(circle,#000 58%,transparent 72%);mask-image:radial-gradient(circle,#000 58%,transparent 72%)}.hero-inner{position:relative;z-index:1;max-width:768px}.hero-eyebrow{font:500 .78rem var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--brand-ice)}.hero-title{margin:18px 0 20px;font-size:clamp(2.3rem,5.2vw,4.1rem);line-height:1.04;letter-spacing:-.02em}.hero-title-accent{color:var(--brand-ice)}.hero-intro{max-width:56ch;color:var(--text-2);font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.65}.hero-stats{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin:28px 0 32px;font:500 .78rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.hero-stats li{display:inline-flex;align-items:center;gap:20px}.hero-stats li+li:before{content:"\b7";color:var(--brand);font-weight:700}.hero-ctas{display:flex;flex-wrap:wrap;gap:14px}.filter-bar{position:sticky;top:var(--header-h);z-index:700;background:#0d0d0dd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.filter-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}.pills{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;overflow-x:auto;padding:4px;margin:-4px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pills::-webkit-scrollbar{display:none}.pill{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:8px 15px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--text-2);font:500 .86rem var(--font-body);white-space:nowrap;cursor:pointer;transition:background var(--t-fast) ease-out,color var(--t-fast) ease-out,border-color var(--t-fast) ease-out}.pill:hover{background:var(--surface-2);color:var(--text)}.pill.is-active{border-color:var(--brand);background:var(--brand-12);color:var(--brand-ice)}.pill-count{font:500 .7rem var(--font-mono);color:var(--text-3);transition:color var(--t-fast) ease-out}.pill.is-active .pill-count{color:var(--brand-ice)}.search{flex:0 0 auto;display:flex;align-items:center;gap:10px;width:min(300px,100%);padding:9px 16px;border-radius:999px;background:var(--surface);border:1px solid rgba(255,255,255,.1);color:var(--text-3);transition:border-color var(--t-fast) ease-out,box-shadow var(--t-fast) ease-out}.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-25)}.search svg{width:16px;height:16px;flex:none}.search input{width:100%;border:0;outline:none;background:transparent;color:var(--text);font:400 .9rem var(--font-body)}.search input::placeholder{color:var(--text-3)}.search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.deck{padding:28px 0 80px}.grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}.card-wrap{min-width:0}.card{position:relative;display:flex;aspect-ratio:32 / 9;min-height:118px;overflow:hidden;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);cursor:pointer;transition:transform .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out}.card:hover,.card:focus-visible{transform:translateY(-2px);border-color:var(--brand-33);box-shadow:var(--shadow-card-hover)}.card:active{transform:translateY(0)}.card-art{position:absolute;top:0;right:0;bottom:0;width:58%}.card-art-img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .2s ease-out}.card:hover .card-art-img{transform:scale(1.03)}.card:not(.has-art) .card-art-img{display:none}.card-art-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(120% 140% at 100% 0%,rgba(47,134,198,.28) 0%,transparent 55%),linear-gradient(135deg,var(--brand-deep) 0%,#0D0D0D 78%)}.card.has-art .card-art-fallback{display:none}.card-art-fallback span{font:700 clamp(64px,8.5vw,120px) / 1 var(--font-display);color:#bfe0f21a;transform:translate(38%);-webkit-user-select:none;user-select:none}.card-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--surface) 0%,var(--surface) 30%,rgba(26,26,26,.86) 44%,rgba(26,26,26,0) 72%),linear-gradient(0deg,#0d0d0d8c,#0d0d0d00 42%)}.card-body{position:relative;z-index:2;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:clamp(14px,2.2vw,24px) clamp(16px,2.4vw,28px)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-cat{font:500 .72rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-ice)}.card-type{font:500 .62rem var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-2);padding:4px 9px;border-radius:999px;border:1px solid var(--line-strong);background:#ffffff0a;white-space:nowrap}.card-titles{min-width:0;max-width:56%;display:flex;flex-direction:column;gap:3px}.card-title{font:600 clamp(1rem,1.6vw,1.32rem) / 1.2 var(--font-display);letter-spacing:-.01em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-artist{font:400 .85rem var(--font-body);color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-bottom{display:flex;align-items:center;gap:14px}.card-bottom .play-btn{margin-left:auto}.card-meta{font:400 .72rem var(--font-mono);letter-spacing:.04em;color:var(--text-3);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-btn{flex:none;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:background var(--t-fast) ease-out,box-shadow var(--t-fast) ease-out,transform var(--t-fast) ease-out}.play-btn svg{width:17px;height:17px}.play-btn:hover{background:#2f86c64d;box-shadow:0 0 0 3px var(--brand-25);transform:scale(1.08)}.play-btn-lg{width:56px;height:56px}.play-btn-lg svg{width:22px;height:22px}.icon-pause,.card.is-playing .icon-play,.modal-root.is-playing .icon-play,.modal.is-playing .icon-play,.mini-player.is-playing .icon-play,.play-btn.is-playing .icon-play,.track.is-playing .icon-play{display:none}.card.is-playing .icon-pause,.modal-root.is-playing .icon-pause,.modal.is-playing .icon-pause,.mini-player.is-playing .icon-pause,.play-btn.is-playing .icon-pause{display:block}.card-eq{position:absolute;z-index:3;right:calc(clamp(16px,2.4vw,28px) + 58px);bottom:calc(clamp(14px,2.2vw,24px) + 14px);display:flex;align-items:flex-end;gap:3px;height:16px;opacity:0;pointer-events:none;transition:opacity var(--t-fast) ease-out}.card-eq i{width:3px;height:100%;border-radius:2px;background:var(--signal);transform:scaleY(.25);transform-origin:bottom;animation:eq-bounce 1s ease-in-out infinite}.card-eq i:nth-child(2){animation-delay:.15s}.card-eq i:nth-child(3){animation-delay:.3s}.card-eq i:nth-child(4){animation-delay:.45s}.card.is-playing .card-eq{opacity:1}@keyframes eq-bounce{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#060606b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity var(--t-med) ease-out}.modal-root.is-open .modal-backdrop{opacity:1}.modal{position:relative;z-index:1;width:100%;max-width:880px;max-height:86vh;overflow-y:auto;background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:var(--shadow-pop);opacity:0;transform:translateY(24px);transition:opacity var(--t-med) ease-out,transform var(--t-med) ease-out;scrollbar-width:thin;scrollbar-color:var(--surface-2) transparent}.modal-root.is-open .modal{opacity:1;transform:translateY(0)}.modal-close{position:absolute;top:14px;right:14px;z-index:5;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--text);background:#0d0d0d99;border:1px solid var(--line-strong);transition:background var(--t-fast) ease-out,border-color var(--t-fast) ease-out,transform var(--t-fast) ease-out}.modal-close:hover{background:var(--surface-2);border-color:#ffffff40;transform:rotate(90deg)}.modal-close svg{width:18px;height:18px}.modal-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:240px minmax(0,1fr);gap:26px;align-items:end;padding:28px}.modal-art-blur{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;background-color:#2f86c624;background-size:cover;background-position:center;filter:blur(40px);opacity:.35;pointer-events:none}.modal-art-blur:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(26,26,26,.15) 0%,rgba(26,26,26,.55) 55%,var(--surface) 100%)}.modal-art-wrap{position:relative;z-index:1;width:100%;max-width:240px}.modal-art-wrap img#modal-art{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px #0000008c;background:var(--surface-2)}.modal-art[src=""],.modal-art:not([src]){visibility:hidden}.modal-head{position:relative;z-index:1;min-width:0;padding-right:40px}.modal-cat{font:500 .74rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--brand-ice)}.modal-head h2{margin-top:8px;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.02em;line-height:1.1;overflow-wrap:anywhere}.modal-artist{margin-top:6px;font:500 1rem var(--font-body);color:var(--text-2)}.modal-meta{margin-top:12px;font:400 .76rem var(--font-mono);letter-spacing:.04em;color:var(--text-3)}.modal-desc{margin-top:12px;max-width:60ch;font-size:.92rem;line-height:1.6;color:var(--text-2);overflow-wrap:anywhere}.modal-player{display:flex;align-items:center;gap:16px;padding:22px 28px 0}.modal-time{flex:none;font:400 .76rem var(--font-mono);color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums}.modal-embed{margin:20px 28px 0}.modal-embed iframe{display:block;width:100%;height:340px;border:0;border-radius:12px;background:var(--bg)}.no-preview{margin:18px 28px 0;padding:14px 18px;border:1px dashed rgba(255,255,255,.16);border-radius:12px;font-size:.9rem;color:var(--text-2)}.modal-section-title{padding:26px 28px 10px;font:600 .8rem var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--text-2)}.tracklist{margin:0 28px;display:flex;flex-direction:column;gap:2px}.track{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;transition:background var(--t-fast) ease-out,box-shadow var(--t-fast) ease-out}.track:hover{background:#ffffff0b}.track-num{min-width:22px;font:400 .74rem var(--font-mono);color:var(--text-3);font-variant-numeric:tabular-nums}.track-play{position:relative;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--text-2);transition:color var(--t-fast) ease-out,background var(--t-fast) ease-out}.track-play svg{width:14px;height:14px}.track:hover .track-play,.track-play:hover{color:#fff;background:#ffffff14}.track-name{min-width:0;font-size:.92rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{color:var(--text-3);font-size:.85rem}.track-dur{font:400 .74rem var(--font-mono);color:var(--text-3);font-variant-numeric:tabular-nums}.track.is-playing{background:var(--brand-12);box-shadow:inset 0 0 0 1px var(--brand-33)}.track.is-playing .track-num,.track.is-playing .track-dur,.track.is-playing .track-name{color:var(--brand-ice)}.track.is-playing .track-play{color:var(--signal)}.track.is-playing .track-play:after{content:"";position:absolute;top:-1px;right:-1px;width:7px;height:7px;border-radius:50%;background:var(--signal);animation:eq-pulse 1.2s ease-in-out infinite}@keyframes eq-pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.modal-ctas{display:flex;flex-wrap:wrap;gap:12px;padding:22px 28px 28px}.modal-seek,.mini-seek{-webkit-appearance:none;appearance:none;width:100%;height:18px;background:transparent;cursor:pointer;accent-color:var(--brand);--seek-fill: 0%}.modal-seek::-webkit-slider-runnable-track,.mini-seek::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--brand) var(--seek-fill),rgba(255,255,255,.14) var(--seek-fill))}.modal-seek::-webkit-slider-thumb,.mini-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--brand-ice);box-shadow:0 0 0 1px #00000073;transition:transform var(--t-fast) ease-out}.modal-seek:hover::-webkit-slider-thumb,.mini-seek:hover::-webkit-slider-thumb{transform:scale(1.2)}.modal-seek::-moz-range-track,.mini-seek::-moz-range-track{height:4px;border-radius:999px;background:#ffffff24}.modal-seek::-moz-range-progress,.mini-seek::-moz-range-progress{height:4px;border-radius:999px;background:var(--brand)}.modal-seek::-moz-range-thumb,.mini-seek::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--brand-ice)}.mini-player{position:fixed;left:50%;bottom:14px;z-index:850;transform:translate(-50%,110%);width:calc(100% - 32px);max-width:calc(var(--container) - 48px);display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(120px,220px) auto auto;align-items:center;gap:14px;padding:10px 16px;background:#1a1a1aeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:0 18px 44px #0000008c;transition:transform .28s var(--ease)}.mini-player.is-visible{transform:translate(-50%)}.mini-art{width:46px;height:46px;border-radius:10px;object-fit:cover;background:var(--surface-2);border:1px solid rgba(255,255,255,.1)}.mini-art[src=""]{visibility:hidden}.mini-info{display:flex;flex-direction:column;gap:2px;min-width:0}.mini-title{font:600 .92rem var(--font-body);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-artist{font:400 .78rem var(--font-body);color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-btn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff12;border:1px solid rgba(255,255,255,.14);transition:background var(--t-fast) ease-out,border-color var(--t-fast) ease-out,box-shadow var(--t-fast) ease-out}.mini-btn svg{width:15px;height:15px}.mini-btn:hover{background:#2f86c64d;border-color:#2f86c680;box-shadow:0 0 0 3px var(--brand-25)}.mini-time{font:400 .72rem var(--font-mono);color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums}.toast{position:fixed;left:50%;bottom:96px;z-index:950;transform:translate(-50%,8px);max-width:calc(100% - 32px);padding:10px 20px;border-radius:999px;background:#1a1a1af2;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card);color:var(--text);font-size:.88rem;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s ease-out,transform .2s ease-out}.toast.is-visible{opacity:1;transform:translate(-50%)}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:72px 24px;text-align:center}.empty-title{font:600 1.3rem var(--font-display);color:var(--text)}.empty-text{max-width:42ch;color:var(--text-2);font-size:.94rem}.empty .btn{margin-top:14px}.site-footer{margin-top:40px;padding:56px 0 28px;border-top:1px solid var(--line);background:linear-gradient(180deg,var(--bg) 0%,#0A0F13 100%)}.footer-inner{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer-col{min-width:0}.footer-brand .brand-mark{width:36px;height:36px}.footer-blurb{margin-top:18px;max-width:46ch;color:var(--text-2);font-size:.92rem;line-height:1.65}.footer-heading{font:600 .74rem var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin-bottom:16px}.footer-list li+li{margin-top:10px}.footer-list a{color:var(--text-2);text-decoration:none;font-size:.92rem;transition:color var(--t-fast) ease-out}.footer-list a:hover,.footer-list a:focus-visible{color:var(--brand-ice)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;margin-top:48px;padding-top:22px;border-top:1px solid var(--line);color:var(--text-3);font-size:.82rem}.footer-tag{font:400 .72rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase}:where(a,button,input,[tabindex],summary):focus-visible{outline:2px solid var(--brand);outline-offset:2px}::selection{background:var(--brand);color:#fff}html{scrollbar-width:thin;scrollbar-color:var(--surface-2) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--brand-deep)}body.modal-open{overflow:hidden}@media(max-width:860px){:root{--header-h: 64px}.nav-toggle{display:grid}.site-nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 18px;background:#0d0d0df7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--t-med) ease-out,transform var(--t-med) ease-out,visibility 0s linear var(--t-med)}.site-nav.is-open{opacity:1;visibility:visible;transform:none;transition:opacity var(--t-med) ease-out,transform var(--t-med) ease-out}.site-nav .nav-link{padding:14px 4px;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.site-nav .nav-link:after{display:none}}@media(max-width:760px){.filter-bar-inner{flex-wrap:wrap;gap:10px 16px}.search{order:2;width:100%}}@media(max-width:820px){.footer-inner{grid-template-columns:1fr;gap:32px}.hero-logo{opacity:.09}}@media(max-width:720px){.modal-root{padding:14px}.modal-hero{grid-template-columns:1fr;align-items:start;gap:20px;padding:22px 20px 0}.modal-art-wrap{max-width:180px}.modal-head{padding-right:0}.modal-player{flex-wrap:wrap;padding:20px 20px 0}.modal-embed,.no-preview{margin-inline:20px}.modal-section-title{padding-inline:20px}.tracklist{margin-inline:20px}.modal-ctas{padding:20px 20px 24px}}@media(max-width:600px){.mini-player{grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;width:calc(100% - 20px);bottom:10px;padding:10px 12px}.mini-time{display:none}.mini-seek{grid-column:1 / -1}.mini-art{width:40px;height:40px}.toast{bottom:110px}}@media(max-width:560px){.card{min-height:138px}.card-body{gap:8px;padding:14px 16px}.card-titles{max-width:100%}.card-title{font-size:1rem}.card-artist{font-size:.78rem}.play-btn{width:40px;height:40px}.card-eq{right:70px;bottom:22px;height:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.card:hover{transform:none}.mini-player{transition:none}}h1,h2,h3,h4{line-height:1.06}.hero{padding-bottom:clamp(96px,12vw,150px)}.hero-title{font-size:clamp(1.9rem,3.6vw,3.3rem);line-height:1.14;letter-spacing:.02em;text-transform:uppercase}.hero-title .hero-line{display:block}.hero-glow{background:radial-gradient(circle,rgba(47,134,198,.3) 0%,rgba(47,134,198,.08) 46%,transparent 70%)}.hero-logo{filter:grayscale(1) brightness(.85) contrast(1.15);opacity:.12}.hero-eyebrow{color:var(--brand)}.hero-eq{position:absolute;left:0;right:0;bottom:0;height:clamp(44px,6.5vw,92px);display:flex;align-items:flex-end;gap:3px;padding:0 24px;opacity:.45;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%);pointer-events:none}.hero-eq i{flex:1;height:calc(var(--h, .5) * 100%);background:linear-gradient(180deg,var(--brand) 0%,rgba(47,134,198,.05) 100%);border-radius:2px 2px 0 0;transform-origin:bottom;animation:eqPulse var(--t, 1.6s) var(--ease) infinite alternate;animation-delay:var(--d, 0s)}@keyframes eqPulse{0%{transform:scaleY(.12)}to{transform:scaleY(1)}}.scrolls{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(90% 160% at 88% 50%,rgba(241,61,93,.14) 0%,transparent 55%),radial-gradient(70% 150% at 12% 50%,rgba(47,134,198,.12) 0%,transparent 55%),var(--surface)}.scrolls-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:clamp(34px,5vw,58px) 24px}.scrolls-eyebrow{font:500 .74rem var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--signal)}.scrolls-title{margin:10px 0 12px;font-size:clamp(1.5rem,2.8vw,2.4rem);line-height:1.1;text-transform:uppercase;color:var(--text)}.scrolls-title span{color:var(--brand)}.scrolls-text{max-width:58ch;color:var(--text-2);font-size:.98rem;line-height:1.6}.scrolls .btn{flex:none}.scrolls-count{font:500 .82em var(--font-mono);opacity:.85;margin-left:6px}@media(max-width:760px){.scrolls-inner{flex-direction:column;align-items:flex-start}}.card[data-type=vinyl]{border-left:3px solid var(--brand)}.card[data-type=vinyl] .card-type{background:var(--brand);border-color:var(--brand);color:#0d2233}.card[data-type=archive] .card-type{background:#f13d5d24;border-color:#f13d5d8c;color:#ffb9c9}.card[data-type=remaster] .card-type{background:var(--brand-12);border-color:var(--brand-33);color:var(--brand-ice)}.card-title{font-weight:400;font-size:clamp(.98rem,1.55vw,1.26rem);text-transform:uppercase;letter-spacing:.02em}#modal-title{font-weight:400;text-transform:uppercase;letter-spacing:.01em}@media(prefers-reduced-motion:reduce){.hero-eq i{animation:none}}.brand{align-items:center}.brand-word{display:flex;flex-direction:column;justify-content:center;gap:5px;width:clamp(180px,58vw,250px);font:700 clamp(11px,3vw,14.5px)/1 var(--font-display);color:var(--text)}.brand-flex,.brand-sub{display:flex;justify-content:space-between;width:100%;letter-spacing:normal;margin-right:0}.brand-flex i,.brand-sub i{font-style:normal}.brand-word .brand-sub{margin-top:0;font:500 .5rem/1 var(--font-body);text-transform:uppercase;color:var(--text-2);white-space:nowrap}.card-add{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-strong);color:var(--text-2);font:400 1.15rem/1 var(--font-body);display:inline-flex;align-items:center;justify-content:center;transition:background var(--t-fast) ease-out,border-color var(--t-fast) ease-out,color var(--t-fast) ease-out,transform var(--t-fast) ease-out}.card-add:hover{color:var(--brand-ice);border-color:var(--brand-33);background:var(--brand-12);transform:translateY(-1px)}.card-add.is-saved{background:var(--brand);border-color:var(--brand);color:#0d0d0d}#modal-add.is-saved{border-color:var(--brand-33);background:var(--brand-12);color:var(--brand-ice)}.playlist{position:fixed;top:var(--header-h);right:0;bottom:0;width:min(380px,94vw);z-index:1500;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--line-strong);box-shadow:var(--shadow-pop);transform:translate(102%);transition:transform var(--t-med) var(--ease)}.playlist.is-open{transform:translate(0)}.playlist-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.playlist-title{font:700 1rem var(--font-display);text-transform:uppercase;letter-spacing:.05em}.playlist-close{font-size:1.1rem;color:var(--text-2);width:34px;height:34px;border-radius:50%;border:1px solid transparent}.playlist-close:hover{color:var(--text);border-color:var(--line-strong)}.playlist-list{flex:1;overflow-y:auto;padding:8px 12px;list-style:none}.playlist-row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px}.playlist-row:hover{background:var(--surface-2)}.playlist-play{flex:none;width:46px;height:46px;border-radius:10px;overflow:hidden;border:1px solid var(--line-strong);padding:0}.playlist-play img{width:100%;height:100%;object-fit:cover}.playlist-thumb-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-deep) 0%,#0D0D0D 80%);color:var(--brand-ice);font:700 1rem var(--font-display)}.playlist-row-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px;text-align:left}.playlist-row-title{font:600 .84rem var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-row-artist{font:400 .76rem var(--font-body);color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-remove{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid transparent;color:var(--text-3);font-size:.8rem}.playlist-remove:hover{color:var(--signal);border-color:var(--signal)}.playlist-empty{padding:16px 20px;color:var(--text-2);font-size:.9rem}.playlist-actions{display:flex;gap:10px;padding:14px 20px 18px;border-top:1px solid var(--line)}.playlist-actions .btn{padding:9px 14px;font-size:.82rem}.playlist-actions .btn[disabled]{opacity:.4;cursor:default}.playlist-actions .btn[disabled]:hover{background:transparent;border-color:#ffffff2e}.playlist-toggle{display:inline-flex;align-items:center;gap:8px;font:500 .9rem var(--font-body);color:var(--text);padding:8px 14px;border:1px solid var(--line-strong);border-radius:999px;transition:border-color var(--t-fast) ease-out,color var(--t-fast) ease-out,background var(--t-fast) ease-out}.playlist-toggle:hover{border-color:var(--brand-33);color:var(--brand-ice);background:var(--brand-12)}.playlist-badge{font:500 .72rem var(--font-mono);min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;border-radius:999px;background:var(--brand);color:#fff}@media(max-width:760px){.playlist-toggle{padding:7px 10px}.playlist-toggle .playlist-badge{margin-right:-2px}}.card-wrap{display:block;min-width:0}.card{min-width:0;max-width:100%;overflow:hidden}.card-body,.card-titles,.card-top,.card-bottom{min-width:0}body{overflow-x:clip}@media(max-width:760px){.deck .container{padding-inline:10px}.card{aspect-ratio:auto;display:flex;flex-direction:column}.card-art{position:relative;top:auto;right:auto;bottom:auto;width:100%;height:116px;order:-1}.card-scrim{display:none}.card-body{padding:13px 14px 14px;gap:8px}.card-titles{max-width:100%}.card-eq{display:none}}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:var(--radius) 0 0 var(--radius);background:var(--card-accent, var(--brand));opacity:0;transition:opacity var(--t-fast) ease-out;pointer-events:none}.card:hover:before,.card:focus-visible:before,.card.is-playing:before{opacity:1}.card:hover,.card:focus-visible{border-color:color-mix(in srgb,var(--card-accent, var(--brand)) 45%,transparent)}.card.is-playing:before{box-shadow:0 0 16px 0 var(--card-accent, var(--signal))}.card[data-type=vinyl]{border-left:3px solid var(--card-accent, var(--brand))}
/*# sourceMappingURL=/cdn/shop/t/5/assets/flex-landing.css.map */