.records-home { background: radial-gradient(ellipse at 85% 15%,#49316738,transparent 40%),#080c18; }
.records-home .container,.records-home .top-nav-inner,.records-home .footer-inner { max-width: 1200px; }
.home-navigation { flex-wrap: wrap; }.home-brand-links { display:flex; align-items:center; gap:16px; }.home-navigation .top-nav-actions { margin-left:auto; }
.records-home a:focus-visible { outline:3px solid #c9b5ff; outline-offset:6px; }
.records-skip { position:fixed; top:-100px; left:20px; z-index:100; padding:16px; background:white; color:#080c18; border-radius:12px; }.records-skip:focus { top:12px; }
.records-main { padding-top:0; }
.records-hero { display:grid; grid-template-columns:1fr 1.1fr; gap:28px; align-items:center; padding:76px 0 64px; min-height:650px; }
.records-copy { position:relative; z-index:1; }
.records-eyebrow { font-size:10px; text-transform:uppercase; letter-spacing:.15em; color:#cbb4ed; font-weight:600; line-height:1.7; margin:0 0 24px; }
.records-hero h1 { font-size:clamp(44px,5.2vw,70px); line-height:1.05; letter-spacing:-.06em; font-weight:600; margin:0 0 28px; }
.records-hero h1 span { background:linear-gradient(110deg,#adbfff,#c7a0eb 65%,#f0b4d5); background-clip:text; -webkit-background-clip:text; color:transparent; }
.records-lead { max-width:440px; color:#bbc2d6; font-size:16px; line-height:1.85; margin:0; }
.records-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.records-button { display:inline-flex; align-items:center; justify-content:space-between; gap:22px; padding:15px 19px; min-height:50px; border:1px solid #c5a9ed38; border-radius:12px; color:#e8dff8; background:#c4a7e90c; text-decoration:none; font-size:13px; font-weight:600; transition:transform .2s,background .2s; }
.records-button:hover { transform:translateY(-2px); background:#c4a7e926; }.records-button--primary { background:#e0d3f5; color:#261c38; border-color:#e0d3f5; }.records-button--primary:hover { background:#eee4ff; }
.records-caption { margin:24px 0 0; color:#aeb5cc; font-size:11px; line-height:1.7; }
.records-art { position:relative; min-width:0; }.records-art img { display:block; width:100%; height:auto; mix-blend-mode:screen; mask-image:radial-gradient(ellipse,black 46%,transparent 73%); }.records-art-label { display:block; text-align:center; margin-top:18px; font-size:10px; color:#bac1d7; letter-spacing:.12em; text-transform:uppercase; }
.records-artists { border-top:1px solid #ffffff18; padding:48px 0 0; scroll-margin-top:24px; }
.records-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:30px; }.records-section-head .records-eyebrow { margin-bottom:14px; }
.records-section-head h2,.records-join h2 { font-size:clamp(30px,3.4vw,44px); font-weight:500; letter-spacing:-.04em; line-height:1.15; margin:0; }.records-section-head>p { font-size:14px; color:#b2bbd0; line-height:1.8; margin:0; max-width:380px; }
.records-home .public-artist-grid { grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:22px; }.records-home .public-artist-card { border-radius:20px; }
.records-home .public-artist-card-overlay { opacity:1; transform:none; background:linear-gradient(180deg,transparent 35%,#080c18ed); padding:24px; }
.records-home .public-artist-card:hover img,.records-home .public-artist-card:focus-visible img { filter:brightness(.85); transform:scale(1.06); }
.records-home .public-artist-empty { grid-column:1/-1; padding:28px; margin:0; border-radius:18px; background:#ffffff04; }
.records-join { margin-top:64px; padding:42px; display:flex; align-items:center; justify-content:space-between; gap:32px; border-radius:28px; background:radial-gradient(ellipse at right,#7851a12a,transparent 65%),#ffffff03; }.records-join .records-eyebrow { margin-bottom:16px; }.records-join p:not(.records-eyebrow) { color:#b4bdd2; font-size:14px; line-height:1.8; margin:20px 0 0; }.records-join .records-button { flex-shrink:0; }
.records-home .footer-links { max-width:100%; }.records-home .footer-links a { overflow-wrap:anywhere; }
@media(max-width:900px) { .records-hero { gap:16px; }.records-hero h1 { font-size:52px; } }
@media(max-width:700px) { .records-hero { grid-template-columns:1fr; min-height:0; padding:44px 8px 36px; gap:32px; }.records-hero h1 { font-size:clamp(42px,10vw,60px); }.records-art { width:100%; max-width:480px; margin:auto; }.records-lead { font-size:15px; }.records-section-head { display:block; }.records-section-head>p { margin-top:20px; }.records-artists { margin-inline:8px; padding-top:34px; }.records-join { flex-direction:column; align-items:flex-start; margin:44px 8px 0; padding:28px 22px; }.home-navigation .top-nav-actions { width:100%; justify-content:flex-start; }.records-home .nav-pill { padding-inline:13px; min-height:42px; font-size:12px; }.home-brand-links { width:100%; justify-content:space-between; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.records-home * { transition:none !important; } }