.home-hero{position:relative;isolation:isolate}.home-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 50%,rgba(216,184,148,.18),transparent 28%),radial-gradient(circle at 86% 72%,rgba(217,185,181,.22),transparent 24%);pointer-events:none}.home-hero .hero-copy{max-width:700px}.hero-kicker-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-live-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(200,143,139,.32);border-radius:999px;background:rgba(255,255,255,.62);box-shadow:0 8px 24px rgba(93,70,55,.06);font-size:10px;font-weight:1000;letter-spacing:.13em;color:#8f716b}.hero-live-pill .live-dot{margin:0}.hero-subline{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-chip{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.55);border:1px solid rgba(75,64,56,.12);font-size:11px;font-weight:800;color:#75675e}.home-hero .hero-art{height:470px}.hero-record-stage{position:relative;width:min(470px,92vw);height:min(470px,92vw);display:grid;place-items:center}.hero-record-stage:before{content:"";position:absolute;width:86%;height:86%;border-radius:50%;background:rgba(255,255,255,.28);filter:blur(18px)}.hero-vinyl{position:relative;width:min(330px,66vw);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at 48% 48%,#7a675a 0 2px,#6c594e 3px 5px,#735f53 6px 7px);border:9px solid #ead9c7;box-shadow:20px 24px 0 rgba(217,185,181,.72),0 30px 65px rgba(93,70,55,.2);transform:rotate(-15deg)}.hero-vinyl:before{content:"";position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f2d9bc,#c99088 58%,#9d716a 100%);border:1px solid rgba(75,64,56,.2)}.hero-vinyl:after{content:"ХИТ";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:28px;font-weight:1000;letter-spacing:.08em}.vinyl-hole{position:absolute;z-index:2;width:18px;height:18px;border-radius:50%;background:#fff7ed;left:calc(50% - 9px);top:calc(50% - 9px);border:4px solid #b88a80}.hero-record-label{position:absolute;right:1%;top:9%;z-index:3;padding:16px 18px;border-radius:18px;background:rgba(255,254,253,.9);border:1px solid rgba(75,64,56,.15);box-shadow:var(--shadow);transform:rotate(7deg);font-size:10px;letter-spacing:.13em;font-weight:1000}.hero-record-label b{display:block;margin-top:4px;font-size:23px;letter-spacing:-.03em;color:#6a554b}.hero-record-note{position:absolute;left:2%;bottom:8%;z-index:3;max-width:170px;padding:16px;border-radius:18px;background:rgba(255,254,253,.9);border:1px solid rgba(75,64,56,.15);box-shadow:var(--shadow);transform:rotate(-6deg);font-size:11px;color:#75675e}.hero-record-note strong{display:block;color:var(--ink);font-size:15px;margin-bottom:4px}.home-hero .orbit{opacity:.55}.home-hero .hero-label{display:none}.home-section-intro{max-width:680px;color:var(--muted);font-size:15px;margin:-12px 0 28px}.featured-strip{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:30px}.featured-card{padding:28px;border-radius:24px;background:linear-gradient(135deg,#fffdfa,#f2dfcf);border:1px solid rgba(216,184,148,.48);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.featured-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-70px;top:-70px;background:radial-gradient(circle,rgba(217,185,181,.5),transparent 68%)}.featured-card>*{position:relative;z-index:1}.featured-card .kicker{color:#9a8069}.featured-card h3{font-size:clamp(26px,3vw,42px);line-height:.96;letter-spacing:-.04em;max-width:650px;margin:10px 0}.featured-card p{max-width:650px;color:var(--muted);margin:0}.featured-stat{padding:28px;border-radius:24px;background:#6b594e;color:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between}.featured-stat span{font-size:10px;letter-spacing:.14em;color:#ead8c5;font-weight:1000}.featured-stat strong{font-size:54px;line-height:.9;letter-spacing:-.06em}.featured-stat small{color:rgba(255,255,255,.72);font-size:12px}/* Главная: артисты — вторичный блок. Делаем компактную витрину,чтобы акцент оставался на новых релизах. */
.home-artists-section .artist-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.home-artists-section .artist-card{position:relative;padding:10px;border-radius:16px;min-width:0}.home-artists-section .artist-avatar{border-radius:12px;font-size:38px}.home-artists-section .artist-card h3{font-size:16px;line-height:1.05;margin:10px 2px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-artists-section .artist-card p{font-size:10px;line-height:1.25;margin:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-artists-section .artist-card:after{right:10px;bottom:10px;width:25px;height:25px;font-size:12px}.home-release-section{overflow:hidden;position:relative}.home-release-section:after{content:"";position:absolute;width:420px;height:420px;right:-150px;bottom:-220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.7),transparent 68%);pointer-events:none}.release-visual{position:relative;min-height:440px;display:grid;place-items:center}.release-visual .release-poster{position:relative;z-index:1}.release-orbit-label{position:absolute;right:4%;top:12%;z-index:2;padding:16px;border-radius:18px;background:rgba(255,254,253,.86);border:1px solid rgba(75,64,56,.14);box-shadow:var(--shadow-soft);font-size:10px;letter-spacing:.13em;font-weight:1000;line-height:1.15;transform:rotate(-7deg)}.home-news-section .news-grid article{min-height:270px;display:flex;flex-direction:column;align-items:flex-start}.home-news-section .news-grid .section-link{margin-top:auto}.home-news-section .news-grid article:first-child{background:linear-gradient(135deg,#fffdfa,#f2e0d1)}.home-news-section .news-grid article:last-child{background:linear-gradient(135deg,#f8eded,#ead8d7)}
@media(max-width:1100px){.home-artists-section .artist-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.home-hero{padding-top:55px}.home-hero .hero-art{height:360px;margin-top:20px}.hero-record-stage{height:350px}.hero-vinyl{width:250px}.hero-record-label{right:0;top:2%}.hero-record-note{left:0;bottom:4%}.featured-strip{grid-template-columns:1fr}.featured-stat{min-height:170px}.hero-subline{margin-top:18px}.release-visual{min-height:380px}.home-artists-section .artist-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.home-artists-section .artist-card{padding:9px}.home-artists-section .artist-avatar{border-radius:11px}.home-artists-section .artist-card h3{font-size:15px}}
@media(max-width:520px){.home-hero .hero-art{height:315px}.hero-record-stage{height:305px}.hero-vinyl{width:215px;border-width:7px}.hero-vinyl:after{font-size:22px}.hero-record-label{padding:11px 13px;font-size:9px}.hero-record-label b{font-size:18px}.hero-record-note{padding:12px;max-width:145px;font-size:10px}.hero-record-note strong{font-size:13px}.hero-chip{font-size:10px}.featured-card,.featured-stat{padding:22px}.featured-stat strong{font-size:46px}.release-visual{min-height:330px}.release-orbit-label{right:0;top:7%}.home-artists-section .artist-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.home-artists-section .artist-card{padding:8px;border-radius:14px}.home-artists-section .artist-avatar{border-radius:10px}.home-artists-section .artist-card h3{font-size:14px;margin-top:8px}.home-artists-section .artist-card p{font-size:9px}.home-artists-section .artist-card:after{display:none}}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.hero-record-stage{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.hero-record-stage:hover{transform:translateY(-5px) scale(1.015)}.hero-vinyl{transition:transform .9s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.hero-record-stage:hover .hero-vinyl{transform:rotate(8deg) scale(1.045);box-shadow:24px 28px 0 rgba(217,185,181,.72),0 36px 75px rgba(93,70,55,.24)}.hero-record-stage:hover .hero-record-label{animation:heroLabelFloat 1.8s ease-in-out infinite}.hero-record-stage:hover .hero-record-note{animation:heroNoteFloat 2.1s ease-in-out infinite}.hero-record-stage:hover .orbit{animation:heroOrbitSpin 7s linear infinite}.home-hero .live-dot{animation:heroPulse 1.8s ease-in-out infinite}}@keyframes heroLabelFloat{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(7deg) translateY(-5px)}}@keyframes heroNoteFloat{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-6deg) translateY(5px)}}@keyframes heroOrbitSpin{to{transform:rotate(395deg)}}@keyframes heroPulse{0%,100%{box-shadow:0 0 0 5px rgba(200,143,139,.12)}50%{box-shadow:0 0 0 10px rgba(200,143,139,.04)}}/* HIT PREMIUM — homepage layer */
.home-hero:before{
  background:
    radial-gradient(circle at 68% 48%,rgba(255,61,129,.18),transparent 25%),
    radial-gradient(circle at 88% 70%,rgba(112,76,255,.22),transparent 28%);
}.hero-live-pill,.hero-chip{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.12);
  color:#c8cad8;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}.hero-record-stage:before{
  background:rgba(255,61,129,.14);
  filter:blur(30px);
}.hero-vinyl{
  background:repeating-radial-gradient(circle at 48% 48%,#151827 0 2px,#0b0d14 3px 5px,#202438 6px 7px);
  border-color:#34384e;
  box-shadow:20px 24px 0 rgba(255,61,129,.32),0 30px 65px rgba(0,0,0,.5);
}.hero-vinyl:before{
  background:radial-gradient(circle at 35% 30%,#ffcc62,#ff3d81 55%,#704cff 100%);
  border-color:rgba(255,255,255,.2);
}.vinyl-hole{background:#0b0d14;border-color:#ffcc62}.hero-record-label,.hero-record-note{
  background:rgba(16,19,29,.9);
  border-color:rgba(255,255,255,.12);
  color:#aeb3c5;
}.hero-record-label b,.hero-record-note strong{color:#fff}.featured-card{
  background:linear-gradient(135deg,#151927,#10131e);
  border-color:rgba(255,255,255,.10);
}.featured-card .kicker{color:#ffcc62}.featured-card h3{color:#fff}.featured-stat{
  background:linear-gradient(135deg,#ff3d81,#704cff 65%,#ff8a3d);
}.home-release-section:after{background:radial-gradient(circle,rgba(112,76,255,.18),transparent 68%)}.release-orbit-label{
  background:rgba(16,19,29,.9);
  border-color:rgba(255,255,255,.12);
  color:#c8cad8;
}.home-news-section .news-grid article:first-child,.home-news-section .news-grid article:last-child{
  background:linear-gradient(135deg,#151927,#10131e);
}/* HIT PREMIUM LIGHT — homepage overrides */
.home-hero:before{
  background:
    radial-gradient(circle at 68% 48%,rgba(255,61,129,.10),transparent 25%),
    radial-gradient(circle at 88% 70%,rgba(112,76,255,.12),transparent 28%);
}.hero-live-pill,.hero-chip{
  background:rgba(255,255,255,.78);
  border-color:rgba(54,47,43,.10);
  color:#666a78;
  box-shadow:0 8px 20px rgba(55,42,34,.07);
}.hero-record-stage:before{background:rgba(255,61,129,.10);filter:blur(30px)}.hero-vinyl{
  box-shadow:18px 22px 0 rgba(255,61,129,.20),0 28px 58px rgba(55,42,34,.18);
}.hero-record-label,.hero-record-note{
  background:rgba(255,253,250,.94);
  border-color:rgba(54,47,43,.10);
  color:#626574;
  box-shadow:0 12px 28px rgba(55,42,34,.10);
}.hero-record-label b,.hero-record-note strong{color:#2b2b35}.featured-card{
  background:linear-gradient(135deg,#fffdfa,#f4edf5);
  border-color:rgba(54,47,43,.10);
}.featured-card h3{color:#2b2b35}.release-orbit-label{
  background:rgba(255,253,250,.94);
  border-color:rgba(54,47,43,.10);
  color:#626574;
}.home-news-section .news-grid article:first-child,.home-news-section .news-grid article:last-child{
  background:linear-gradient(135deg,#fffdfa,#f4edf0);
}.home-release-section:after{background:radial-gradient(circle,rgba(112,76,255,.10),transparent 68%)}/* HIT SIGNATURE — hero and promotion refinement */
.home-hero .hero-copy{position:relative;z-index:2}.home-hero .hero-copy h1{
  text-wrap:balance;
  max-width:680px;
  letter-spacing:-.065em;
}.home-hero .hero-actions .button{
  min-height:58px;
  padding-left:26px;padding-right:26px;
}.home-hero .hero-live-pill{
  box-shadow:0 10px 28px rgba(55,42,34,.08),inset 0 1px 0 rgba(255,255,255,.8);
}.home-promotion-section .home-promotion-wrap{
  background:
    radial-gradient(circle at 88% 12%,rgba(112,76,255,.10),transparent 22%),
    radial-gradient(circle at 8% 88%,rgba(255,61,129,.08),transparent 22%),
    linear-gradient(135deg,#fffdfa,#f3edf8) !important;
  border:1px solid rgba(54,47,43,.09);
  box-shadow:0 24px 60px rgba(55,42,34,.10);
}.home-promotion-section .home-promotion-card{
  background:rgba(255,255,255,.72) !important;
  border-color:rgba(54,47,43,.08);
  transition:transform .3s ease,box-shadow .3s ease,background .3s ease;
}.home-promotion-section .home-promotion-card:hover{
  transform:translateY(-5px);
  background:rgba(255,255,255,.95) !important;
  box-shadow:0 20px 40px rgba(55,42,34,.10);
}.home-promotion-section .home-promotion-card h3{color:#292933 !important}.home-promotion-section .home-promotion-card p{color:#747783 !important}
@media(max-width:600px){.home-hero .hero-actions .button{min-height:54px}.home-hero .hero-copy h1{letter-spacing:-.06em}.home-promotion-section .home-promotion-card:hover{transform:none}
}/* HIT TYPOGRAPHY SYSTEM — hierarchy and mobile readability */
:root{
  --hit-display:clamp(42px,5.4vw,76px);
  --hit-h2:clamp(30px,3.2vw,46px);
  --hit-h3:clamp(19px,2vw,27px);
  --hit-body:15px;
  --hit-small:13px;
}body{font-size:var(--hit-body);line-height:1.58;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-weight:850;line-height:1.08}.home-hero .hero-copy h1{font-size:var(--hit-display);line-height:.98;max-width:720px}.section-head h2,.home-release-section .section-head h2{font-size:var(--hit-h2);line-height:1.02}.section-head p,.home-section-intro{max-width:62ch;line-height:1.62}.kicker{font-size:11px;font-weight:850;line-height:1.25}.track-card h3,.artist-card h3,.home-release-copy h3,.news-grid h3{font-size:var(--hit-h3);line-height:1.08}.track-card p,.artist-card p,.news-grid p,.home-release-meta,.home-release-artist{font-size:var(--hit-small);line-height:1.45}.section-link,.section-head>a,.back-link,.artist-track-link{font-size:13px;font-weight:750;line-height:1.3}.button,.nav-cta{font-size:13px;font-weight:800;line-height:1.2;letter-spacing:-.01em}.hero-subline{font-size:16px;line-height:1.6;max-width:58ch}.footer-links a{font-size:13px;line-height:1.35}.footer-copy{font-size:11px;line-height:1.45}
@media(max-width:850px){.home-hero .hero-copy h1{font-size:clamp(38px,9vw,58px);line-height:1.01}.section-head h2,.home-release-section .section-head h2{font-size:clamp(28px,7vw,38px)}.hero-subline{font-size:15px;line-height:1.55}
}
@media(max-width:520px){body{font-size:15px;line-height:1.55}.home-hero .hero-copy h1{font-size:clamp(36px,10vw,50px);letter-spacing:-.055em}.section-head h2,.home-release-section .section-head h2{font-size:29px;letter-spacing:-.045em}.section-head p,.home-section-intro{font-size:14px;line-height:1.55}.track-card h3,.artist-card h3,.home-release-copy h3,.news-grid h3{font-size:18px;line-height:1.12}.track-card p,.artist-card p,.news-grid p,.home-release-meta,.home-release-artist{font-size:13px}.kicker{font-size:10px;letter-spacing:.14em}.section-link,.section-head>a,.back-link,.artist-track-link{font-size:13px}.button,.nav-cta{font-size:13px}
}/* HIT GEOMETRY SYSTEM — unified spacing,radii and control heights */
:root{--hit-radius-sm:12px;--hit-radius-md:18px;--hit-radius-lg:24px;--hit-radius-xl:30px;--hit-control-sm:40px;--hit-control-md:46px;--hit-control-lg:54px;--hit-gap-xs:8px;--hit-gap-sm:12px;--hit-gap-md:18px;--hit-gap-lg:24px;--hit-gap-xl:32px}.button,.nav-cta{min-height:var(--hit-control-md);padding:12px 22px;border-radius:999px;box-sizing:border-box}.hero-actions .button{min-height:var(--hit-control-lg)}.track-card,.artist-card,.news-grid article,.featured-card,.home-promotion-card,.home-release-card,.player-shell,.subscribe,.orh-empty{border-radius:var(--hit-radius-lg)}.track-card,.artist-card{padding:18px}.news-grid article,.featured-card,.home-promotion-card{padding:24px}.player-shell{padding:22px}.subscribe{padding:56px 7vw}.subscriber-form input,.subscribe input,.subscribe textarea,.subscribe select{min-height:var(--hit-control-lg);border-radius:var(--hit-radius-sm)}.section-head{gap:var(--hit-gap-md);margin-bottom:var(--hit-gap-xl)}.track-grid,.artist-grid,.news-grid{gap:var(--hit-gap-md)}.hero-actions{gap:var(--hit-gap-sm)}
@media(max-width:850px){.section{padding-top:72px;padding-bottom:72px}.section-head{margin-bottom:22px;gap:14px}.track-grid,.artist-grid,.news-grid{gap:14px}.track-card,.artist-card{padding:16px}.news-grid article,.featured-card,.home-promotion-card{padding:20px}.player-shell{padding:18px}.subscribe{padding:44px 6vw}}
@media(max-width:520px){.section{padding-top:56px;padding-bottom:56px}.section-head{margin-bottom:18px;gap:10px}.track-grid,.artist-grid,.news-grid{gap:12px}.track-card,.artist-card{padding:14px}.news-grid article,.featured-card,.home-promotion-card{padding:18px}.player-shell{padding:16px}.subscribe{padding:36px 18px}.button,.nav-cta{min-height:44px;padding:11px 18px}.hero-actions{gap:10px}}/* HIT MOBILE STABILITY — prevent overflow,clipping and grid collisions */
html{max-width:100%;overflow-x:clip}body{max-width:100%;overflow-x:clip}img,svg,video,canvas,iframe{max-width:100%;height:auto}button,input,select,textarea{max-width:100%;box-sizing:border-box}.section,.container,.home-hero,.home-hero .hero-copy,.home-hero .hero-art,.hero-actions,.player-shell,.player-main,.player-controls,.track-grid,.artist-grid,.news-grid,.home-release-card,.home-release-copy,.home-release-cover,.home-promotion-card,.featured-card,.subscribe,.subscriber-form,.footer,.footer-links{min-width:0}.track-card,.artist-card,.news-grid article,.featured-card,.home-promotion-card,.home-release-card,.player-shell,.subscribe{overflow:hidden}.track-card h3,.artist-card h3,.news-grid h3,.home-release-copy h3,.track-card p,.artist-card p,.news-grid p,.home-release-meta,.home-release-artist,.section-head p,.home-section-intro,.hero-subline,.footer-links a{overflow-wrap:anywhere;word-break:normal}.home-release-cover img,.track-card img,.artist-card img,.featured-card img{display:block;width:100%;max-width:100%;height:auto}
@media(max-width:850px){.home-hero{overflow:hidden}.home-hero .hero-copy,.home-hero .hero-art{width:100%;max-width:100%}.hero-actions{display:flex;flex-wrap:wrap;align-items:stretch}.hero-actions .button{max-width:100%}.section-head{min-width:0;max-width:100%}.section-head>a,.section-link{max-width:100%;white-space:normal}.player-main{min-width:0}.player-controls{display:flex;flex-wrap:wrap;min-width:0}.subscriber-form{min-width:0;width:100%}.subscriber-form input,.subscriber-form textarea,.subscriber-form select,.subscribe input,.subscribe textarea,.subscribe select{width:100%;min-width:0}
}
@media(max-width:520px){.section{width:100%;max-width:100%;overflow:clip}.home-hero{padding-left:18px;padding-right:18px}.home-hero .hero-copy h1{max-width:100%;overflow-wrap:anywhere}.hero-actions{width:100%;max-width:100%}.hero-actions .button{flex:1 1 100%;width:100%;max-width:100%;white-space:normal;text-align:center}.section-head{align-items:flex-start}.section-head>a{flex:0 1 auto}.track-grid,.artist-grid,.news-grid{grid-template-columns:minmax(0,1fr)}.track-card,.artist-card,.news-grid article,.featured-card,.home-promotion-card,.home-release-card,.player-shell,.subscribe{max-width:100%}.player-controls button{flex:0 0 auto}.home-release-copy,.home-release-cover{min-width:0}.footer-links{min-width:0;overflow-wrap:anywhere}
}

/* HIT MOBILE CONTENT — cards, charts and release lists */
@media(max-width:700px){.release-track,.track-card,.artist-card,.news-grid article,.home-release-card{min-width:0}.release-track>*{min-width:0}.release-track h3,.release-track p,.home-release-copy h3,.home-release-copy p{overflow-wrap:anywhere;word-break:normal}.release-track audio,.track-card audio{width:100%;max-width:100%;min-width:0}.detail-actions{min-width:0;max-width:100%}.detail-actions a,.detail-actions .button{max-width:100%;overflow-wrap:anywhere}
}
@media(max-width:520px){.release-track{grid-template-columns:44px minmax(0,1fr)!important;gap:10px!important}.release-track audio,.release-track>.section-link{grid-column:1/-1;width:100%;max-width:100%}.track-card audio{display:block;width:100%}.home-release-card{grid-template-columns:minmax(0,1fr)!important}.home-release-cover{width:100%;max-width:100%}
}/* HIT HERO CONTRAST — WCAG AA-safe text over the light gradient */
.hero-kicker-row .eyebrow,.home-hero .hero-kicker-row .eyebrow,.kicker{color:#6a4500!important}.hero h1 em,.home-hero .hero-copy h1 em{
  color:#4b2a7a!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#4b2a7a!important;
}/* HIT HERO MOTION — orbiting spheres around the vinyl */
.home-hero .hero-record-stage{
  overflow:visible;
}.home-hero .hero-record-stage .orbit{
  z-index:1;
  border-color:rgba(83,67,101,.18);
  box-shadow:0 0 0 1px rgba(255,255,255,.18) inset;
  transform-origin:50% 50%;
  will-change:transform;
  pointer-events:none;
}.home-hero .hero-record-stage .orbit-a{
  animation:heroOrbitA 13s linear infinite;
}.home-hero .hero-record-stage .orbit-b{
  animation:heroOrbitB 18s linear infinite;
}.home-hero .hero-record-stage .orbit-sphere{
  position:absolute;
  left:50%;
  top:50%;
  display:block;
  width:16px;
  height:16px;
  margin:-8px;
  border-radius:50%;
  background:radial-gradient(circle at 32% 28%,#fff6fb 0 9%,#ff7fb4 24%,#d62d79 62%,#8d2fc5 100%);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 5px 14px rgba(151,48,113,.22),0 0 18px rgba(255,61,129,.18);
  transform:rotate(var(--sphere-angle)) translateX(var(--sphere-radius));
  will-change:transform;
}.home-hero .orbit-a .orbit-sphere-1{--sphere-angle:8deg;--sphere-radius:215px;width:18px;height:18px;margin:-9px;animation:spherePulse 2.8s ease-in-out infinite}.home-hero .orbit-a .orbit-sphere-2{--sphere-angle:142deg;--sphere-radius:215px;width:11px;height:11px;margin:-5.5px;background:radial-gradient(circle at 30% 25%,#fff,#ffcc62 35%,#e58a32 72%,#a84d36);animation:spherePulse 3.4s .5s ease-in-out infinite}.home-hero .orbit-a .orbit-sphere-3{--sphere-angle:264deg;--sphere-radius:215px;width:13px;height:13px;margin:-6.5px;background:radial-gradient(circle at 30% 25%,#fff,#a98bff 35%,#704cff 72%,#43259b);animation:spherePulse 3.1s 1s ease-in-out infinite}.home-hero .orbit-b .orbit-sphere-1{--sphere-angle:58deg;--sphere-radius:248px;width:12px;height:12px;margin:-6px;background:radial-gradient(circle at 30% 25%,#fff,#8be7ff 35%,#4a8fe8 72%,#4934a7);animation:spherePulse 3.6s .2s ease-in-out infinite}.home-hero .orbit-b .orbit-sphere-2{--sphere-angle:205deg;--sphere-radius:248px;width:18px;height:18px;margin:-9px;animation:spherePulse 2.9s .8s ease-in-out infinite}.home-hero .orbit-b .orbit-sphere-3{--sphere-angle:320deg;--sphere-radius:248px;width:10px;height:10px;margin:-5px;background:radial-gradient(circle at 30% 25%,#fff,#ffcf78 35%,#d86a42 72%,#9e3e64);animation:spherePulse 3.2s 1.2s ease-in-out infinite}.home-hero .hero-vinyl{
  z-index:2;
  animation:heroVinylTurn 20s linear infinite;
  will-change:transform;
}.home-hero .hero-record-label,.home-hero .hero-record-note{
  z-index:3;
}
@keyframes heroOrbitA{from{transform:rotate(35deg)}to{transform:rotate(395deg)}
}
@keyframes heroOrbitB{from{transform:rotate(-25deg)}to{transform:rotate(-385deg)}
}
@keyframes heroVinylTurn{from{transform:rotate(-15deg)}to{transform:rotate(345deg)}
}
@keyframes spherePulse{0%,100%{scale:1;opacity:.82}50%{scale:1.16;opacity:1}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.home-hero .hero-record-stage:hover .orbit-a{animation-duration:7s}.home-hero .hero-record-stage:hover .orbit-b{animation-duration:10s}.home-hero .hero-record-stage:hover .hero-vinyl{animation-duration:10s}
}
@media(max-width:850px){.home-hero .hero-record-stage .orbit-a{width:350px;height:126px}.home-hero .hero-record-stage .orbit-b{width:390px;height:154px}.home-hero .hero-record-stage .orbit-sphere-1{--sphere-radius:176px}.home-hero .hero-record-stage .orbit-sphere-2{--sphere-radius:176px}.home-hero .hero-record-stage .orbit-sphere-3{--sphere-radius:176px}.home-hero .hero-record-stage .orbit-b .orbit-sphere-1{--sphere-radius:194px}.home-hero .hero-record-stage .orbit-b .orbit-sphere-2{--sphere-radius:194px}.home-hero .hero-record-stage .orbit-b .orbit-sphere-3{--sphere-radius:194px}
}
@media(max-width:520px){.home-hero .hero-record-stage .orbit-a{width:300px;height:112px}.home-hero .hero-record-stage .orbit-b{width:330px;height:132px}.home-hero .hero-record-stage .orbit-sphere-1{--sphere-radius:150px;width:15px;height:15px;margin:-7.5px}.home-hero .hero-record-stage .orbit-sphere-2{--sphere-radius:150px}.home-hero .hero-record-stage .orbit-sphere-3{--sphere-radius:150px}.home-hero .hero-record-stage .orbit-b .orbit-sphere-1{--sphere-radius:164px}.home-hero .hero-record-stage .orbit-b .orbit-sphere-2{--sphere-radius:164px;width:15px;height:15px;margin:-7.5px}.home-hero .hero-record-stage .orbit-b .orbit-sphere-3{--sphere-radius:164px}
}
@media(prefers-reduced-motion:reduce){.home-hero .hero-record-stage .orbit-a,.home-hero .hero-record-stage .orbit-b,.home-hero .hero-record-stage .orbit-sphere,.home-hero .hero-record-stage .hero-vinyl{animation:none!important}
}/* HIT FINAL — homepage hero uses the approved warm light palette */
.home-hero{
  background:linear-gradient(120deg,#fffaf5 0%,#f7efe8 54%,#f8e7df 100%) !important;
}.home-hero:before{
  background:
    radial-gradient(circle at 68% 48%,rgba(216,184,148,.18),transparent 28%),
    radial-gradient(circle at 88% 72%,rgba(217,185,181,.22),transparent 26%) !important;
}.hero-live-pill,.hero-chip{
  background:rgba(255,255,255,.62) !important;
  border-color:rgba(75,64,56,.12) !important;
  color:#75675e !important;
  box-shadow:0 8px 24px rgba(93,70,55,.06) !important;
}.hero-record-stage:before{background:rgba(255,255,255,.28) !important;filter:blur(18px) !important}.home-hero .hero-vinyl{
  background:repeating-radial-gradient(circle at 48% 48%,#151827 0 2px,#0b0d14 3px 5px,#202438 6px 7px) !important;
  border-color:#34384e !important;
  box-shadow:20px 24px 0 rgba(255,61,129,.22),0 30px 65px rgba(55,42,34,.18) !important;
}.home-hero .hero-vinyl:before{
  background:radial-gradient(circle at 35% 30%,#ffcc62,#ff3d81 55%,#704cff 100%) !important;
  border-color:rgba(255,255,255,.20) !important;
}.home-hero .vinyl-hole{background:#0b0d14 !important;border-color:#ffcc62 !important}.home-hero .hero-record-label,.home-hero .hero-record-note{
  background:rgba(255,254,253,.9) !important;
  border-color:rgba(75,64,56,.15) !important;
  color:#75675e !important;
  box-shadow:var(--shadow) !important;
}.home-hero .hero-record-label b,.home-hero .hero-record-note strong{color:#6a554b !important}


/* MOBILE HERO V2 — shorter first screen, preserved vinyl composition */
@media(max-width:700px){
  .home-hero{
    min-height:0;
    padding-top:38px;
    padding-bottom:34px;
    row-gap:12px;
  }
  .home-hero .hero-copy h1{
    margin-top:18px;
    margin-bottom:18px;
  }
  .home-hero .hero-copy>p{
    margin-top:0;
    margin-bottom:0;
    font-size:15px;
    line-height:1.5;
  }
  .home-hero .hero-actions{
    margin-top:20px;
  }
  .home-hero .hero-subline{
    margin-top:14px;
    gap:7px;
  }
  .home-hero .hero-chip{
    padding:7px 10px;
  }
  .home-hero .hero-art{
    height:285px;
    margin-top:6px;
  }
  .home-hero .hero-record-stage{
    height:280px;
  }
  .home-hero .hero-vinyl{
    width:205px;
  }
  .home-hero .hero-record-label{
    right:4%;
    top:4%;
  }
  .home-hero .hero-record-note{
    left:4%;
    bottom:4%;
  }
}
@media(max-width:520px){
  .home-hero{
    padding-top:30px;
    padding-bottom:28px;
  }
  .home-hero .hero-kicker-row{gap:8px}
  .home-hero .hero-copy h1{
    margin-top:15px;
    margin-bottom:15px;
  }
  .home-hero .hero-actions{
    margin-top:17px;
  }
  .home-hero .hero-actions .button{
    min-height:50px;
  }
  .home-hero .hero-art{
    height:255px;
    margin-top:2px;
  }
  .home-hero .hero-record-stage{
    width:100%;
    height:250px;
  }
  .home-hero .hero-vinyl{
    width:185px;
  }
  .home-hero .hero-record-label{
    right:2%;
    top:3%;
    padding:9px 11px;
  }
  .home-hero .hero-record-note{
    left:2%;
    bottom:3%;
    max-width:132px;
    padding:10px;
  }
}
@media(max-width:380px){
  .home-hero .hero-art{height:235px}
  .home-hero .hero-record-stage{height:230px}
  .home-hero .hero-vinyl{width:170px}
  .home-hero .hero-record-label{transform:rotate(4deg) scale(.92)}
  .home-hero .hero-record-note{transform:rotate(-4deg) scale(.92);transform-origin:left bottom}
}

/* MOBILE HOME ARTISTS — two cards per row */
@media(max-width:520px){
  .home-artists-section .artist-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .home-artists-section .artist-card{
    padding:12px!important;
    border-radius:18px!important;
  }
  .home-artists-section .artist-avatar{
    width:100%;
    aspect-ratio:1/1;
    border-radius:14px!important;
  }
  .home-artists-section .artist-card h3{
    margin:10px 2px 4px;
    font-size:17px;
    line-height:1.12;
  }
  .home-artists-section .artist-card p{
    font-size:12px;
    line-height:1.35;
  }
  .home-artists-section .artist-card .section-link{
    margin-top:10px;
    font-size:13px;
    line-height:1.25;
  }
}

/* MOBILE HOME — tighten transition from featured radio block to chart */
@media(max-width:520px){
  .home-popular-section{
    padding-bottom:24px!important;
  }
  .home-chart-section{
    padding-top:28px!important;
  }
}