@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#071625;--surface:#0d2234;--line:#244153;--ink:#f5f8fb;--muted:#9ab1bf;--accent:#46d8cf;--blue:#4c9cef; font-family:Manrope,'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}
body:before{content:'';position:absolute;inset:0 0 auto;height:600px;z-index:-1;background:radial-gradient(ellipse at 76% 25%,#123d5d 0%,transparent 60%)}.site-header{height:86px;max-width:1180px;margin:auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(139,184,207,.12)}.wordmark{font-size:31px;font-weight:800;letter-spacing:-.08em;display:inline-flex;align-items:baseline;line-height:1}.wordmark span{color:var(--accent)}.wordmark i{display:inline-block;background:var(--accent);width:5px;height:5px;border-radius:50%;margin-left:3px}.site-header nav{font-size:14px;font-weight:700;color:#cfdee7}.site-header nav a{padding:12px}.site-header nav a:hover{color:var(--accent)}
main{max-width:1180px;margin:auto;padding:0 28px 110px}.intro{min-height:450px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:32px;overflow:hidden}.intro-copy{padding:55px 0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:11px;color:var(--accent);margin:0 0 22px}.live-dot{display:inline-block;width:7px;height:7px;margin-right:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent)}h1,h2,h3,p{margin-top:0}.intro h1{font-size:clamp(42px,6vw,77px);line-height:1.09;letter-spacing:-.07em;margin:0 0 23px}.intro h1 em{font-style:normal;color:var(--accent)}.intro-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.8;max-width:490px}.explore-link{display:inline-flex;gap:18px;align-items:center;margin-top:25px;padding:14px 0;border-bottom:1px solid var(--accent);font-weight:800;font-size:14px}.explore-link span{color:var(--accent);font-size:22px}.intro-art{position:relative;height:420px;overflow:hidden}.record{width:310px;height:310px;border-radius:50%;position:absolute;top:57px;left:50%;transform:translateX(-50%);background:repeating-radial-gradient(circle,#163a52 0 2px,#0c293e 3px 5px,#1c4960 6px 7px);border:1px solid #315c72;box-shadow:0 25px 65px #0008}.record-one{transform:translateX(-24%) rotate(20deg);opacity:.5}.record-two{box-shadow:0 25px 75px #0009,0 0 70px #1c9baf44}.record-core{position:absolute;top:174px;left:50%;transform:translateX(-50%);height:78px;width:78px;border-radius:50%;background:#0b2538;display:grid;place-items:center;font-size:13px;font-weight:800;letter-spacing:-.07em;box-shadow:0 0 0 2px var(--accent)}.record-core span{color:var(--accent)}
.catalog{padding-top:40px}.section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:20px}.section-head .eyebrow{margin-bottom:10px}.section-head h2{font-size:34px;letter-spacing:-.05em;margin:0}.count{color:var(--muted);font-size:13px}.track-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:25px}.track-card{padding:11px;background:var(--surface);border:1px solid var(--line);border-radius:16px;transition:transform .2s,border-color .2s}.track-card:hover{transform:translateY(-4px);border-color:#458ba2}.cover-link{display:block;aspect-ratio:1;overflow:hidden;border-radius:9px;background:#17344a}.cover-link img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.track-card:hover img{transform:scale(1.035)}.track-info{display:flex;align-items:center;justify-content:space-between;padding:18px 7px 7px;gap:12px}.track-info h3{font-size:18px;margin:0 0 4px;letter-spacing:-.03em}.track-info p{font-size:13px;color:var(--muted);margin:0}.card-play{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#051d27;background:var(--accent);font-size:17px;flex-shrink:0;padding-left:3px}.pagination{display:flex;justify-content:center;gap:12px;margin-top:42px}.pagination a{padding:8px 14px;border:1px solid var(--line);border-radius:8px}.pagination [aria-current]{background:var(--accent);color:var(--bg)}
.detail{padding:45px 0 30px;min-height:620px}.back{display:inline-block;color:var(--muted);font-size:14px;margin-bottom:55px}.back:hover{color:var(--accent)}.detail-inner{display:grid;grid-template-columns:minmax(260px,420px) 1fr;align-items:center;gap:clamp(30px,7vw,100px)}.detail-inner>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px;box-shadow:0 30px 75px #0007}.detail h1{font-size:clamp(42px,6vw,76px);letter-spacing:-.07em;margin:0 0 8px}.detail-artist{font-size:22px;color:var(--muted);margin-bottom:36px}.main-play{border:0;border-radius:999px;padding:17px 28px;background:var(--accent);color:#052231;font-weight:800;display:inline-flex;gap:17px;align-items:center}.main-play:hover,.card-play:hover{background:#82efe5}.notice{color:var(--muted);font-size:13px;line-height:1.5;margin:20px 0 0}.player{position:fixed;bottom:0;left:0;right:0;z-index:4;display:flex;align-items:center;gap:16px;background:#0d2639;border-top:1px solid #396074;padding:12px max(22px,calc((100vw - 1140px)/2));box-shadow:0 -8px 35px #0007}.player img{width:48px;height:48px;border-radius:6px;object-fit:cover}.player-meta{display:flex;flex-direction:column;min-width:150px;font-size:13px}.player-meta span{font-size:11px;color:var(--muted)}.player button{border:0;border-radius:50%;background:var(--accent);color:#06212f;width:42px;height:42px;font-weight:800}.player .time{font-size:11px;color:var(--muted)}.player input{flex:1;accent-color:var(--accent)}footer{border-top:1px solid var(--line);max-width:1180px;margin:auto;padding:30px 28px 42px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.wordmark.small{font-size:21px;color:var(--ink)}
@media(max-width:720px){.site-header{height:70px;padding:0 20px}.wordmark{font-size:27px}main{padding:0 20px 105px}.intro{display:block;min-height:0}.intro-copy{padding:65px 0 28px}.intro-art{height:210px}.record{width:185px;height:185px;top:10px}.record-core{top:71px;height:64px;width:64px;font-size:11px}.catalog{padding-top:30px}.section-head h2{font-size:28px}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.track-card{padding:6px;border-radius:10px}.cover-link{border-radius:6px}.track-info{padding:11px 5px 5px}.track-info h3{font-size:14px}.track-info p{font-size:11px}.card-play{width:32px;height:32px;font-size:12px}.detail{padding-top:28px}.back{margin-bottom:30px}.detail-inner{display:block}.detail-inner>img{max-width:390px;display:block;margin:auto}.detail-content{padding-top:35px}.detail h1{font-size:48px}.detail-artist{font-size:18px}.player{padding:9px 12px;gap:9px}.player-meta{min-width:0;flex:1}.player .time,.player input{display:none}footer{padding:25px 20px}}
@media(max-width:380px){.track-grid{grid-template-columns:1fr}}
/* A quiet path back to the parent site on the Inplay catalog. */
.site-header .parent-link{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;padding:3px;transition:background .2s}
.site-header .parent-link:hover,.site-header .parent-link:focus-visible{background:#214154}
.site-header .parent-link img{display:block;width:32px;height:32px;object-fit:contain}
@media(max-width:720px){.site-header .parent-link{width:42px;height:42px}.site-header .parent-link img{width:28px;height:28px}}