.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;align-items:center;padding:clamp(46px,8vw,110px)}
.hero-copy{position:relative;z-index:1;min-width:0;container-type:inline-size}
.eyebrow,.explore-label{margin:0;color:#aaa;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.hero-copy h1{max-width:100%;margin:16px 0 24px;font-size:clamp(54px,17.5cqw,110px);font-weight:900;line-height:.78;letter-spacing:-.08em}
.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}
.player-cta{display:flex;gap:16px;align-items:center;width:min(100%,430px);margin-top:34px;padding:16px;border:1px solid #454545;border-radius:18px;background:#121212;color:var(--text);text-decoration:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.player-cta:hover,.player-cta:focus-visible{border-color:var(--accent);background:#19110f;outline:none;transform:translateY(-2px)}
.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}
.player-cta>span:last-child{display:grid;gap:5px}.player-cta strong{font-size:16px}.player-cta small{color:#999;font-size:11px}

.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;align-items:start;padding:64px 28px 48px}.hero-copy h1{font-size:clamp(68px,14vw,116px)}.hero-intro{max-width:600px}}
@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{margin-top:12px;font-size:clamp(43px,12vw,58px);line-height:.82}.hero-intro{font-size:18px}.player-cta{margin-top:26px}.home-links{padding:44px 16px 72px}.home-links a{min-height:112px;padding:20px;font-size:46px}}
@media(prefers-reduced-motion:reduce){.player-cta{transition:none}}
