.home-page{overflow-x:hidden;background:#070707}
.home-page header{position:relative;z-index:2;margin:10px 12px 0;border:1px solid var(--line);border-radius:14px;background:#090909e8;backdrop-filter:blur(10px)}
.header-player{color:var(--text);font-size:12px;font-weight:800;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.header-player:hover,.header-player:focus-visible{color:var(--accent)}
.home-shell{width:min(1440px,100%);margin:0 auto}
.player-hero{min-height:calc(100vh - 58px);display:grid;grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr);gap:clamp(28px,5vw,80px);align-items:center;padding:clamp(32px,5vw,76px)}
.hero-copy{position:relative;z-index:1;min-width:0;container-type:inline-size}
.explore-label{margin:0;color:#aaa;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.hero-copy h1{display:grid;grid-template-columns:max-content minmax(0,1fr);max-width:100%;margin:0 0 28px;font-size:clamp(54px,16cqw,104px);font-weight:900;line-height:.78}
.brand-b{grid-column:1;grid-row:1;letter-spacing:-.08em}
.brand-east,.brand-vancouver,.brand-records{grid-column:2;letter-spacing:-.08em}
.brand-east{grid-row:1}
.brand-vancouver{grid-row:2}
.brand-records{grid-row:3}
.hero-intro{max-width:480px;margin:0;color:#bbb;font-size:clamp(18px,1.8vw,25px);font-weight:700;line-height:1.12;letter-spacing:-.025em}
.featured-song{display:grid;gap:14px;width:min(100%,430px);margin-top:34px;padding:16px;border:1px solid #454545;border-radius:18px;background:#121212;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.featured-song:hover{border-color:#666;background:#151515;transform:translateY(-2px)}
.featured-track{display:flex;gap:14px;align-items:center}
.featured-play{display:block;flex:0 0 48px;border-radius:50%;color:inherit;text-decoration:none}
.featured-play:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.play-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;padding-left:3px;border-radius:50%;background:var(--accent);color:#090909;font-size:17px}
.featured-copy{display:grid;min-width:0}.featured-copy small{margin-bottom:3px;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.featured-copy strong{overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.featured-copy>span{margin-top:2px;color:#999;font-size:12px}
.dsp-links{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:11px;border-top:1px solid #303030}.dsp-links>span:not(.dsp-label){padding:6px 9px;border:1px solid #3a3a3a;border-radius:999px;color:#bbb;font-size:9px;font-weight:800;letter-spacing:.04em}.dsp-label{margin-right:2px;color:#777;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.player-window{width:100%;max-width:100%;min-width:0;overflow:hidden;border:1px solid #353535;border-radius:24px;background:#0b0b0b;box-shadow:0 28px 90px #000b}
.player-window-bar{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #303030;font-size:10px;letter-spacing:.13em}
.player-window-bar a{color:#aaa;text-decoration:none}.player-window-bar a:hover,.player-window-bar a:focus-visible{color:var(--accent)}
.player-window iframe{display:block;width:100%;height:min(610px,70vh);min-height:470px;border:0;background:#0b0b0b}
.home-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:clamp(44px,6vw,88px) clamp(24px,5vw,76px) clamp(64px,8vw,112px);border-top:1px solid var(--line)}
.explore-label{grid-column:1/-1;margin-bottom:2px}
.home-links a{display:flex;min-width:0;min-height:190px;align-items:flex-end;justify-content:space-between;padding:24px;border:1px solid var(--line);border-radius:22px;background:#101010;font-size:clamp(36px,5vw,72px);font-weight:900;line-height:.9;letter-spacing:-.065em;text-decoration:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.home-links a:hover,.home-links a:focus-visible{border-color:var(--accent);background:#19110f;transform:translateY(-3px)}
.home-links a span:last-child{color:#777;font-size:11px;letter-spacing:0}
.home-links a:hover,.home-links a:focus-visible{color:var(--accent);outline:none}
@media(max-width:1100px){.player-hero{min-height:0;grid-template-columns:1fr;gap:48px;align-items:start;padding:64px 28px 48px}.hero-copy h1{font-size:clamp(68px,14vw,116px)}.hero-intro{max-width:600px}.player-window iframe{height:560px}}
@media(max-width:760px){.home-links{grid-template-columns:1fr}.home-links a{min-height:130px}}
@media(max-width:600px){.home-page header{margin:8px 8px 0}.header-player{font-size:10px}.player-hero{gap:36px;padding:36px 16px 48px}.hero-copy h1{font-size:clamp(43px,12vw,58px);line-height:.82}.hero-intro{font-size:18px}.featured-song{margin-top:26px}.player-window{border-radius:18px}.player-window-bar{height:42px}.player-window iframe{height:540px;min-height:0}.home-links{padding:44px 16px 72px}.home-links a{min-height:112px;padding:20px;font-size:46px}}
@media(prefers-reduced-motion:reduce){.featured-song{transition:none}}