/* Visual hierarchy for the home page.
   Keep the primary focus on releases and the live radio; keep artist portraits secondary. */
.home-artists-section{padding-top:78px;padding-bottom:18px}.home-artists-section .section-head{margin-bottom:20px}.home-artists-section .home-section-intro{max-width:560px;font-size:13px;margin:-6px 0 20px}.home-artists-section .artist-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.home-artists-section .artist-card{padding:9px;border-radius:15px;min-width:0}.home-artists-section .artist-avatar{aspect-ratio:1;border-radius:11px;font-size:34px}.home-artists-section .artist-card h3{font-size:15px;line-height:1.05;margin:9px 1px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-artists-section .artist-card p{font-size:9px;line-height:1.2;margin:0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}/* Give the release section a little more visual weight without making it oversized. */
.home-release-section{margin-top:88px}.home-release-section h2{max-width:680px}/* Keep secondary promotional blocks quieter than the music catalogue. */
.home-news-section{padding-top:82px}.home-news-section .news-grid article{min-height:230px;padding:24px}.artist-banner{margin-top:70px}.subscribe{margin-top:70px}
@media(max-width:1100px){.home-artists-section .artist-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
}
@media(max-width:850px){.home-artists-section{padding-top:62px}.home-artists-section .artist-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.home-artists-section .artist-card{padding:8px}.home-artists-section .artist-avatar{border-radius:10px}.home-release-section{margin-top:68px}.home-news-section{padding-top:64px}
}
@media(max-width:520px){.home-artists-section{padding-top:52px}.home-artists-section .artist-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-artists-section .artist-card{padding:7px;border-radius:13px}.home-artists-section .artist-avatar{border-radius:9px;font-size:28px}.home-artists-section .artist-card h3{font-size:13px;margin-top:7px}.home-artists-section .artist-card p{font-size:8px}}/* HIT SIGNATURE — editorial hierarchy */
.home-popular-section .track-card{
  overflow:hidden;
  background:linear-gradient(145deg,#fffdfa,#f7f0f5);
}.home-popular-section .track-card:nth-child(1){
  border-color:rgba(255,61,129,.16);
  box-shadow:0 20px 48px rgba(255,61,129,.10);
}.home-popular-section .track-card:nth-child(2){
  border-color:rgba(112,76,255,.14);
}.home-popular-section .track-card:nth-child(3){
  border-color:rgba(255,138,61,.14);
}.home-popular-section .track-cover{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}.home-popular-section .track-cover:before{
  content:"HIT";
  position:absolute;
  left:12px;bottom:10px;
  font-size:8px;letter-spacing:.18em;font-weight:1000;
  opacity:.72;
}.home-popular-section .track-cover:after{
  content:"";
  position:absolute;
  width:80px;height:80px;right:-30px;top:-30px;border-radius:50%;
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 0 0 12px rgba(255,255,255,.05),0 0 0 24px rgba(255,255,255,.04);
}.home-popular-section .track-card .mini-play{
  transition:transform .25s ease,box-shadow .25s ease;
}.home-popular-section .track-card:hover .mini-play{
  transform:scale(1.08);
  box-shadow:0 10px 24px rgba(112,76,255,.22);
}.home-artists-section .artist-card{
  background:rgba(255,253,250,.72);
  border:1px solid rgba(54,47,43,.08);
  box-shadow:0 10px 28px rgba(55,42,34,.06);
  transition:transform .3s ease,box-shadow .3s ease;
}.home-artists-section .artist-card:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 42px rgba(55,42,34,.11);
}.home-artists-section .artist-avatar{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 20px rgba(112,76,255,.13);
}.home-news-section .news-grid article{
  position:relative;
  overflow:hidden;
}.home-news-section .news-grid article:after{
  content:"";
  position:absolute;
  width:180px;height:180px;right:-90px;bottom:-90px;border-radius:50%;
  background:radial-gradient(circle,rgba(112,76,255,.11),transparent 68%);
  pointer-events:none;
}.home-promotion-section .home-promotion-wrap{
  position:relative;
  overflow:hidden;
  border-radius:32px;
  background:
    radial-gradient(circle at 92% 10%,rgba(255,61,129,.13),transparent 22%),
    linear-gradient(135deg,#fffdfa,#f0ebf8);
  border:1px solid rgba(54,47,43,.09);
  box-shadow:0 22px 55px rgba(55,42,34,.08);
}.home-promotion-section .home-promotion-card{
  background:rgba(255,255,255,.68);
  border:1px solid rgba(54,47,43,.08);
  box-shadow:0 10px 25px rgba(55,42,34,.05);
}.home-promotion-section .home-promotion-card:hover{
  background:rgba(255,255,255,.9);
}
@media(max-width:600px){
}/* HIT SIGNATURE — final editorial layer */
.orh-scroll-progress{
  position:fixed;left:0;top:0;width:100%;height:3px;z-index:9999;
  transform-origin:left center;transform:scaleX(0);
  background:linear-gradient(90deg,#ff3d81,#704cff,#ff8a3d);
  box-shadow:0 1px 10px rgba(112,76,255,.22);
  pointer-events:none;
}.artist-banner,.subscribe,.home-news-section,.home-artists-section,.home-release-section{
  position:relative;
}.artist-banner:before,.subscribe:before{
  content:"";position:absolute;pointer-events:none;border-radius:50%;
  width:260px;height:260px;right:-100px;top:-110px;
  background:radial-gradient(circle,rgba(255,61,129,.13),transparent 68%);
}.artist-banner{
  overflow:hidden;
  box-shadow:0 24px 60px rgba(55,42,34,.10);
  transition:transform .35s ease,box-shadow .35s ease;
}.artist-banner:hover{transform:translateY(-4px);box-shadow:0 30px 70px rgba(55,42,34,.14)}.artist-banner .button{position:relative;z-index:2;min-height:54px}.subscribe{
  overflow:hidden;
  box-shadow:0 18px 50px rgba(55,42,34,.07);
}.subscribe form{
  position:relative;
  z-index:2;
}.subscribe input:focus{
  border-color:rgba(112,76,255,.38)!important;
  box-shadow:0 0 0 5px rgba(112,76,255,.08),0 10px 30px rgba(55,42,34,.07);
}.footer{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 0%,rgba(255,61,129,.08),transparent 24%),
    radial-gradient(circle at 85% 100%,rgba(112,76,255,.08),transparent 26%),
    #eee9e4;
}.footer:before{
  content:"ОНЛАЙН РАДИО ХИТ";
  display:block;
  font-size:9px;font-weight:1000;letter-spacing:.2em;
  color:#9b9aa1;
}.footer-links a{
  position:relative;
  transition:color .2s ease,transform .2s ease;
}.footer-links a:hover{color:#704cff;transform:translateY(-1px);text-decoration:none}.orh-section-visible{animation:orhEditorialIn .7s cubic-bezier(.2,.75,.2,1) both}
@keyframes orhEditorialIn{from{opacity:.35;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:600px){.artist-banner:hover{transform:none}.footer:before{margin-bottom:2px}
}
@media(prefers-reduced-motion:reduce){.artist-banner,.orh-section-visible{animation:none;transition: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%}
}

.home-artists-section .artist-avatar{overflow:hidden}
.home-artists-section .artist-avatar .artist-photo{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}