/* Стиловете са групирани по компоненти. Последните правила в раздела имат приоритет.
Размерите са в :root; снимките се настройват чрез IMAGE_LAYOUT в app.js. */
/* 01 / ОСНОВА, ШРИФТОВЕ И ПРОМЕНЛИВИ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&family=UnifrakturCook:wght@700&display=swap');
:root {
  --black:#090909;
  --ink:#101010;
  --paper:#e2e2e2;
  --muted:#9c9c9c;
  --red:#e2e2e2;
  --red-dark:#777777;
  --line:rgba(226,226,226,.18);
  --display:"Cormorant Garamond",Georgia,serif;
  --condensed:"Inter",Arial,sans-serif;
  --gothic:"UnifrakturCook",serif;
  --mono:"Space Mono",monospace;
}
* {
  box-sizing:border-box
}
html {
  min-height:100%;
  overflow-x:hidden;
  scroll-behavior:smooth;
  scrollbar-width:thin;
  scrollbar-color:var(--red) #111111
}
body {
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  background:var(--black);
  color:var(--paper);
  font-family:var(--condensed);
  -webkit-font-smoothing:antialiased
}
body:before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:radial-gradient(ellipse at 78% 8%,rgba(220,220,220,.10),transparent 36%),radial-gradient(ellipse at 8% 65%,rgba(180,180,180,.07),transparent 32%),linear-gradient(145deg,#1a1a1a,#080808 55%,#111111)
}
button,input {
  font:inherit
}
button,a {
  -webkit-tap-highlight-color:transparent
}
a {
  color:inherit;
  text-decoration:none
}
button {
  cursor:pointer
}
::selection {
  background:var(--red);
  color:white
}
.grain,.scanlines {
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:9000
}
.grain {
  opacity:.075;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")
}
.scanlines {
  opacity:.08;
  background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.45) 4px)
}
#app-view {
  min-height:65vh;
  outline:none
}
.page {
  width:min(1380px,calc(100% - 64px));
  margin:auto
}
.eyebrow {
  margin:0 0 17px;
  color:#a1a1a1;
  font:9px var(--mono);
  letter-spacing:2px
}
.red-slash {
  color:var(--red);
  font-weight:bold
}
.button {
  min-height:48px;
  padding:0 21px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  font:10px var(--mono);
  letter-spacing:1.3px;
  border:1px solid var(--line);
  transition:transform .2s,background .2s,border-color .2s
}
.button:hover {
  transform:translate(-3px,-3px);
  box-shadow:4px 4px 0 rgba(226,226,226,.25)
}
.button-red {
  background:var(--red);
  border-color:var(--red);
  color:white
}
.button-red:hover {
  background:#f2f2f2
}
.button-outline {
  background:transparent;
  color:var(--paper)
}
.button-outline:hover {
  border-color:var(--red);
  background:rgba(226,226,226,.08)
}
.tape-reel {
  position:absolute;
  z-index:1;
  width:190px;
  height:190px;
  border-radius:50%;
  border:18px solid #212121;
  box-shadow:inset 0 0 0 8px #090909,0 0 0 2px #666666,0 0 35px rgba(0,0,0,.8);
  background:radial-gradient(circle,#c1c1c1 0 8px,#1d1d1d 9px 25px,#838383 26px 31px,#111111 32px 44px,transparent 45px)
}
.tape-reel:after {
  content:"";
  position:absolute;
  inset:40px;
  border:3px dashed #838383;
  border-radius:50%
}
.reel-one {
  left:13%;
  top:23%
}
.reel-two {
  right:12%;
  top:40%;
  width:145px;
  height:145px
}
.tape-label {
  position:absolute;
  z-index:3;
  left:22%;
  top:43%;
  width:60%;
  padding:17px 12px;
  text-align:center;
  background:#d8d8d8;
  color:#111111;
  transform:rotate(-8deg);
  box-shadow:8px 9px 0 #080808;
  font:12px/1.3 var(--mono);
  letter-spacing:2px
}
.tape-label strong {
  display:block;
  font:clamp(24px,3vw,40px) var(--display);
  letter-spacing:1px
}
.tape-label small {
  display:block;
  margin-top:8px;
  font:7px var(--mono)
}
.art-serial {
  position:absolute;
  z-index:3;
  bottom:22px;
  right:22px;
  font:9px var(--mono);
  letter-spacing:2px;
  color:#aaaaaa
}
.section {
  padding:90px 0
}
.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px
}
.section-intro {
  max-width:540px;
  color:#a0a0a0;
  font:18px/1.5 var(--condensed);
  margin:18px 0 0
}
.text-link,.card-link {
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--red);
  font:9px var(--mono);
  letter-spacing:1px;
  border-bottom:1px solid rgba(226,226,226,.4);
  padding-bottom:7px
}
.card-top {
  height:37px;
  padding:0 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
  color:#9c9c9c;
  font:7px var(--mono);
  letter-spacing:1px
}
.card-stamp {
  color:var(--red)
}
.art-vertical {
  position:absolute;
  z-index:3;
  left:10px;
  bottom:12px;
  writing-mode:vertical-rl;
  font:6px var(--mono);
  letter-spacing:2px;
  color:#838383
}
.art-cross {
  position:absolute;
  z-index:3;
  right:17px;
  top:12px;
  color:var(--red);
  font-size:22px
}
.card-link {
  margin-top:16px;
  font-size:8px
}
.manifesto-band {
  display:grid;
  grid-template-columns:150px 1fr 250px;
  align-items:center;
  gap:35px;
  padding:55px 7%;
  background:var(--red);
  color:white;
  position:relative;
  overflow:hidden
}
.manifesto-band:after {
  content:"RTR";
  position:absolute;
  right:-15px;
  bottom:-70px;
  font:210px var(--display);
  opacity:.09
}
.manifesto-mark {
  font:31px/1 var(--display);
  border:2px solid white;
  padding:18px 10px;
  text-align:center;
  transform:rotate(-8deg)
}
.manifesto-band h2 {
  margin:0;
  font:clamp(29px,4.5vw,57px)/.98 var(--display)
}
.manifesto-band h2 span {
  color:#0d0d0d
}
.manifesto-band>p {
  position:relative;
  z-index:1;
  font:17px/1.45 var(--condensed)
}
.cta-cross {
  position:absolute;
  right:33%;
  top:18px;
  color:rgba(226,226,226,.12);
  font-size:85px
}
.note-strip {
  display:flex;
  gap:25px;
  padding:20px;
  border-left:4px solid var(--red);
  background:#171717;
  color:#aeaeae;
  font:14px/1.5 var(--condensed)
}
.note-strip b {
  color:var(--red);
  font:9px var(--mono);
  white-space:nowrap
}
.footer {
  width:min(1380px,calc(100% - 64px));
  margin:0 auto;
  padding:25px 0 45px;
  border-top:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  gap:18px;
  color:#787878;
  font:8px var(--mono);
  letter-spacing:1px
}
.footer a {
  color:var(--red)
}
.time-row {
  margin-top:9px;
  color:#dddddd
}
.seek {
  width:100%;
  margin:9px 0;
  accent-color:var(--red);
  cursor:pointer
}
.playlist {
  display:none;
  margin-top:11px;
  padding-top:10px;
  border-top:1px solid var(--line)
}
.playlist.open {
  display:block
}
.playlist-label {
  margin-bottom:7px;
  color:#8f8f8f;
  font:7px var(--mono);
  letter-spacing:1px
}
.playlist-item {
  width:100%;
  padding:8px 5px;
  display:flex;
  justify-content:space-between;
  gap:8px;
  color:#aaaaaa;
  background:transparent;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.07);
  text-align:left;
  font:7px var(--mono)
}
.playlist-item:hover,.playlist-item.active {
  color:white;
  background:rgba(226,226,226,.10)
}
@media(max-width:950px) {
  .manifesto-band {
    grid-template-columns:100px 1fr
  }
}
@media(max-width:950px) {
  .manifesto-band>p {
    grid-column:2
  }
}
@media(max-width:700px) {
  .page {
    width:calc(100% - 34px)
  }
}
@media(max-width:700px) {
  .tape-reel {
    width:150px;
    height:150px
  }
}
@media(max-width:700px) {
  .reel-two {
    width:115px;
    height:115px
  }
}
@media(max-width:700px) {
  .tape-label {
    left:17%;
    width:66%
  }
}
@media(max-width:700px) {
  .section {
    padding:62px 0
  }
}
@media(max-width:700px) {
  .section-heading {
    align-items:flex-start;
    flex-direction:column
  }
}
@media(max-width:700px) {
  .section-heading h2 {
    font-size:clamp(35px,10vw,55px)
  }
}
@media(max-width:700px) {
  .manifesto-band {
    grid-template-columns:1fr;
    gap:20px;
    padding:34px 25px
  }
}
@media(max-width:700px) {
  .manifesto-mark {
    width:82px;
    font-size:22px
  }
}
@media(max-width:700px) {
  .manifesto-band>p {
    grid-column:auto;
    margin:0
  }
}
@media(max-width:700px) {
  .manifesto-band:after {
    font-size:150px
  }
}
@media(max-width:700px) {
  .cta-cross {
    right:12px;
    top:12px;
    font-size:55px
  }
}
@media(max-width:700px) {
  .note-strip {
    flex-direction:column;
    gap:9px
  }
}
@media(max-width:700px) {
  .footer {
    width:calc(100% - 34px);
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    padding-bottom:125px;
    font-size:7px
  }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    scroll-behavior:auto!important;
    animation:none!important;
    transition:none!important
  }
}
:root {
  --black:#060606;
  --ink:#0d0d0d;
  --paper:#e7e7e7;
  --muted:#9a9a9a;
  --red:#c7c7c7;
  --red-dark:#737373;
  --line:rgba(219,219,219,.22);
  --display:"Cormorant Garamond",Georgia,serif;
  --condensed:"Inter",Arial,sans-serif;
  --gothic:"UnifrakturCook",serif;
  --mono:"Space Mono",monospace;
  --glass:rgba(200,200,200,.075);
}
body {
  background:#060606;
  color:#e7e7e7;
  font-family:var(--condensed)
}
body:before {
  z-index:-2;
  background:radial-gradient(ellipse at 50% 0%,rgba(167,167,167,.16),transparent 44%),radial-gradient(ellipse at 10% 80%,rgba(85,85,85,.15),transparent 38%),linear-gradient(145deg,#1b1b1b,#060606 58%,#101010)
}
.grain {
  opacity:.045
}
.scanlines {
  opacity:.035
}
.button {
  border-radius:3px;
  background:rgba(200,200,200,.06);
  border-color:rgba(216,216,216,.35);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 24px rgba(0,0,0,.22)
}
.button-red {
  color:#0b0b0b;
  background:linear-gradient(135deg,#e6e6e6,#8f8f8f);
  border-color:#cfcfcf
}
.button-red:hover {
  background:#f3f3f3
}
.button-outline:hover {
  background:rgba(206,206,206,.14);
  border-color:#dfdfdf
}
.cemetery-scene {
  background:radial-gradient(ellipse at 50% 76%,rgba(172,172,172,.22),transparent 42%),linear-gradient(180deg,rgba(17,17,17,.1),#070707 90%),repeating-linear-gradient(90deg,transparent 0 18px,rgba(216,216,216,.035) 19px 20px),linear-gradient(145deg,#292929,#0b0b0b 62%)
}
.cemetery-gate {
  position:absolute;
  inset:12% 13% 0;
  display:flex;
  justify-content:space-around;
  align-items:flex-start;
  border:5px double rgba(194,194,194,.46);
  border-bottom:0;
  border-radius:48% 48% 0 0/24% 24% 0 0;
  filter:drop-shadow(0 0 12px rgba(197,197,197,.18));
  opacity:.8
}
.cemetery-gate:before,.cemetery-gate:after {
  content:"";
  position:absolute;
  top:22%;
  bottom:0;
  width:3px;
  background:linear-gradient(#c1c1c1,#393939);
  box-shadow:0 0 0 7px rgba(174,174,174,.06)
}
.cemetery-gate:before {
  left:34%
}
.cemetery-gate:after {
  right:34%
}
.cemetery-gate span {
  font:24px var(--display);
  color:#cccccc;
  text-shadow:0 0 14px #b7b7b7;
  margin-top:-17px
}
.cemetery-fog {
  position:absolute;
  z-index:2;
  left:-15%;
  width:130%;
  height:34%;
  background:radial-gradient(ellipse,rgba(199,199,199,.19),rgba(172,172,172,.07) 42%,transparent 72%);
  filter:blur(12px);
  pointer-events:none;
  animation:fog-drift 18s ease-in-out infinite alternate
}
.fog-one {
  bottom:8%
}
.fog-two {
  bottom:27%;
  opacity:.5;
  animation-duration:25s;
  animation-direction:alternate-reverse
}
.cemetery-raven {
  position:absolute;
  z-index:4;
  right:15%;
  top:19%;
  font:58px/1 Arial,sans-serif;
  color:#040404;
  transform:rotate(-15deg);
  text-shadow:0 0 12px rgba(203,203,203,.2)
}
.cemetery-caption {
  position:absolute;
  z-index:5;
  left:8%;
  bottom:8%;
  font:9px var(--mono);
  letter-spacing:3px;
  color:#dcdcdc;
  text-shadow:0 2px 8px #000000
}
.tape-label {
  background:linear-gradient(145deg,#e6e6e6,#979797);
  color:#0b0b0b;
  border:1px solid #f3f3f3;
  box-shadow:0 14px 35px rgba(0,0,0,.65)
}
.tape-label strong {
  font-family:var(--display);
  font-weight:400
}
.tape-reel {
  border-color:#3a3a3a;
  box-shadow:inset 0 0 0 8px #0b0b0b,0 0 0 2px #929292,0 0 35px rgba(0,0,0,.8)
}
.card-top {
  border-color:rgba(212,212,212,.17)
}
.art-cross {
  color:#d9d9d9
}
.manifesto-band {
  background:linear-gradient(120deg,#616161,#b4b4b4 50%,#4b4b4b);
  color:#0b0b0b;
  border-block:1px solid #cecece
}
.manifesto-band h2 span {
  color:#3a3a3a
}
.manifesto-band .eyebrow {
  color:#232323
}
.manifesto-mark {
  border-color:#171717;
  font-family:var(--display);
  font-weight:400
}
.cta-cross {
  color:rgba(220,220,220,.12)
}
.footer {
  border-color:rgba(213,213,213,.2)
}
.label-archive {
  position:relative
}
.archive-seal {
  padding:12px 16px;
  border:1px solid rgba(217,217,217,.35);
  border-radius:50%;
  color:#cfcfcf;
  font:8px var(--mono);
  letter-spacing:2px;
  transform:rotate(-9deg)
}
.archive-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:32px
}
.archive-item {
  position:relative;
  min-height:245px;
  padding:22px 18px;
  overflow:hidden;
  border-radius:4px
}
.archive-item:after {
  content:"✝";
  position:absolute;
  right:10px;
  bottom:-25px;
  font:100px var(--display);
  color:rgba(225,225,225,.045);
  pointer-events:none
}
.archive-type {
  display:block;
  color:#b9b9b9;
  font:7px var(--mono);
  letter-spacing:1.2px
}
.archive-mark {
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  margin:22px 0 16px;
  border:1px solid rgba(218,218,218,.38);
  border-radius:50%;
  color:#dfdfdf;
  font:14px var(--display)
}
.archive-item h3 {
  position:relative;
  z-index:1;
  margin:0;
  font:21px/1.05 var(--display);
  font-weight:400;
  color:#e5e5e5
}
.archive-item p {
  margin:10px 0 20px;
  color:#bebebe;
  font:8px var(--mono);
  letter-spacing:1px
}
.archive-item a,.archive-note {
  position:relative;
  z-index:1;
  color:#dbdbdb;
  font:7px var(--mono);
  letter-spacing:.8px;
  border-bottom:1px solid rgba(220,220,220,.4);
  padding-bottom:5px
}
.playlist {
  border-color:rgba(218,218,218,.2)
}
.playlist-item {
  border-color:rgba(218,218,218,.12)
}
.playlist-item:hover,.playlist-item.active {
  background:rgba(206,206,206,.13);
  color:#ffffff
}
@media(max-width:950px) {
  .archive-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:700px) {
  .archive-grid {
    grid-template-columns:1fr 1fr;
    gap:9px
  }
}
@media(max-width:700px) {
  .archive-item {
    min-height:220px;
    padding:16px 13px
  }
}
@media(max-width:700px) {
  .archive-item h3 {
    font-size:17px
  }
}
@media(max-width:700px) {
  .footer {
    padding-bottom:45px
  }
}
@media(max-width:380px) {
  .archive-grid {
    grid-template-columns:1fr
  }
}
@media(max-width:380px) {
  .archive-item {
    min-height:190px
  }
}
@media(prefers-reduced-motion:reduce) {
  .cemetery-fog {
    animation:none
  }
}
:root {
  --sidebar-width: 258px;
}
#app-view {
  min-height:65vh;
  margin-left:var(--sidebar-width)
}
@media(max-width:900px) {
  :root {
    --sidebar-width:220px
  }
}
@media(max-width:700px) {
  :root {
    --sidebar-width:0px
  }
}
@media(max-width:700px) {
  #app-view {
    margin-left:0
  }
}
@media(max-width:700px) {
  .footer {
    width:calc(100% - 34px);
    margin:0 auto
  }
}
:root {
  --sidebar-width:258px;
  --sidebar-collapsed-width:76px;
  --glass-edge:rgba(229,229,229,.22);
  --glass-highlight:rgba(242,242,242,.13);
}
#app-view,.footer {
  transition:margin-left .42s cubic-bezier(.2,.8,.2,1),width .42s ease
}
#app-view {
  margin-left:var(--sidebar-width)
}
.footer {
  width:calc(100% - var(--sidebar-width) - 64px);
  margin-left:calc(var(--sidebar-width) + 32px)
}
.seek {
  accent-color:#e1e1e1
}
.button:hover {
  box-shadow:0 0 24px rgba(207,207,207,.12),4px 4px 0 rgba(207,207,207,.12)
}
:root {
  --black:#050505;
  --ink:#101010;
  --paper:#e7e7e7;
  --muted:#959595;
  --red:#d7d7d7;
  --red-dark:#666666;
  --line:rgba(224,224,224,.17)
}
body {
  background:#050505;
  color:#e7e7e7
}
body:before {
  background:radial-gradient(ellipse at 70% 10%,rgba(145,145,145,.055),transparent 40%),linear-gradient(145deg,#111111,#050505 60%,#0b0b0b)
}
.dock-identity {
  display:flex;
  align-items:center;
  gap:9px;
  white-space:nowrap;
  font:9px var(--mono);
  letter-spacing:1.5px
}
.dock-dot {
  height:7px;
  width:7px;
  border-radius:50%;
  background:#d3d3d3;
  box-shadow:0 0 9px #777777
}
.dock-track {
  display:flex;
  align-items:baseline;
  gap:10px;
  min-width:0;
  flex:1;
  font:10px var(--mono)
}
.dock-track strong {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.dock-track span {
  color:#888888;
  font-size:8px;
  white-space:nowrap
}
.dock-actions {
  display:flex;
  align-items:center;
  gap:12px
}
.dock-actions button {
  min-height:34px;
  padding:7px 11px;
  border:1px solid #4b4b4b;
  background:#1b1b1b;
  color:#e7e7e7;
  font:9px var(--mono)
}
.dock-actions button:hover {
  border-color:#bcbcbc;
  background:#292929
}
.dock-volume-label {
  display:flex;
  gap:6px;
  align-items:center;
  color:#999999;
  font:8px var(--mono)
}
.dock-volume-label input {
  width:72px;
  accent-color:#cccccc
}
@media(max-width:950px) {
  .dock-volume-label {
    display:none
  }
}
@media(max-width:700px) {
  .dock-identity {
    font-size:8px
  }
}
@media(max-width:700px) {
  .dock-track {
    flex:1 1 45%;
    flex-direction:column;
    gap:3px
  }
}
@media(max-width:700px) {
  .dock-track span {
    font-size:7px
  }
}
@media(max-width:700px) {
  .dock-actions {
    margin-left:auto;
    gap:7px
  }
}
@media(max-width:700px) {
  .dock-switch {
    font-size:8px!important
  }
}
@media(max-width:390px) {
  .dock-track {
    flex-basis:55%
  }
}
@media(max-width:390px) {
  .dock-actions {
    width:100%;
    justify-content:flex-end
  }
}
:root {
  --glass-edge:rgba(215,215,215,.22);
  --glass-highlight:rgba(235,235,235,.10)
}
.dock-genre-label {
  color:#999;
  font:8px var(--mono)
}
#dock-genre,#floating-genre {
  max-width:110px;
  background:#171717;
  color:#eee;
  border:1px solid #484848;
  border-radius:3px;
  padding:6px;
  font:8px var(--mono)
}
#dock-shuffle.is-active,#floating-shuffle.is-active {
  background:#555;
  color:#fff;
  border-color:#ddd
}
@media(max-width:950px) {
  .dock-genre-label {
    display:none
  }
}
@media(max-width:950px) {
  .dock-actions {
    flex-wrap:wrap
  }
}
@media(max-width:700px) {
  .dock-actions {
    flex-wrap:wrap
  }
}
@media(max-width:700px) {
  #dock-genre {
    max-width:95px
  }
}
#app-view {
  padding-top:76px
}
.transmission {
  padding:clamp(22px,4vw,56px)
}
.transmission-actions {
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  align-items:center;
  margin:24px 0
}
button,select,input,textarea {
  font:inherit
}
:focus-visible {
  outline:2px solid var(--red,#ddd);
  outline-offset:4px
}
@media(max-width:700px) {
  #app-view {
    padding-top:148px
  }
}
@media(max-width:700px) {
  .dock-identity {
    max-width:100px
  }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    animation:none!important;
    transition:none!important
  }
}
.dock-expanded {
  flex-basis:100%;
  display:grid;
  grid-template-rows:0fr;
  max-height:0;
  opacity:0;
  overflow:hidden;
  visibility:hidden;
  transition:max-height .25s,opacity .25s
}
.dock-expanded-controls {
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 0
}
.dock-expanded-controls button {
  padding:8px 15px;
  background:#222;
  color:white;
  border:1px solid #555
}
.dock-expanded-controls label {
  font:10px var(--mono)
}
.footer {
  flex-wrap:wrap
}
.footer #atmosphere {
  width:auto;
  padding:5px
}
@media(max-width:900px) {
  .home-progress {
    display:none
  }
}
@media(max-width:900px) {
  .dock-expanded-controls {
    flex-wrap:wrap
  }
}
@media(max-width:900px) {
  .dock-expanded-controls input {
    max-width:90px
  }
}
@media(prefers-reduced-motion:reduce) {
  #app-view {
    scroll-behavior:auto
  }
}
@media(prefers-reduced-motion:reduce) {
  * {
    animation:none!important;
    transition:none!important
  }
}
.dock-expanded {
  display:block;
  grid-template-rows:none
}
button:hover {
  box-shadow:0 0 14px #ffffff25
}
html,body {
  overflow-x:clip
}
#app-view>.page {
  display:block;
  height:auto;
  overflow:visible
}
.home-progress {
  display:none
}
.dock-track {
  justify-content:center;
  min-width:0;
  line-height:1.4
}
.dock-track strong {
  white-space:normal
}
.dock-audio-preview {
  display:flex;
  align-items:center;
  gap:14px;
  max-width:380px
}
.dock-album {
  flex:0 0 52px;
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  background:#222;
  border:1px solid #555;
  font:18px var(--display)
}
.dock-album img {
  width:100%;
  height:100%;
  object-fit:cover
}
.dock-album [hidden] {
  display:none!important
}
.dock-audio-preview .dock-spectrum {
  width:clamp(120px,22vw,290px);
  flex:none;
  height:54px!important;
  margin:0;
  gap:1px
}
.dock-expanded {
  padding:0
}
.detail-tools {
  padding:20px clamp(20px,4vw,64px)
}
.detail-tools input {
  display:block;
  max-width:100%;
  width:600px;
  padding:10px;
  background:#161616;
  color:#eee;
  border:1px solid #555
}
.share-status {
  font-size:13px
}
@media(max-width:700px) {
  .dock-track {
    flex:1 1 40%
  }
}
@media(max-width:700px) {
  .dock-audio-preview .dock-spectrum {
    width:min(240px,60vw)
  }
}
@media(max-width:700px) {
  .dock-album {
    flex-basis:44px;
    width:44px;
    height:44px
  }
}
#radio-dock .dock-track {
  flex:1;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:3px
}
#radio-dock .dock-track strong,#radio-dock .dock-track span {
  margin:0;
  line-height:1.4
}
#radio-dock .dock-identity {
  font-size:8px;
  max-width:105px
}
#radio-dock .dock-expanded {
  flex-basis:100%;
  padding:0;
  margin:0
}
#radio-dock .dock-actions button {
  background:#ffffff12;
  border:1px solid #ffffff45;
  color:white
}
@media(max-width:700px) {
  #radio-dock .dock-identity {
    max-width:75px;
    font-size:7px
  }
}
#radio-dock .dock-track {
  align-items:flex-start;
  gap:4px
}
#radio-dock .dock-identity {
  max-width:none;
  font-size:10px
}
#radio-dock .dock-track strong {
  line-height:1.35
}
#radio-dock .dock-track span {
  line-height:1.35
}
#radio-dock .dock-expanded {
  flex-basis:100%
}
#radio-dock.pointer-away .dock-expanded {
  padding-top:0!important
}
@media(max-width:700px) {
  #radio-dock .dock-identity {
    font-size:8px;
    max-width:85px
  }
}
@media(max-width:700px) {
  #radio-dock .dock-track {
    flex:1 1 35%
  }
}
@media(max-width:700px) {
  #radio-dock .dock-actions {
    min-height:32px
  }
}
.footer {
  padding-bottom:22px
}
:root {
  --editor-widget-width:360px;
  --editor-dock-width:820px;
  --editor-player-gap:10px;
  --editor-player-padding:12px;
  --editor-player-radius:3px;
  --editor-player-cover:48px;
  --editor-nav-logo-width:44px;
  --editor-nav-logo-height:65px;
  --editor-nav-font:10px;
  --editor-glass-blur:24px;
  --editor-glass-tint:rgba(16,23,30,.55);
  --icon-home:"⌂";
  --icon-artists:"✥";
  --icon-releases:"◉";
  --icon-collective:"✣";
  --icon-submissions:"✎";
  --icon-live:"♫";
  --icon-studio:"⚒";
  --icon-contact:"✉";
  --icon-about:"ⓘ";
}
img.editable-image {
  scale:var(--content-image-scale,1);
  object-position:var(--content-image-position,50% 50%)!important;
  object-fit:var(--content-image-fit,contain)!important;
  transform-origin:center
}
:root {
  --editor-widget-size:360px;
  --widget-text-line-height:20px;
  --widget-text-gap:3px;
  --widget-cover-size:calc(var(--widget-text-line-height) * 3 + var(--widget-text-gap) * 2);
  --widget-toolbar-height:32px;
}
#dock-action-target {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:0
}
.floating-widget #dock-action-target {
  display:none
}
@media(max-width:680px) {
  #dock-action-target {
    grid-column:2;
    grid-row:2
  }
}
@media(max-width:680px) {
  .floating-widget #dock-action-target {
    display:none
  }
}
:root {
  --polished-widget-width:400px;
  --polished-widget-padding:16px;
  --polished-widget-gap:16px;
  --polished-cover-size:66px;
  --polished-title-size:13px;
  --polished-copy-size:11px;
  --event-poster-height:260px;
  --event-card-gap:24px;
  --featured-columns:1fr 1fr;
}
:root {
  --featured-title-size:clamp(26px,3vw,42px);
  --event-carousel-card-width:280px
}
:root {
  --polished-widget-width:440px;
  --polished-cover-size:64px
}
:root {
  --featured-title-size:clamp(24px,2.4vw,34px);
  --event-carousel-card-width:250px;
  --widget-row-title:22px;
  --widget-row-artist:18px;
  --widget-row-spectrum:18px;
  --widget-row-gap:3px;
  --polished-cover-size:calc(var(--widget-row-title) + var(--widget-row-artist) + var(--widget-row-spectrum) + var(--widget-row-gap) * 2);
}
#mobile-audio-slot:empty {
  display:none
}
:root {
  --home-logo-max:1000px;
  --home-logo-height:390px;
  --featured-square-min:340px;
  --featured-square-max:470px;
  --event-carousel-card-width:250px;
  --icon-artists:"☥";
  --icon-releases:"✠";
  --icon-collective:"⛧";
  --icon-submissions:"†";
  --icon-live:"☽";
  --icon-studio:"☥";
  --icon-contact:"✞";
  --icon-about:"✥"
}
:root {
  --home-logo-max:1240px;
  --home-logo-height:520px;
  --nav-logo-expanded:190px;
  --nav-logo-compact:44px;
  --event-card-gap:22px
}
/* 02 / НАВИГАЦИЯ И ЛОГО */
.site-header {
  position:sticky;
  top:0;
  z-index:100;
  width:100%;
  min-height:82px;
  padding:12px clamp(18px,5vw,76px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  background:rgba(9,9,9,.92);
  border-bottom:1px solid rgba(226,226,226,.28);
  backdrop-filter:blur(16px)
}
.brand {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:245px
}
.brand-stamp {
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  background:var(--red);
  color:white;
  font:18px var(--display);
  transform:rotate(-7deg);
  box-shadow:4px 4px 0 #555555
}
.brand-stamp span {
  font:8px var(--mono);
  align-self:start;
  margin:6px 0 0 -6px
}
.brand-wordmark {
  font:17px/1 var(--display);
  letter-spacing:-.5px
}
.brand-wordmark>span {
  color:var(--red)
}
.brand-wordmark small {
  display:block;
  margin-top:6px;
  color:#8c8c8c;
  font:7px var(--mono);
  letter-spacing:1.4px
}
.nav {
  display:flex;
  align-items:center;
  gap:clamp(14px,2.6vw,38px)
}
.nav a,.header-tag {
  font:10px var(--mono);
  letter-spacing:1.3px;
  color:#bdbdbd;
  transition:color .2s
}
.nav a:hover,.nav a.active {
  color:var(--red)
}
.header-tag {
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  color:#dfdfdf
}
.menu-toggle {
  display:none;
  background:transparent;
  border:1px solid var(--line);
  color:white;
  padding:8px 12px;
  font-size:20px
}
@media(max-width:950px) {
  .header-tag {
    display:none
  }
}
@media(max-width:700px) {
  .site-header {
    min-height:70px;
    padding:10px 15px;
    gap:12px
  }
}
@media(max-width:700px) {
  .brand {
    min-width:0;
    gap:9px
  }
}
@media(max-width:700px) {
  .brand-stamp {
    width:39px;
    height:39px;
    font-size:15px
  }
}
@media(max-width:700px) {
  .brand-wordmark {
    font-size:13px
  }
}
@media(max-width:700px) {
  .brand-wordmark small {
    font-size:6px;
    letter-spacing:.8px
  }
}
@media(max-width:700px) {
  .nav {
    display:none;
    position:absolute;
    top:calc(100% + 1px);
    left:0;
    right:0;
    padding:18px 22px 22px;
    flex-direction:column;
    align-items:flex-start;
    gap:20px;
    background:rgba(9,9,9,.98);
    border-bottom:2px solid var(--red)
  }
}
@media(max-width:700px) {
  .nav a {
    font-size:11px
  }
}
@media(max-width:380px) {
  .brand-wordmark {
    font-size:11px
  }
}
@media(max-width:380px) {
  .brand-wordmark small {
    font-size:5px
  }
}
.site-header {
  background:rgba(10,10,10,.72);
  border-bottom:1px solid rgba(216,216,216,.24);
  backdrop-filter:blur(24px) saturate(145%);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
  box-shadow:0 10px 35px rgba(0,0,0,.25)
}
.brand-stamp,.partner-mark {
  background:linear-gradient(145deg,#e0e0e0,#6f6f6f);
  color:#0b0b0b;
  box-shadow:0 0 22px rgba(194,194,194,.18)
}
.brand-wordmark {
  font:22px/1 var(--gothic);
  letter-spacing:0
}
.brand-wordmark>span,.nav a:hover,.nav a.active,.header-tag,.eyebrow,.red-slash,.text-link,.card-link,.artist-origin,.partner-role,.footer a {
  color:#d0d0d0
}
.nav a,.header-tag {
  font-family:var(--mono)
}
@media(max-width:700px) {
  .brand-wordmark {
    font-family:var(--gothic);
    font-size:18px
  }
}
@media(max-width:700px) {
  .brand-wordmark small {
    font-family:var(--mono)
  }
}
@media(max-width:700px) {
  .nav {
    background:rgba(11,11,11,.96);
    backdrop-filter:blur(24px);
    border-color:rgba(218,218,218,.3)
  }
}
.site-header {
  position:fixed;
  inset:0 auto 0 0;
  z-index:9800;
  width:var(--sidebar-width);
  min-height:100vh;
  height:100vh;
  padding:30px 22px 24px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:0;
  border:0;
  border-right:1px solid rgba(218,218,218,.24);
  background:linear-gradient(180deg,rgba(13,13,13,.94),rgba(7,7,7,.97));
  box-shadow:12px 0 45px rgba(0,0,0,.28)
}
.brand {
  min-width:0;
  width:100%;
  align-items:flex-start;
  gap:12px
}
.brand-wordmark {
  font-family:var(--gothic);
  font-size:22px;
  line-height:1.05;
  letter-spacing:0
}
.brand-wordmark small {
  font-family:var(--mono);
  font-size:7px;
  line-height:1.5;
  letter-spacing:1px
}
.nav {
  width:100%;
  margin-top:62px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:7px
}
.nav a {
  display:block;
  width:100%;
  padding:15px 13px;
  border-left:2px solid transparent;
  color:#c2c2c2;
  font:10px var(--mono);
  letter-spacing:1.8px;
  transition:background .2s,border-color .2s,color .2s,transform .2s
}
.nav a:hover,.nav a.active {
  color:#f3f3f3;
  border-left-color:#d5d5d5;
  background:linear-gradient(90deg,rgba(205,205,205,.15),transparent);
  transform:translateX(3px)
}
.header-tag {
  margin-top:auto;
  padding:15px 4px;
  font-size:8px;
  letter-spacing:1.5px
}
.sidebar-footer-note {
  padding-top:16px;
  border-top:1px solid rgba(218,218,218,.17);
  color:#7e7e7e;
  font:7px/1.9 var(--mono);
  letter-spacing:1.2px
}
.menu-toggle {
  display:none
}
@media(max-width:900px) {
  .site-header {
    padding:24px 17px
  }
}
@media(max-width:900px) {
  .brand-wordmark {
    font-size:18px
  }
}
@media(max-width:700px) {
  .site-header {
    position:sticky;
    inset:auto;
    width:100%;
    height:auto;
    min-height:70px;
    padding:10px 15px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border-right:0;
    border-bottom:1px solid rgba(218,218,218,.24)
  }
}
@media(max-width:700px) {
  .brand {
    width:auto;
    align-items:center
  }
}
@media(max-width:700px) {
  .brand-stamp {
    width:39px;
    height:39px
  }
}
@media(max-width:700px) {
  .brand-wordmark {
    font-size:18px
  }
}
@media(max-width:700px) {
  .menu-toggle {
    display:block;
    margin-left:auto
  }
}
@media(max-width:700px) {
  .nav {
    display:none;
    position:absolute;
    top:calc(100% + 1px);
    left:0;
    right:0;
    width:100%;
    margin:0;
    padding:14px 18px 20px;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    background:rgba(11,11,11,.98);
    border-bottom:1px solid rgba(218,218,218,.3);
    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px)
  }
}
@media(max-width:700px) {
  .nav.open {
    display:flex
  }
}
@media(max-width:700px) {
  .nav a {
    padding:13px
  }
}
@media(max-width:700px) {
  .header-tag,.sidebar-footer-note {
    display:none
  }
}
.site-header {
  width:var(--sidebar-width);
  background:linear-gradient(155deg,rgba(26,26,26,.68),rgba(8,8,8,.60));
  border-right:1px solid var(--glass-edge);
  backdrop-filter:blur(30px) saturate(165%);
  -webkit-backdrop-filter:blur(30px) saturate(165%);
  box-shadow:14px 0 50px rgba(0,0,0,.30),inset -1px 0 rgba(255,255,255,.08),inset 0 1px rgba(255,255,255,.10);
  transition:width .42s cubic-bezier(.2,.8,.2,1),padding .42s ease,background .3s ease;
  overflow:hidden;
}
.site-header::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.7;
  background:linear-gradient(115deg,rgba(255,255,255,.075),transparent 25%,transparent 72%,rgba(207,207,207,.035))
}
.site-header>* {
  position:relative;
  z-index:1
}
.site-header .brand,.site-header .nav,.site-header .header-tag,.site-header .sidebar-footer-note {
  transition:opacity .22s ease,transform .35s ease
}
.site-header.is-collapsed {
  width:var(--sidebar-collapsed-width);
  padding-left:17px;
  padding-right:17px
}
.site-header.is-collapsed .brand-wordmark,.site-header.is-collapsed .header-tag,.site-header.is-collapsed .sidebar-footer-note {
  opacity:0;
  pointer-events:none
}
.site-header.is-collapsed .brand {
  justify-content:center
}
.site-header.is-collapsed .brand-wordmark {
  display:none
}
.site-header.is-collapsed .nav {
  margin-top:62px
}
.site-header.is-collapsed .nav a {
  width:42px;
  height:44px;
  padding:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-left:0;
  border-radius:5px;
  font-size:0;
  letter-spacing:0
}
.site-header.is-collapsed .nav a::before {
  font:19px/1 var(--condensed);
  color:#e3e3e3
}
.site-header.is-collapsed .nav a:nth-child(3)::before {
  content:"✣"
}
.site-header.is-collapsed .nav a:nth-child(4)::before {
  content:"◉"
}
.site-header.is-collapsed .nav a:nth-child(5)::before {
  content:"✉"
}
.site-header.is-collapsed .nav a:hover,.site-header.is-collapsed .nav a.active {
  transform:none;
  background:rgba(223,223,223,.15)
}
body:has(.site-header.is-collapsed) #app-view {
  margin-left:var(--sidebar-collapsed-width)
}
body:has(.site-header.is-collapsed) .footer {
  width:calc(100% - var(--sidebar-collapsed-width) - 64px);
  margin-left:calc(var(--sidebar-collapsed-width) + 32px)
}
.button,.nav a,.text-link,.card-link,.artist-reference-link {
  transition:transform .25s ease,color .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease
}
.nav a:hover {
  letter-spacing:2.2px
}
@media(max-width:700px) {
  .site-header,.site-header.is-collapsed {
    width:100%;
    min-height:70px;
    height:auto;
    padding:10px 15px;
    overflow:visible;
    background:rgba(14,14,14,.82)
  }
}
@media(max-width:700px) {
  .site-header.is-collapsed .brand-wordmark {
    display:inline;
    opacity:1
  }
}
@media(max-width:700px) {
  .site-header.is-collapsed .nav a {
    width:auto;
    height:auto;
    padding:13px;
    font-size:11px
  }
}
@media(max-width:700px) {
  .site-header.is-collapsed .nav a::before {
    content:none
  }
}
@media(max-width:700px) {
  #app-view,body:has(.site-header.is-collapsed) #app-view {
    margin-left:0
  }
}
@media(max-width:700px) {
  .footer,body:has(.site-header.is-collapsed) .footer {
    width:calc(100% - 34px);
    margin:0 auto
  }
}
@media(prefers-reduced-motion:reduce) {
  .site-header,#app-view,.footer,.artist-card .artist-mark {
    transition:none!important
  }
}
.site-header,.site-header.is-collapsed {
  background:rgba(9,9,9,.94)!important;
  border-color:rgba(210,210,210,.20)
}
.site-header.is-collapsed .nav a:nth-child(1)::before {
  content:"⌂"
}
.site-header.is-collapsed .nav a:nth-child(2)::before {
  content:"✥"
}
.site-header.is-collapsed .nav a:nth-child(3)::before {
  content:"◉"
}
.site-header.is-collapsed .nav a:nth-child(4)::before {
  content:"♫"
}
.site-header.is-collapsed .nav a:nth-child(5)::before {
  content:"✣"
}
.site-header.is-collapsed .nav a:nth-child(6)::before {
  content:"ⓘ"
}
.site-header.is-collapsed .nav a:nth-child(7)::before {
  content:"✉"
}
.site-header::before {
  background:linear-gradient(115deg,rgba(255,255,255,.055),transparent 28%,transparent 72%,rgba(255,255,255,.02))
}
.button:hover,.artist-card:hover,a.social-icon:hover,.nav a:hover,.text-link:hover,.card-link:hover,.artist-reference-link:hover,.artist-card:hover .artist-mark {
  transform:none;
  box-shadow:0 0 24px #dedede33
}
.site-header {
  overflow-y:auto
}
.site-header.is-collapsed .nav a:nth-child(n+8)::before {
  content:'✧'
}
@media(max-width:700px) {
  .site-header {
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:70px;
    overflow:visible
  }
}
@media(max-width:700px) {
  .nav {
    max-height:calc(100dvh - 70px);
    overflow:auto
  }
}
.brand img {
  max-width:100%;
  max-height:60px;
  object-fit:contain
}
.site-header.is-collapsed .nav a[href="#home"]::before {
  content:'⌂'
}
.site-header.is-collapsed .nav a[href="#artists"]::before {
  content:'✥'
}
.site-header.is-collapsed .nav a[href="#releases"]::before {
  content:'◉'
}
.site-header.is-collapsed .nav a[href="#collective"]::before {
  content:'✣'
}
.site-header.is-collapsed .nav a[href="#submissions"]::before {
  content:'✎'
}
.site-header.is-collapsed .nav a[href="#live"]::before {
  content:'♫'
}
.site-header.is-collapsed .nav a[href="#studio"]::before {
  content:'⚒'
}
.site-header.is-collapsed .nav a[href="#about"]::before {
  content:'ⓘ'
}
.site-header.is-collapsed .nav a[href="#contact"]::before {
  content:'✉'
}
#radio-dock,body:has(.site-header.is-collapsed) #radio-dock {
  position:fixed;
  inset:auto 18px 18px auto!important;
  width:min(640px,calc(100vw - 112px));
  margin:0!important;
  padding:14px 18px;
  min-height:76px;
  display:flex;
  align-items:center;
  align-content:center;
  gap:10px 16px;
  transform:none!important;
  z-index:9700
}
@media(max-width:700px) {
  #radio-dock,body:has(.site-header.is-collapsed) #radio-dock {
    inset:auto 8px max(8px,env(safe-area-inset-bottom)) auto!important;
    width:calc(100vw - 16px);
    padding:10px 12px;
    gap:8px 10px
  }
}
#radio-dock,body:has(.site-header.is-collapsed) #radio-dock {
  inset:auto 0 0 0!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box;
  border-radius:18px 18px 0 0;
  padding:16px clamp(16px,3vw,48px) calc(16px + env(safe-area-inset-bottom));
  min-height:84px;
  align-items:center;
  align-content:center;
  gap:0 24px;
  box-shadow:0 -10px 45px #0004,inset 0 1px #ffffff55!important;
  z-index:10000
}
@media(max-width:700px) {
  #radio-dock,body:has(.site-header.is-collapsed) #radio-dock {
    inset:auto 0 0 0!important;
    width:100%!important;
    padding:12px 14px calc(12px + env(safe-area-inset-bottom));
    gap:4px 12px;
    border-radius:14px 14px 0 0
  }
}
#radio-dock,body:has(.site-header.is-collapsed) #radio-dock {
  position:fixed;
  inset:auto auto max(14px,env(safe-area-inset-bottom)) 50%!important;
  transform:translateX(-50%)!important;
  width:min(780px,calc(100vw - 28px))!important;
  max-width:780px!important;
  min-height:0!important;
  display:block;
  padding:12px 14px!important;
  box-sizing:border-box;
  border-radius:3px!important;
  z-index:10000;
  background:linear-gradient(130deg,#dce8f00e,#10171e99)!important;
  border:1px solid #ffffff29!important;
  backdrop-filter:blur(24px) saturate(130%);
  -webkit-backdrop-filter:blur(24px) saturate(130%);
  box-shadow:0 6px 28px #0005,inset 0 1px #ffffff16!important;
  transition:none!important
}
.site-header {
  border-radius:0
}
@media(max-width:600px) {
  #radio-dock,body:has(.site-header.is-collapsed) #radio-dock {
    width:calc(100vw - 16px)!important;
    padding:10px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important
  }
}
.navigation-logo {
  width:44px;
  max-height:65px;
  object-fit:contain
}
.navigation-logo[hidden] {
  display:none!important
}
#radio-dock.floating-widget,body:has(.site-header.is-collapsed) #radio-dock.floating-widget {
  width:min(400px,calc(100vw - 16px))!important;
  max-width:400px!important;
  left:var(--widget-left,calc(100vw - min(400px,100vw - 16px) - 16px))!important;
  top:var(--widget-top,auto)!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  max-height:calc(100dvh - 100px);
  overflow:auto
}
.site-header.is-collapsed .nav a[href="#home"]::before {
  content:"⌂"
}
.site-header.is-collapsed .nav a[href="#artists"]::before {
  content:"✥"
}
.site-header.is-collapsed .nav a[href="#releases"]::before {
  content:"◉"
}
.site-header.is-collapsed .nav a[href="#collective"]::before {
  content:"✣"
}
.site-header.is-collapsed .nav a[href="#submissions"]::before {
  content:"✎"
}
.site-header.is-collapsed .nav a[href="#live"]::before {
  content:"♫"
}
.site-header.is-collapsed .nav a[href="#studio"]::before {
  content:"⚒"
}
.site-header.is-collapsed .nav a[href="#contact"]::before {
  content:"✉"
}
.site-header.is-collapsed .nav a[href="#about"]::before {
  content:"ⓘ"
}
.navigation-logo {
  width:var(--editor-nav-logo-width);
  max-height:var(--editor-nav-logo-height)
}
.site-header .nav a {
  font-size:var(--editor-nav-font)
}
#radio-dock,body:has(.site-header.is-collapsed) #radio-dock {
  width:min(var(--editor-dock-width),calc(100vw - 28px))!important;
  max-width:var(--editor-dock-width)!important;
  padding:var(--editor-player-padding)!important;
  border-radius:var(--editor-player-radius)!important;
  background:linear-gradient(130deg,#dce8f00e,var(--editor-glass-tint))!important;
  backdrop-filter:blur(var(--editor-glass-blur));
  -webkit-backdrop-filter:blur(var(--editor-glass-blur))
}
#radio-dock.floating-widget,body:has(.site-header.is-collapsed) #radio-dock.floating-widget {
  width:min(var(--editor-widget-width),calc(100vw - 16px))!important;
  max-width:var(--editor-widget-width)!important;
  left:var(--widget-left,max(8px,calc(100vw - var(--editor-widget-width) - 16px)))!important
}
.site-header.is-collapsed .nav a[href="#home"]::before {
  content:var(--icon-home)
}
.site-header.is-collapsed .nav a[href="#artists"]::before {
  content:var(--icon-artists)
}
.site-header.is-collapsed .nav a[href="#releases"]::before {
  content:var(--icon-releases)
}
.site-header.is-collapsed .nav a[href="#collective"]::before {
  content:var(--icon-collective)
}
.site-header.is-collapsed .nav a[href="#submissions"]::before {
  content:var(--icon-submissions)
}
.site-header.is-collapsed .nav a[href="#live"]::before {
  content:var(--icon-live)
}
.site-header.is-collapsed .nav a[href="#studio"]::before {
  content:var(--icon-studio)
}
.site-header.is-collapsed .nav a[href="#contact"]::before {
  content:var(--icon-contact)
}
.site-header.is-collapsed .nav a[href="#about"]::before {
  content:var(--icon-about)
}
#radio-dock.floating-widget,body:has(.site-header.is-collapsed) #radio-dock.floating-widget {
  width:min(var(--editor-widget-size),calc(100vw - 16px),calc(100dvh - 32px))!important;
  height:min(var(--editor-widget-size),calc(100vw - 16px),calc(100dvh - 32px))!important;
  max-width:none!important;
  max-height:none!important;
  box-sizing:border-box;
  overflow:auto;
  left:var(--widget-left,max(8px,calc(100vw - var(--editor-widget-size) - 16px)))!important;
}
#radio-dock.floating-widget,body:has(.site-header.is-collapsed) #radio-dock.floating-widget {
  width:min(var(--polished-widget-width),calc(100vw - 16px))!important;
  height:auto!important;
  aspect-ratio:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 32px)!important;
  padding:var(--polished-widget-padding)!important;
  overflow:auto;
  left:var(--widget-left,max(8px,calc(100vw - var(--polished-widget-width) - 16px)))!important
}
@media(max-width:700px) {
  .site-header.is-collapsed {
    width:100%;
    padding:10px 15px
  }
}
@media(max-width:700px) {
  .site-header.is-collapsed .nav {
    opacity:1;
    pointer-events:auto;
    transform:none
  }
}
@media(max-width:700px) {
  .site-header.is-collapsed .nav a {
    width:auto;
    font-size:var(--editor-nav-font);
    text-indent:0;
    overflow:visible
  }
}
@media(max-width:700px) {
  .site-header .nav:not(.open) {
    display:none
  }
}
@media(max-width:700px) {
  .site-header .nav.open {
    display:flex
  }
}
@media(max-width:700px) {
  .site-header.is-collapsed .brand-wordmark {
    opacity:1;
    pointer-events:auto
  }
}
@media(max-width:700px) {
  .site-header {
    isolation:isolate
  }
}
@media(max-width:700px) {
  .site-header .nav {
    z-index:10
  }
}
@media(max-width:700px) {
  .site-header .nav:not(.open) {
    display:none!important
  }
}
@media(max-width:700px) {
  .site-header .nav.open {
    display:flex!important
  }
}
@media(max-width:700px) {
  .site-header.is-collapsed .brand-wordmark {
    opacity:1
  }
}
@media(max-width:700px) {
  .site-header.is-collapsed .nav {
    opacity:1;
    transform:none;
    pointer-events:auto
  }
}
@media(max-width:700px) {
  .site-header.is-collapsed .nav a {
    text-indent:0;
    font-size:var(--editor-nav-font);
    width:auto
  }
}
@media(max-width:700px) {
  .site-header.is-collapsed .nav a::before {
    display:none
  }
}
.site-header.is-collapsed .nav a[href="#home"]::before {
  content:"";
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 36'%3E%3Cg fill='none' stroke='%23d6d0c5' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M16 3v22M10 8h12M6 15h20M16 28C7 16 0 30 8 32C14 34 18 20 25 25C33 31 23 38 16 28Z'/%3E%3C/g%3E%3C/svg%3E") center/22px 28px no-repeat
}
.site-header .brand.has-image .brand-wordmark {
  display:none
}
.site-header .brand {
  width:100%;
  justify-content:center
}
.site-header #navigation-logo {
  width:var(--nav-logo-expanded)!important;
  max-width:100%;
  height:auto;
  max-height:110px;
  object-fit:contain
}
.site-header.is-collapsed #navigation-logo {
  width:var(--nav-logo-compact)!important;
  max-height:64px
}
.site-header .nav a {
  position:relative;
  padding-left:38px
}
.site-header .nav a::before {
  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  display:block!important;
  content:""!important;
  width:18px;
  height:18px;
  background-position:center!important;
  background-size:18px 18px!important;
  background-repeat:no-repeat!important;
  opacity:.68
}
@media(min-width:701px) {
  .site-header.is-collapsed .header-tag,.site-header.is-collapsed .sidebar-footer-note {
    display:none
  }
}
@media(min-width:701px) {
  .site-header.is-collapsed .nav a {
    padding-left:0
  }
}
@media(min-width:701px) {
  .site-header.is-collapsed .nav a::before {
    left:50%;
    transform:translate(-50%,-50%)
  }
}
@media(min-width:701px) {
  .site-header.is-collapsed .nav {
    flex-shrink:0
  }
}
@media(max-width:700px) {
  .site-header #navigation-logo,.site-header.is-collapsed #navigation-logo {
    width:116px!important;
    max-height:48px
  }
}
@media(max-width:700px) {
  .site-header .brand {
    width:auto;
    justify-content:flex-start
  }
}
@media(max-width:700px) {
  .site-header .nav a::before {
    display:block!important
  }
}
.site-header .nav a[href="#home"]::before,.site-header.is-collapsed .nav a[href="#home"]::before {
  content:""!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c8c6c2%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012%2012%204l8%208M7%2010v10h10V10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important
}
.site-header .nav a[href="#artists"]::before,.site-header.is-collapsed .nav a[href="#artists"]::before {
  content:""!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c8c6c2%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M5%2021v-3a7%207%200%200%201%2014%200v3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important
}
.site-header .nav a[href="#releases"]::before,.site-header.is-collapsed .nav a[href="#releases"]::before {
  content:""!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c8c6c2%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important
}
.site-header .nav a[href="#collective"]::before,.site-header.is-collapsed .nav a[href="#collective"]::before {
  content:""!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c8c6c2%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%229%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M2%2021v-3a6%206%200%200%201%2012%200v3M16%2014a5%205%200%200%201%206%205v2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important
}
.site-header .nav a[href="#submissions"]::before,.site-header.is-collapsed .nav a[href="#submissions"]::before {
  content:""!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c8c6c2%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h10l4%204v14H5ZM15%203v5h4M8%2013h8M8%2017h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important
}
.site-header .nav a[href="#live"]::before,.site-header.is-collapsed .nav a[href="#live"]::before {
  content:""!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c8c6c2%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018V6l10-2v12M9%208l10-2%22%2F%3E%3Cellipse%20cx%3D%226%22%20cy%3D%2218%22%20rx%3D%223%22%20ry%3D%222%22%2F%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%2216%22%20rx%3D%223%22%20ry%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important
}
.site-header .nav a[href="#studio"]::before,.site-header.is-collapsed .nav a[href="#studio"]::before {
  content:""!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c8c6c2%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12M6%209v3a6%206%200%200%200%2012%200V9M12%2018v4M8%2022h8%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%222%22%20width%3D%226%22%20height%3D%2212%22%20rx%3D%223%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important
}
.site-header .nav a[href="#contact"]::before,.site-header.is-collapsed .nav a[href="#contact"]::before {
  content:""!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c8c6c2%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%2F%3E%3Cpath%20d%3D%22m3%206%209%207%209-7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important
}
.site-header .nav a[href="#about"]::before,.site-header.is-collapsed .nav a[href="#about"]::before {
  content:""!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c8c6c2%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%2010v7M12%206v1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important
}
.sidebar-footer-note {
  padding:0!important;
  border:0!important;
  min-height:0!important
}
.brand-stamp {
  display:none!important
}
.hero-logo-slot img:hover,#navigation-logo:hover {
  animation:logo-hover-glitch .85s steps(1,end) infinite
}
@media(prefers-reduced-motion:reduce) {
  .hero-logo-slot img:hover,#navigation-logo:hover {
    animation:none!important
  }
}
/* 03 / HOME И LATEST RELEASE */
.hero {
  min-height:min(790px,calc(100svh - 82px));
  padding:40px 0 22px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative
}
.hero-topline,.hero-bottom {
  display:flex;
  justify-content:space-between;
  gap:15px;
  color:#8b8b8b;
  font:8px var(--mono);
  letter-spacing:1.4px
}
.hero-main {
  display:grid;
  grid-template-columns:1.1fr .9fr;
  align-items:center;
  gap:30px;
  padding:48px 0
}
.hero-title {
  position:relative;
  margin:0;
  font:clamp(52px,8.4vw,128px)/.83 var(--display);
  letter-spacing:-4px;
  text-shadow:4px 5px 0 rgba(0,0,0,.8);
  transform:rotate(-2deg)
}
.hero-title span {
  display:block;
  color:var(--red);
  margin-left:8%
}
.hero-title i {
  display:block;
  font:clamp(24px,3vw,44px)/1 var(--condensed);
  font-style:normal;
  letter-spacing:clamp(7px,1.6vw,22px);
  margin:15px 0 0 9%;
  color:var(--paper)
}
.hero-lead {
  max-width:510px;
  margin:35px 0 28px;
  color:#bebebe;
  font:clamp(18px,2vw,25px)/1.4 var(--condensed);
  letter-spacing:.3px
}
.hero-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px
}
.hero-art {
  height:430px;
  max-width:550px;
  width:100%;
  justify-self:end;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(226,226,226,.25);
  background:linear-gradient(135deg,rgba(226,226,226,.13),transparent 45%),repeating-linear-gradient(135deg,#151515 0 2px,#0b0b0b 2px 8px);
  box-shadow:14px 14px 0 #555555,inset 0 0 70px #000000
}
.hero-art:before {
  content:"";
  position:absolute;
  inset:13px;
  border:1px solid rgba(226,226,226,.25);
  transform:rotate(2deg)
}
.hero-art:after {
  content:"ROTTEN";
  position:absolute;
  left:-30px;
  bottom:-32px;
  font:clamp(90px,13vw,180px)/1 var(--display);
  color:rgba(226,226,226,.055);
  transform:rotate(-12deg)
}
.poster-sticker {
  position:absolute;
  z-index:2;
  right:8%;
  top:8%;
  padding:12px 16px;
  background:var(--paper);
  color:#111111;
  font:17px/1.05 var(--display);
  transform:rotate(9deg);
  box-shadow:5px 6px 0 #777777
}
.hero-bottom {
  align-items:center
}
.scroll-line {
  height:1px;
  flex:1;
  max-width:140px;
  background:linear-gradient(90deg,var(--red),transparent)
}
.ticker {
  overflow:hidden;
  background:var(--red);
  color:white;
  border-block:1px solid #777777;
  transform:rotate(-1deg) scale(1.02);
  margin:12px 0 25px
}
.ticker-track {
  width:max-content;
  display:flex;
  align-items:center;
  gap:28px;
  padding:13px 0;
  animation:ticker 28s linear infinite;
  font:15px var(--display);
  letter-spacing:2px
}
.ticker-track b {
  font:18px var(--condensed)
}
.section-heading h2,.inner-hero h1 {
  margin:0;
  font:clamp(36px,6vw,76px)/.98 var(--display);
  letter-spacing:-1px
}
.section-heading h2 em,.inner-hero h1 em {
  color:var(--red);
  font-style:normal
}
.cta-slab {
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px;
  margin:30px 0 100px;
  padding:45px 5%;
  border:1px solid var(--line);
  background:linear-gradient(100deg,#141414,#0c0c0c)
}
.cta-slab h2 {
  margin:0;
  font:clamp(32px,5vw,60px)/.9 var(--display)
}
.cta-slab h2 em {
  color:var(--red);
  font-style:normal
}
.inner-hero {
  padding:85px 0 45px;
  border-bottom:1px solid var(--line)
}
.inner-hero h1 {
  font-size:clamp(44px,8vw,100px)
}
.inner-hero>p:last-child {
  max-width:700px;
  color:#aeaeae;
  font:clamp(17px,2vw,22px)/1.5 var(--condensed);
  margin:25px 0 0
}
@media(max-width:950px) {
  .hero-main {
    grid-template-columns:1fr .8fr
  }
}
@media(max-width:950px) {
  .hero-art {
    height:350px
  }
}
@media(max-width:700px) {
  .hero {
    min-height:auto;
    padding:25px 0 18px
  }
}
@media(max-width:700px) {
  .hero-topline {
    font-size:6px
  }
}
@media(max-width:700px) {
  .hero-main {
    grid-template-columns:1fr;
    gap:32px;
    padding:54px 0 38px
  }
}
@media(max-width:700px) {
  .hero-title {
    font-size:clamp(48px,15vw,90px);
    letter-spacing:-2px
  }
}
@media(max-width:700px) {
  .hero-title i {
    font-size:24px;
    letter-spacing:7px
  }
}
@media(max-width:700px) {
  .hero-lead {
    margin:26px 0 22px;
    font-size:19px
  }
}
@media(max-width:700px) {
  .hero-art {
    justify-self:center;
    width:100%;
    height:300px;
    max-width:460px
  }
}
@media(max-width:700px) {
  .hero-bottom {
    font-size:6px
  }
}
@media(max-width:700px) {
  .cta-slab {
    margin:15px 0 70px;
    padding:30px 22px;
    align-items:flex-start;
    flex-direction:column
  }
}
@media(max-width:700px) {
  .inner-hero {
    padding:62px 0 30px
  }
}
@media(max-width:700px) {
  .inner-hero h1 {
    font-size:clamp(42px,12vw,72px)
  }
}
@media(max-width:700px) {
  .inner-hero>p:last-child {
    font-size:17px
  }
}
@media(max-width:380px) {
  .hero-title {
    font-size:46px
  }
}
@media(max-width:380px) {
  .hero-title i {
    font-size:20px;
    letter-spacing:5px
  }
}
@media(max-width:380px) {
  .hero-art {
    height:260px
  }
}
.hero {
  min-height:min(800px,calc(100svh - 82px))
}
.hero-title {
  font-family:var(--display);
  font-size:clamp(68px,10vw,145px);
  font-weight:400;
  letter-spacing:0;
  line-height:.86;
  text-shadow:0 5px 24px #000000
}
.hero-title span {
  color:#b8b8b8
}
.hero-title i {
  font-family:var(--condensed);
  font-size:clamp(22px,2.5vw,38px);
  letter-spacing:.24em
}
.hero-lead,.section-intro,.inner-hero>p:last-child {
  color:#c7c7c7
}
.hero-art {
  border:1px solid rgba(219,219,219,.38);
  border-radius:4px;
  background:linear-gradient(145deg,rgba(203,203,203,.14),transparent 45%),linear-gradient(180deg,#292929,#0b0b0b 72%);
  box-shadow:0 22px 55px rgba(0,0,0,.65),inset 0 0 70px #030303;
  isolation:isolate
}
.hero-art:before {
  border-color:rgba(221,221,221,.22)
}
.hero-art:after {
  color:rgba(223,223,223,.045)
}
.poster-sticker {
  background:linear-gradient(145deg,#e2e2e2,#919191);
  color:#0b0b0b;
  font-family:var(--display);
  font-weight:400;
  box-shadow:0 10px 30px rgba(0,0,0,.45)
}
.ticker {
  background:linear-gradient(90deg,#646464,#d8d8d8,#717171);
  color:#090909;
  border-color:#b4b4b4;
  border-radius:2px
}
.ticker-track {
  font-family:var(--display);
  font-size:19px
}
.section-heading h2,.inner-hero h1,.manifesto-band h2,.cta-slab h2,.about-copy h2,.contact-info h2 {
  font-family:var(--display);
  font-weight:400;
  letter-spacing:0
}
.section-heading h2 em,.inner-hero h1 em,.cta-slab h2 em,.about-copy h2 em,.contact-info h2 em {
  color:#b9b9b9
}
.artist-card,.partner-card,.archive-item,.note-strip,.cta-slab,.about-poster,.contact-placeholder {
  background:linear-gradient(145deg,rgba(203,203,203,.11),rgba(30,30,30,.55));
  border:1px solid rgba(212,212,212,.23);
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 16px 40px rgba(0,0,0,.2)
}
.cta-slab {
  border-radius:4px
}
.inner-hero {
  border-color:rgba(213,213,213,.24)
}
@media(max-width:700px) {
  .hero-title {
    font-size:clamp(62px,16vw,94px)
  }
}
.hero {
  min-height:min(790px,100svh)
}
.artist-detail-hero {
  display:grid;
  grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);
  gap:clamp(28px,5vw,70px);
  align-items:center;
  padding:clamp(24px,4vw,54px);
  border:1px solid rgba(218,218,218,.24);
  border-radius:5px;
  background:linear-gradient(145deg,rgba(203,203,203,.12),rgba(12,12,12,.68));
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 20px 55px rgba(0,0,0,.32)
}
@media(max-width:900px) {
  .artist-detail-hero {
    grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);
    gap:24px
  }
}
@media(max-width:700px) {
  .hero {
    min-height:auto
  }
}
@media(max-width:700px) {
  .artist-detail-hero {
    grid-template-columns:1fr;
    padding:20px
  }
}
.hero-logo-slot {
  width:min(100%,620px);
  min-height:clamp(135px,19vw,245px);
  margin:0 0 22px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  position:relative
}
.hero-logo-slot img {
  display:block;
  width:100%;
  max-width:590px;
  max-height:235px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.55))
}
.hero-logo-slot img[hidden] {
  display:none
}
.hero-logo-placeholder {
  width:100%;
  min-height:150px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  padding:24px;
  border:1px dashed rgba(229,229,229,.32);
  background:linear-gradient(135deg,rgba(207,207,207,.08),rgba(8,8,8,.15));
  color:#e4e4e4;
  font:clamp(24px,4vw,44px)/1 var(--display);
  letter-spacing:.12em;
  text-align:center
}
.hero-logo-placeholder[hidden] {
  display:none
}
.hero-logo-placeholder small {
  color:#939393;
  font:8px var(--mono);
  letter-spacing:1.5px
}
.hero-lead {
  margin-top:12px
}
@media(max-width:700px) {
  .hero-logo-slot {
    min-height:120px;
    margin-bottom:10px
  }
}
@media(max-width:700px) {
  .hero-logo-slot img {
    max-height:150px
  }
}
@media(max-width:700px) {
  .hero-logo-placeholder {
    min-height:110px
  }
}
.hero {
  align-items:center;
  text-align:center
}
.hero-topline,.hero-bottom {
  width:100%;
  justify-content:center;
  text-align:center;
  flex-wrap:wrap
}
.hero-main {
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:48px 0
}
.hero-copy {
  width:min(100%,900px);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center
}
.hero-logo-slot {
  justify-content:center;
  margin-left:auto;
  margin-right:auto
}
.hero-logo-slot img {
  object-position:center
}
.hero-lead {
  margin-left:auto;
  margin-right:auto
}
.hero-actions {
  justify-content:center
}
.hero-bottom .scroll-line {
  flex:0 1 90px
}
@media(max-width:700px) {
  .hero {
    align-items:center
  }
}
@media(max-width:700px) {
  .hero-topline,.hero-bottom {
    justify-content:center;
    gap:12px
  }
}
@media(max-width:700px) {
  .hero-main {
    padding:42px 0 34px
  }
}
@media(max-width:700px) {
  .hero-copy {
    width:100%
  }
}
@media(max-width:700px) {
  .hero-actions {
    justify-content:center
  }
}
.hero-logo-placeholder {
  background:linear-gradient(135deg,#1c1c1c,#080808);
  border-color:#555555;
  color:#dddddd
}
.hero-logo-placeholder small {
  color:#999999
}
.featured-layout {
  display:grid;
  grid-template-columns:minmax(200px,1fr) 1fr;
  gap:36px;
  align-items:center
}
.featured-cover {
  aspect-ratio:1;
  display:grid;
  place-items:center;
  background:#161616;
  border:1px solid #555;
  font:100px var(--display)
}
.featured-cover img {
  width:100%;
  height:100%;
  object-fit:cover
}
.featured-release .button {
  margin:12px 8px 0 0
}
.featured-release h2 {
  font-size:clamp(32px,4vw,70px)
}
@media(max-width:900px) {
  .featured-layout {
    grid-template-columns:1fr
  }
}
@media(max-width:900px) {
  .featured-cover {
    max-width:420px
  }
}
.hero-logo-slot img {
  max-width:100%;
  height:auto;
  object-fit:contain
}
.artist-art,.catalog-art,.release-cover,.featured-cover,.dock-album,.gallery-grid button {
  overflow:hidden
}
.featured-layout {
  display:grid;
  grid-template-columns:var(--featured-columns);
  align-items:start;
  gap:36px
}
.featured-copy {
  display:flow-root;
  min-width:0
}
.featured-copy>h2:first-child {
  margin-top:0
}
.featured-copy>:last-child {
  margin-bottom:0
}
.featured-cover {
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:auto;
  min-height:0;
  align-self:start;
  overflow:hidden;
  box-sizing:border-box
}
.featured-cover img {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-height:none
}
.featured-cover>span {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center
}
@media(max-width:700px) {
  .featured-layout {
    grid-template-columns:1fr;
    gap:24px
  }
}
@media(max-width:700px) {
  .featured-cover {
    max-width:none
  }
}
.featured-release .featured-copy h2 {
  font-size:var(--featured-title-size);
  line-height:1.05
}
.featured-cover {
  aspect-ratio:1!important;
  max-width:100%;
  justify-self:center;
  align-self:start
}
.featured-release .featured-copy h2 {
  font-size:var(--featured-title-size);
  line-height:1.12
}
.featured-cover {
  aspect-ratio:1 / 1!important;
  object-fit:cover
}
.featured-cover img {
  width:100%;
  height:100%
}
.hero-logo-slot {
  width:min(var(--home-logo-max),100%);
  max-width:none!important;
  margin:0 auto
}
.hero-logo-slot img {
  width:100%!important;
  height:auto!important;
  max-height:var(--home-logo-height)!important;
  object-fit:contain
}
.hero-logo-placeholder {
  min-height:280px
}
.hero-logo-placeholder>span {
  font-size:clamp(35px,7vw,85px)
}
.featured-layout {
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:28px!important;
  align-items:center!important;
  max-width:1150px;
  margin:0 auto
}
.featured-cover {
  justify-self:start!important;
  max-width:none!important
}
.featured-copy {
  align-self:center
}
.featured-copy h2 {
  margin-bottom:18px
}
.featured-copy p {
  font-size:15px;
  line-height:1.75;
  max-width:600px
}
.featured-description {
  margin:20px 0
}
.featured-copy .button {
  margin-top:12px
}
.featured-release .featured-copy h2 {
  font-size:clamp(28px,3vw,42px)
}
.roster-preview .artist-grid,.roster-preview .artists-grid {
  grid-template-columns:repeat(3,minmax(0,1fr))
}
.spotlight-footer {
  text-align:center;
  margin-top:28px
}
@media(max-width:900px) {
  .featured-layout {
    grid-template-columns:1fr!important;
    justify-items:start
  }
}
@media(max-width:900px) {
  .featured-cover {
    justify-self:center!important
  }
}
@media(max-width:900px) {
  .roster-preview .artist-grid,.roster-preview .artists-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:600px) {
  .roster-preview .artist-grid,.roster-preview .artists-grid {
    grid-template-columns:1fr
  }
}
@media(max-width:600px) {
  .hero-logo-slot img {
    max-height:280px!important
  }
}
@media(max-width:600px) {
  .hero-logo-placeholder {
    min-height:220px
  }
}
.hero-copy {
  width:100%;
  max-width:none!important
}
.hero-main {
  padding:26px 0 14px!important;
  grid-template-columns:1fr!important
}
.hero {
  min-height:0!important;
  padding-bottom:12px!important
}
.hero-logo-slot {
  width:min(var(--home-logo-max),100%);
  max-width:none!important
}
.hero-logo-slot img {
  max-height:var(--home-logo-height)!important;
  width:100%!important
}
.hero-bottom {
  margin-top:22px
}
.featured-release {
  padding-top:30px!important;
  margin-top:0!important
}
.hero .hero-lead {
  font-family:'Cormorant Garamond',Georgia,serif!important;
  font-size:clamp(32px,4vw,54px)!important;
  font-weight:600;
  letter-spacing:.5px;
  line-height:1.15;
  max-width:none;
  text-transform:none;
  margin:18px 0 24px
}
.featured-layout {
  align-items:start!important;
  gap:24px!important
}
.featured-copy {
  align-self:start!important
}
.featured-copy h2 {
  margin-top:0!important
}
.featured-copy>p:first-of-type {
  margin-top:0
}
@media(max-width:700px) {
  .hero-logo-slot img {
    max-height:380px!important
  }
}
@media(max-width:700px) {
  .featured-release {
    padding-top:18px!important
  }
}
@media(max-width:700px) {
  .hero-main {
    padding-top:24px!important
  }
}
.hero-main {
  padding-bottom:32px!important
}
.featured-release {
  padding-top:44px!important
}
.cta-slab h2 {
  white-space:nowrap;
  font-size:clamp(22px,4vw,56px);
  line-height:1.15
}
@media(max-width:600px) {
  .cta-slab h2 {
    font-size:clamp(18px,5vw,30px)
  }
}
@media(max-width:600px) {
  .featured-release {
    padding-top:32px!important
  }
}
/* 04 / АРТИСТИ, ИКОНИ И ГАЛЕРИИ */
.artist-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:38px
}
.artist-card {
  min-width:0;
  position:relative;
  overflow:hidden;
  background:#121212;
  border:1px solid rgba(226,226,226,.17);
  transition:transform .3s,border-color .3s;
  isolation:isolate
}
.artist-card:hover {
  transform:none;
  border-color:var(--red)
}
.artist-art {
  height:190px;
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 50% 50%,#303030,#111111 58%,#090909)
}
.artist-art:before {
  content:"";
  position:absolute;
  inset:-40%;
  background:repeating-linear-gradient(125deg,transparent 0 12px,rgba(255,255,255,.035) 13px 14px);
  transform:rotate(10deg)
}
.artist-art:after {
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  border:1px solid rgba(226,226,226,.25);
  border-radius:50%;
  box-shadow:0 0 0 12px rgba(226,226,226,.035),0 0 0 30px rgba(226,226,226,.025)
}
.artist-mark {
  position:relative;
  z-index:2;
  font:clamp(52px,7vw,86px)/1 var(--display);
  color:#dedede;
  text-shadow:4px 4px 0 var(--red),-2px -2px 0 #090909;
  transform:rotate(-8deg)
}
.artist-unbaptised .artist-art {
  background:linear-gradient(135deg,#252525,#111111 50%,#303030)
}
.artist-selfdoomed .artist-art {
  background:linear-gradient(135deg,#292929,#0c0c0c 58%,#303030)
}
.artist-strah .artist-art {
  background:radial-gradient(circle,#292929,#090909 65%)
}
.artist-deathbywish .artist-art {
  background:linear-gradient(135deg,#242424,#101010 55%,#303030)
}
.artist-certaindemise .artist-art {
  background:linear-gradient(135deg,#292929,#090909 55%,#383838)
}
.artist-card-content {
  padding:19px 19px 21px
}
.artist-origin {
  margin:0 0 8px;
  color:var(--red);
  font:8px var(--mono);
  letter-spacing:1.2px
}
.artist-card h3 {
  margin:0;
  font:clamp(20px,2vw,27px)/1 var(--display);
  overflow-wrap:anywhere
}
.artist-genre {
  margin:10px 0 0;
  color:#afafaf;
  font:9px var(--mono);
  letter-spacing:1px
}
.artist-bio {
  min-height:82px;
  margin:17px 0 10px;
  color:#aeaeae;
  font:15px/1.55 var(--condensed)
}
.artist-note {
  margin:0 0 16px;
  color:#dfdfdf;
  font:11px/1.5 var(--mono)
}
.artists-full .artist-grid {
  margin-top:0
}
.artists-full .artist-art {
  height:220px
}
.artists-full .artist-bio {
  min-height:0
}
@media(max-width:950px) {
  .artist-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:700px) {
  .artist-grid {
    grid-template-columns:1fr;
    gap:14px;
    margin-top:27px
  }
}
@media(max-width:700px) {
  .artist-art {
    height:190px
  }
}
@media(max-width:700px) {
  .artist-card-content {
    padding:17px
  }
}
@media(max-width:700px) {
  .artist-bio {
    min-height:0
  }
}
@media(max-width:700px) {
  .artists-full .artist-art {
    height:195px
  }
}
.artist-card {
  border-radius:4px
}
.artist-card:hover {
  border-color:rgba(229,229,229,.65);
  box-shadow:0 20px 45px rgba(0,0,0,.38),0 0 24px rgba(182,182,182,.1)
}
.artist-art {
  height:215px;
  background:radial-gradient(ellipse at 50% 22%,#616161,#212121 50%,#0b0b0b 100%);
  border-bottom:1px solid rgba(216,216,216,.2);
  overflow:hidden
}
.artist-art:before {
  inset:8% 12% 0;
  border:5px double rgba(203,203,203,.38);
  border-bottom:0;
  border-radius:48% 48% 0 0;
  transform:none;
  background:linear-gradient(90deg,transparent 49%,rgba(203,203,203,.13) 50%,transparent 51%)
}
.artist-art:after {
  width:76%;
  height:88%;
  border-radius:48% 48% 0 0;
  border:1px solid rgba(224,224,224,.2);
  box-shadow:0 0 0 9px rgba(213,213,213,.035),0 0 0 22px rgba(213,213,213,.025);
  bottom:-14%
}
.artist-mark {
  font-family:var(--display);
  font-weight:400;
  color:#e5e5e5;
  text-shadow:0 4px 18px #000000;
  transform:none
}
.artist-origin {
  color:#cfcfcf
}
.artist-card h3,.partner-content h3 {
  font-family:var(--display);
  font-weight:400;
  letter-spacing:.02em
}
.artist-bio,.artist-note,.partner-content>p:not(.eyebrow) {
  color:#c8c8c8
}
.artist-card {
  display:flex;
  flex-direction:column
}
.artist-card-main {
  display:block;
  color:inherit;
  text-decoration:none;
  flex:1
}
.artist-card-main:focus-visible {
  outline:2px solid #dfdfdf;
  outline-offset:-4px
}
.artist-card-main .artist-card-content {
  padding-bottom:10px
}
.artist-card-main .card-link {
  display:inline-flex
}
.artist-socials {
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 18px 18px
}
.social-icon {
  width:34px;
  height:34px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(218,218,218,.28);
  border-radius:50%;
  color:#e4e4e4;
  background:rgba(203,203,203,.07);
  transition:transform .2s,background .2s,border-color .2s,color .2s
}
.social-icon svg {
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round
}
.social-icon svg .icon-fill {
  fill:currentColor;
  stroke:none
}
a.social-icon:hover {
  transform:translateY(-3px);
  background:rgba(213,213,213,.2);
  border-color:#e4e4e4;
  color:#ffffff
}
.social-icon.is-unavailable {
  opacity:.28;
  cursor:not-allowed
}
.artist-detail-page {
  padding-top:34px
}
.back-to-artists {
  margin-bottom:28px
}
.artist-detail-art {
  min-height:370px;
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  border:1px solid rgba(218,218,218,.28);
  background:radial-gradient(ellipse at 50% 40%,#717171,#212121 55%,#0a0a0a)
}
.artist-detail-art:before,.artist-detail-art:after {
  content:"";
  position:absolute;
  border:1px solid rgba(229,229,229,.22);
  border-radius:50%
}
.artist-detail-art:before {
  width:75%;
  aspect-ratio:1;
  box-shadow:0 0 0 15px rgba(223,223,223,.035),0 0 0 38px rgba(223,223,223,.025)
}
.artist-detail-art:after {
  inset:12px;
  border-radius:2px
}
.artist-detail-art span {
  position:relative;
  z-index:1;
  color:#e9e9e9;
  font:clamp(90px,14vw,170px)/1 var(--display);
  text-shadow:0 8px 28px #000000
}
.artist-detail-art small {
  position:absolute;
  z-index:2;
  bottom:20px;
  left:20px;
  color:#c7c7c7;
  font:8px var(--mono);
  letter-spacing:2px
}
.artist-detail-copy h1 {
  margin:0;
  color:#f1f1f1;
  font:clamp(42px,6vw,82px)/.95 var(--display);
  font-weight:600;
  overflow-wrap:anywhere
}
.artist-detail-copy .artist-genre {
  margin:16px 0 24px
}
.artist-detail-bio {
  max-width:680px;
  color:#cacaca;
  font:16px/1.75 var(--condensed)
}
.artist-detail-copy .artist-note {
  margin:20px 0
}
.artist-detail-copy .artist-socials {
  padding:8px 0 24px
}
.artist-detail-lower {
  max-width:780px
}
.artist-detail-lower h2 {
  margin:0 0 14px;
  color:#eaeaea;
  font:clamp(30px,4vw,52px)/1 var(--display)
}
.artist-detail-lower h2 em {
  color:#b9b9b9;
  font-style:normal
}
.artist-detail-lower p:last-child {
  color:#b8b8b8;
  line-height:1.7
}
@media(max-width:900px) {
  .artist-detail-art {
    min-height:310px
  }
}
@media(max-width:700px) {
  .artist-detail-art {
    min-height:250px
  }
}
@media(max-width:700px) {
  .artist-detail-copy h1 {
    font-size:clamp(42px,12vw,66px)
  }
}
@media(max-width:700px) {
  .artist-detail-page {
    padding-top:22px
  }
}
@media(max-width:380px) {
  .artist-socials {
    padding-left:14px;
    padding-right:14px
  }
}
.artist-reference-wrap {
  padding:0 18px 17px
}
.artist-reference-link {
  display:inline-flex;
  color:#bbbbbb;
  font:7px var(--mono);
  letter-spacing:1px;
  border-bottom:1px solid rgba(218,218,218,.25);
  padding-bottom:5px
}
.artist-reference-link:hover {
  color:#ffffff;
  border-color:#e4e4e4
}
.artist-detail-copy .artist-reference-link {
  margin:0 0 22px
}
.artist-card {
  background:linear-gradient(145deg,rgba(203,203,203,.12),rgba(13,13,13,.72));
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%)
}
.artist-card .artist-art {
  isolation:isolate
}
.artist-gormel .artist-art {
  background:radial-gradient(ellipse at 52% 45%,#6f6f6f 0,#2c2c2c 38%,#0b0b0b 78%)
}
.artist-unbaptised .artist-art {
  background:radial-gradient(ellipse at 50% 40%,#656565 0,#212121 48%,#0a0a0a 82%)
}
.artist-selfdoomed .artist-art {
  background:radial-gradient(ellipse at 50% 60%,#5b5b5b 0,#272727 43%,#090909 82%)
}
.artist-strah .artist-art {
  background:radial-gradient(ellipse at 50% 50%,#7a7a7a 0,#292929 32%,#080808 80%)
}
.artist-deathbywish .artist-art {
  background:radial-gradient(ellipse at 50% 45%,#5b5b5b 0,#272727 44%,#090909 80%)
}
.artist-certaindemise .artist-art {
  background:radial-gradient(ellipse at 50% 50%,#707070 0,#2b2b2b 42%,#080808 82%)
}
.artist-card .artist-mark {
  transition:transform .45s cubic-bezier(.2,.8,.2,1),text-shadow .35s ease
}
.artist-card:hover .artist-mark {
  transform:none;
  text-shadow:0 0 24px rgba(235,235,235,.35),3px 4px 0 rgba(123,123,123,.6)
}
.artist-card:hover .artist-art::before {
  animation:none;}
.artist-socials .social-icon {
  background:rgba(206,206,206,.08);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px)
}
.artist-discography {
  padding-top:54px
}
.artist-discography .section-heading {
  align-items:end
}
.artist-discography .section-heading h2 {
  margin:0;
  font:clamp(34px,5vw,62px)/1 var(--display)
}
.text-link:hover,.card-link:hover,.artist-reference-link:hover {
  transform:translateX(4px)
}
@media(max-width:700px) {
  .artist-discography {
    padding-top:30px
  }
}
@media(prefers-reduced-motion:reduce) {
  .artist-card:hover .artist-art::before {
    animation:none;}
}
.artist-card {
  background:linear-gradient(145deg,rgba(55,55,55,.4),rgba(8,8,8,.92));
  backdrop-filter:blur(12px) grayscale(100%)
}
.artist-gormel .artist-art,.artist-unbaptised .artist-art,.artist-selfdoomed .artist-art,.artist-strah .artist-art,.artist-deathbywish .artist-art,.artist-certaindemise .artist-art {
  background:radial-gradient(ellipse at 48% 43%,#424242 0%,#202020 38%,#080808 82%)
}
.artist-socials .social-icon {
  background:rgba(210,210,210,.06)
}
.catalog-artist {
  font:9px var(--mono);
  letter-spacing:1px;
  color:#aaaaaa
}
.artist-art {
  position:relative
}
.artist-photo {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:1
}
.artist-photo[hidden] {
  display:none
}
.gallery-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:16px
}
.gallery-grid button {
  padding:0;
  background:#111;
  border:1px solid #444;
  cursor:pointer
}
.gallery-grid img {
  display:block;
  width:100%;
  height:200px;
  object-fit:cover
}
.gallery-dialog {
  background:#101010;
  color:#eee;
  border:1px solid #666;
  padding:20px;
  width:min(1000px,94vw);
  max-height:92dvh;
  margin:auto
}
.gallery-dialog::backdrop {
  background:#000d;
  backdrop-filter:blur(8px)
}
.gallery-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px
}
.gallery-toolbar button,.detail-tools button {
  color:#eee;
  background:#222;
  border:1px solid #666;
  padding:10px 16px;
  cursor:pointer
}
.gallery-dialog figure {
  margin:18px 0 0
}
.gallery-full {
  display:block;
  max-width:100%;
  max-height:70dvh;
  object-fit:contain;
  margin:auto
}
.gallery-dialog figcaption {
  margin-top:12px;
  text-align:center
}
.gallery-dialog button:focus-visible {
  outline:2px solid white;
  outline-offset:3px
}
@media(max-width:700px) {
  .gallery-dialog {
    padding:12px
  }
}
@media(max-width:700px) {
  .gallery-grid img {
    height:160px
  }
}
.button,button,input,select,textarea,.artist-card,.release-card,.partner-card,.gallery-dialog {
  border-radius:2px
}
.artist-card .artist-art::before,.artist-card:hover .artist-art::before {
  animation:none;
  transition:none!important;
  content:none!important;
  display:none!important
}
/* 05 / ИЗДАНИЯ И КАТАЛОГ */
.discography-slash {
  color:#bbbbbb
}
.discography-count {
  color:#949494;
  font:8px var(--mono);
  letter-spacing:1.5px
}
.discography-empty {
  min-height:150px;
  margin-top:28px;
  padding:25px;
  display:flex;
  align-items:center;
  gap:22px;
  border:1px dashed rgba(223,223,223,.25);
  background:linear-gradient(125deg,rgba(207,207,207,.07),rgba(9,9,9,.35));
  color:#d4d4d4
}
.discography-empty-mark {
  color:#b6b6b6;
  font-size:36px
}
.discography-empty strong {
  font:9px var(--mono);
  letter-spacing:1.5px
}
.discography-empty p {
  margin:8px 0 0;
  color:#949494;
  font:13px/1.5 var(--condensed)
}
.discography-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:28px
}
.release-card {
  min-width:0;
  padding:12px;
  border:1px solid rgba(223,223,223,.22);
  background:rgba(197,197,197,.06);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px)
}
.release-cover {
  aspect-ratio:1;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:radial-gradient(circle,rgba(178,178,178,.2),rgba(8,8,8,.8))
}
.release-cover img {
  width:100%;
  height:100%;
  object-fit:cover
}
.release-cover span {
  color:#d4d4d4;
  font:52px var(--display)
}
.release-meta {
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-top:12px;
  color:#949494;
  font:7px var(--mono);
  letter-spacing:1px
}
.release-card h3 {
  margin:9px 0;
  color:#e8e8e8;
  font:18px var(--display)
}
.release-card a {
  color:#c9c9c9;
  font:7px var(--mono);
  letter-spacing:1px
}
@media(max-width:950px) {
  .discography-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
}
@media(max-width:700px) {
  .discography-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:380px) {
  .discography-grid {
    grid-template-columns:1fr 1fr;
    gap:9px
  }
}
@media(max-width:380px) {
  .discography-empty {
    padding:16px;
    gap:12px
  }
}
.discography-empty {
  border-color:#414141;
  background:linear-gradient(125deg,#1a1a1a,#080808);
  color:#dddddd
}
.discography-empty-mark,.discography-slash {
  color:#aaaaaa
}
.discography-empty p,.discography-count {
  color:#999999
}
.release-card {
  background:#121212;
  border-color:#383838
}
.release-cover {
  background:radial-gradient(circle,#333333,#080808)
}
.release-meta {
  color:#999999
}
.release-card h3 {
  color:#e3e3e3
}
.release-card a {
  color:#dedede
}
.catalog-tools {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  margin-bottom:30px;
  font:9px var(--mono);
  letter-spacing:1px;
  color:#bbbbbb
}
.catalog-tools select {
  background:#161616;
  color:#eeeeee;
  border:1px solid #555555;
  padding:11px 13px;
  font:10px var(--mono);
  min-width:150px
}
.catalog-grid {
  margin-top:0
}
.catalog-card {
  padding:14px
}
.catalog-art {
  display:grid;
  place-items:center;
  aspect-ratio:1;
  background:radial-gradient(circle,#343434,#090909);
  overflow:hidden
}
.catalog-art img {
  height:100%;
  width:100%;
  object-fit:cover
}
.catalog-art span {
  font:clamp(46px,7vw,90px) var(--display);
  color:#dedede
}
.catalog-card h3 {
  margin:11px 0 5px;
  font-size:22px
}
.catalog-detail-link {
  display:inline-block;
  margin-top:15px;
  color:#dedede;
  font:9px var(--mono);
  border-bottom:1px solid #777777;
  padding-bottom:5px
}
.catalog-empty,.catalog-muted {
  color:#aaaaaa;
  font:14px/1.6 var(--condensed)
}
.catalog-detail {
  display:grid;
  grid-template-columns:minmax(200px,.7fr) 1.3fr;
  gap:50px;
  align-items:start
}
.catalog-detail h2 {
  font:clamp(35px,5vw,70px) var(--display);
  margin:0 0 18px
}
.catalog-detail-cover {
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border:1px solid #444444;
  background:radial-gradient(circle,#333333,#080808)
}
.catalog-detail-cover img {
  width:100%;
  height:100%;
  object-fit:cover
}
.catalog-detail-cover span {
  font:clamp(70px,11vw,150px) var(--display)
}
@media(max-width:700px) {
  .catalog-detail,.studio-intro {
    grid-template-columns:1fr
  }
}
@media(max-width:700px) {
  .catalog-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:390px) {
  .catalog-grid {
    grid-template-columns:1fr
  }
}
.floating-widget #track-release-link {
  flex-basis:100%;
  text-align:left
}
/* 06 / СЪБИТИЯ И CAROUSEL */
.event-card {
  padding:24px;
  border:1px solid #444;
  margin:16px 0
}
.event-card img {
  max-width:100%;
  max-height:260px;
  object-fit:cover
}
@media(max-width:900px) {
  .home-events {
    padding:30px
  }
}
.home-events {
  padding:clamp(28px,5vw,72px)
}
.events-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--event-card-gap)
}
.events-grid .event-card {
  margin:0;
  padding:18px;
  min-width:0
}
.events-grid .card-top {
  display:flex;
  justify-content:space-between;
  gap:12px
}
.event-art {
  position:relative;
  height:var(--event-poster-height);
  min-height:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:linear-gradient(140deg,#212121,#090909);
  border:1px solid #ffffff1c
}
.event-art>img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover
}
.event-art>img[hidden],.event-image-fallback[hidden] {
  display:none
}
.event-art .artist-mark,.event-image-fallback {
  font:clamp(30px,5vw,70px) var(--display);
  color:#c7c7c7
}
.event-copy {
  padding-top:16px
}
.event-copy h3 {
  margin:0 0 12px;
  font:26px var(--display)
}
.event-copy p {
  margin:8px 0;
  font-size:13px;
  line-height:1.6
}
.event-copy .event-lineup,.event-copy .event-date {
  font:10px/1.7 var(--mono);
  color:#ccc
}
.event-copy .catalog-muted {
  display:inline-block;
  margin-top:12px;
  font:9px var(--mono)
}
.events-grid .card-stamp {
  font-size:8px;
  white-space:normal
}
@media(max-width:700px) {
  .events-grid {
    grid-template-columns:1fr
  }
}
.events-grid {
  display:flex!important;
  gap:var(--event-card-gap);
  overflow-x:auto;
  scroll-snap-type:x proximity;
  overscroll-behavior-x:contain;
  padding:8px 2px 18px;
  scrollbar-width:thin
}
.events-grid .event-card {
  flex:0 0 min(var(--event-carousel-card-width),82vw);
  scroll-snap-align:start;
  box-sizing:border-box
}
.event-carousel .event-art {
  height:220px
}
.carousel-toolbar {
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-bottom:8px
}
.carousel-toolbar button {
  width:34px;
  height:30px;
  color:#ddd;
  background:#ffffff08;
  border:1px solid #ffffff30;
  cursor:pointer
}
.events-grid:focus-visible {
  outline:1px solid #aaa;
  outline-offset:4px
}
.events-grid .event-card {
  flex-basis:min(var(--event-carousel-card-width),80vw);
  width:min(var(--event-carousel-card-width),80vw)
}
.home-events {
  text-align:center
}
.home-events>h2 {
  font-size:clamp(26px,4vw,46px)
}
.event-carousel {
  max-width:900px;
  margin:26px auto 0
}
.carousel-toolbar {
  justify-content:center
}
.events-grid {
  justify-content:flex-start
}
.events-grid .event-card {
  text-align:left
}
.event-carousel {
  width:100%;
  max-width:calc(var(--event-carousel-card-width) * 3 + var(--event-card-gap) * 2 + 4px);
  margin-left:auto;
  margin-right:auto
}
.event-carousel {
  max-width:none!important;
  width:100%;
  margin-left:auto;
  margin-right:auto
}
.events-grid {
  width:100%;
  box-sizing:border-box;
  gap:var(--event-card-gap);
  justify-content:flex-start
}
.events-grid .event-card {
  flex:0 0 calc((100% - var(--event-card-gap) * 2) / 3);
  width:calc((100% - var(--event-card-gap) * 2) / 3);
  min-width:0
}
.event-carousel .event-art {
  height:clamp(230px,25vw,340px)
}
@media(max-width:900px) {
  .events-grid .event-card {
    flex-basis:calc((100% - var(--event-card-gap)) / 2);
    width:calc((100% - var(--event-card-gap)) / 2)
  }
}
@media(max-width:700px) {
  .events-grid .event-card {
    flex-basis:88%;
    width:88%
  }
}
/* 07 / ВЪТРЕШНИ СТРАНИЦИ И ФОРМИ */
.partner-strip {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
  margin-top:34px
}
.partner-card {
  display:flex;
  align-items:flex-start;
  gap:18px;
  padding:22px;
  background:#131313;
  border:1px solid var(--line);
  min-width:0
}
.partner-mark {
  flex:0 0 62px;
  height:62px;
  display:grid;
  place-items:center;
  background:var(--red);
  color:white;
  font:17px var(--display);
  transform:rotate(-5deg)
}
.partner-content .eyebrow {
  margin-bottom:9px;
  font-size:7px
}
.partner-content h3 {
  margin:0;
  font:17px/1.15 var(--display);
  overflow-wrap:anywhere
}
.partner-role {
  display:block;
  margin-top:8px;
  color:var(--red);
  font:8px var(--mono)
}
.partner-content>p:not(.eyebrow) {
  color:#aeaeae;
  font:14px/1.5 var(--condensed)
}
.partner-pending {
  display:inline-block;
  margin-top:16px;
  color:#848484;
  font:7px var(--mono);
  letter-spacing:1px
}
.inner-page {
  padding-top:35px
}
.partner-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px
}
.partner-grid .partner-card {
  min-height:180px;
  padding:28px
}
.partner-grid .partner-mark {
  flex-basis:82px;
  height:82px;
  font-size:21px
}
.about-grid {
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:65px;
  align-items:center
}
.about-poster {
  min-height:470px;
  padding:30px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:24px;
  text-align:center;
  background:repeating-linear-gradient(135deg,#171717 0 3px,#0c0c0c 3px 10px);
  border:1px solid var(--line);
  box-shadow:12px 12px 0 #171717;
  transform:rotate(-2deg)
}
.about-poster span {
  font:clamp(42px,6vw,78px)/.85 var(--display);
  color:var(--red);
  text-shadow:4px 4px 0 #000000
}
.about-poster b {
  font:18px/1.1 var(--display)
}
.about-poster small {
  font:8px var(--mono);
  color:#959595
}
.about-copy h2,.contact-info h2 {
  margin:0 0 25px;
  font:clamp(42px,6vw,72px)/.9 var(--display)
}
.about-copy h2 em,.contact-info h2 em {
  color:var(--red);
  font-style:normal
}
.about-copy>p:not(.eyebrow),.contact-info>p:not(.eyebrow) {
  color:#aeaeae;
  font:18px/1.6 var(--condensed)
}
.about-facts {
  display:flex;
  gap:25px;
  margin-top:35px;
  padding-top:22px;
  border-top:1px solid var(--line)
}
.about-facts span {
  font:8px var(--mono);
  color:#8d8d8d
}
.about-facts b {
  display:block;
  color:var(--red);
  font:27px var(--display)
}
.contact-layout {
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:65px;
  align-items:center
}
.contact-poster {
  min-height:400px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:30px;
  background:var(--red);
  color:white;
  transform:rotate(-2deg);
  box-shadow:12px 12px 0 #555555
}
.contact-poster span {
  font:clamp(50px,7vw,90px)/.8 var(--display)
}
.contact-poster small {
  font:8px var(--mono);
  letter-spacing:1px
}
.contact-info h2 {
  margin-bottom:20px
}
.contact-placeholder {
  margin:14px 0;
  padding:15px;
  border:1px dashed rgba(226,226,226,.25);
  color:#a0a0a0;
  font:9px var(--mono);
  letter-spacing:1px
}
@media(max-width:950px) {
  .partner-strip {
    grid-template-columns:1fr
  }
}
@media(max-width:950px) {
  .about-grid,.contact-layout {
    gap:38px
  }
}
@media(max-width:700px) {
  .partner-strip {
    gap:10px
  }
}
@media(max-width:700px) {
  .partner-card {
    padding:17px;
    gap:14px
  }
}
@media(max-width:700px) {
  .partner-mark {
    flex-basis:52px;
    height:52px;
    font-size:14px
  }
}
@media(max-width:700px) {
  .partner-content h3 {
    font-size:15px
  }
}
@media(max-width:700px) {
  .inner-page {
    padding-top:10px
  }
}
@media(max-width:700px) {
  .partner-grid {
    grid-template-columns:1fr
  }
}
@media(max-width:700px) {
  .partner-grid .partner-card {
    padding:20px;
    min-height:0
  }
}
@media(max-width:700px) {
  .about-grid,.contact-layout {
    grid-template-columns:1fr;
    gap:35px
  }
}
@media(max-width:700px) {
  .about-poster {
    min-height:340px
  }
}
@media(max-width:700px) {
  .contact-poster {
    min-height:300px
  }
}
@media(max-width:700px) {
  .about-copy h2,.contact-info h2 {
    font-size:54px
  }
}
.partner-card {
  border-radius:4px
}
.partner-mark {
  font-family:var(--display);
  font-weight:400
}
.about-poster {
  background:linear-gradient(145deg,rgba(199,199,199,.14),rgba(14,14,14,.88)),repeating-linear-gradient(135deg,#1c1c1c 0 3px,#0f0f0f 3px 10px);
  box-shadow:0 18px 50px rgba(0,0,0,.5);
  border-radius:4px
}
.about-poster span,.contact-poster span {
  font-family:var(--display);
  font-weight:400;
  color:#cfcfcf
}
.contact-poster {
  background:linear-gradient(145deg,#e2e2e2,#7e7e7e);
  color:#0d0d0d;
  box-shadow:0 18px 45px rgba(0,0,0,.4);
  border:1px solid #eaeaea;
  border-radius:4px
}
.contact-poster small {
  color:#202020
}
.studio-intro {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:60px;
  align-items:center
}
.studio-poster {
  min-height:410px;
  padding:35px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:repeating-linear-gradient(135deg,#1c1c1c 0 2px,#090909 2px 10px);
  border:1px solid #444444;
  box-shadow:12px 12px 0 #171717
}
.studio-poster span {
  font:clamp(55px,7vw,105px)/.85 var(--display)
}
.studio-poster small {
  font:9px var(--mono);
  letter-spacing:2px;
  color:#999999
}
.studio-copy h2 {
  font:clamp(35px,5vw,65px)/.95 var(--display);
  margin:0 0 24px
}
.studio-copy h2 em {
  font-style:normal;
  color:#aaaaaa
}
.studio-copy p:not(.eyebrow) {
  font:17px/1.65 var(--condensed);
  color:#bbbbbb
}
.studio-tags {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:28px 0
}
.studio-tags span {
  padding:12px 17px;
  border:1px solid #444444;
  background:#151515;
  font:10px var(--mono)
}
@media(max-width:950px) {
  .studio-intro {
    gap:30px
  }
}
@media(max-width:700px) {
  .studio-poster {
    min-height:300px
  }
}
.transmission,.crypt-door,.submission-form {
  border:1px solid #ffffff26;
  background:#121212
}
.crypt-door {
  padding:16px;
  margin:20px 0
}
.crypt-door summary {
  cursor:pointer
}
.crypt-door a {
  display:inline-block;
  margin:12px 0
}
.submission-form {
  max-width:760px;
  padding:28px;
  display:grid;
  gap:20px
}
.submission-form label {
  display:grid;
  gap:8px
}
.submission-form input,.submission-form textarea,.submission-form select,#atmosphere {
  background:#191919;
  color:#eee;
  border:1px solid #666;
  padding:12px;
  max-width:100%;
  width:100%
}
#submission-preview {
  white-space:pre-wrap;
  overflow-wrap:anywhere
}
.crypt-tracks {
  display:grid;
  gap:16px
}
@media(max-width:700px) {
  .submission-form {
    padding:18px
  }
}
.submission-guide {
  max-width:750px;
  margin-top:26px
}
.submission-guide h2 {
  font-size:28px
}
.crypt-door {
  padding:6px;
  margin:0
}
/* 08 / ПЛЕЙЪР, WIDGET И НАСТРОЙКИ */
.header-tag i,.player-led {
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--red);
  box-shadow:0 0 12px var(--red);
  display:inline-block
}
.player {
  position:fixed;
  z-index:9500;
  right:22px;
  bottom:20px;
  width:310px;
  max-width:calc(100vw - 24px);
  overflow:hidden;
  background:rgba(11,11,11,.96);
  border:1px solid rgba(226,226,226,.35);
  box-shadow:0 12px 45px rgba(0,0,0,.65),5px 5px 0 rgba(180,180,180,.16)
}
.player-bar {
  min-height:34px;
  padding:0 10px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:linear-gradient(#303030,#151515);
  border-bottom:1px solid rgba(226,226,226,.22);
  cursor:grab;
  touch-action:none;
  user-select:none
}
.player-bar:active {
  cursor:grabbing
}
.player-caption {
  display:flex;
  align-items:center;
  gap:8px;
  font:8px var(--mono);
  letter-spacing:1.5px
}
.player-window-buttons {
  display:flex;
  gap:5px
}
.player-window-buttons button {
  width:22px;
  height:21px;
  color:white;
  background:#0f0f0f;
  border:1px solid #4c4c4c;
  border-radius:0
}
.player-body {
  padding:11px
}
.screen {
  padding:12px;
  background:#050505;
  border:1px solid #555555;
  box-shadow:inset 0 0 24px rgba(226,226,226,.06)
}
.screen-meta,.time-row {
  display:flex;
  justify-content:space-between;
  color:#a0a0a0;
  font:7px var(--mono)
}
#player-status {
  color:var(--red)
}
.track-title {
  margin-top:13px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:#e9e9e9;
  font:9px var(--mono)
}
.track-artist {
  margin-top:5px;
  color:#868686;
  font:7px var(--mono)
}
.equalizer {
  height:23px;
  margin-top:12px;
  display:flex;
  align-items:end;
  gap:4px
}
.equalizer i {
  flex:1;
  height:3px;
  background:var(--red);
  opacity:.55
}
.equalizer.playing i {
  animation:equalize .65s ease-in-out infinite alternate
}
.equalizer.playing i:nth-child(2n) {
  animation-delay:.2s
}
.equalizer.playing i:nth-child(3n) {
  animation-delay:.4s
}
.controls {
  display:flex;
  justify-content:center;
  gap:8px
}
.controls button {
  width:43px;
  height:31px;
  color:#eeeeee;
  background:linear-gradient(#1f1f1f,#0c0c0c);
  border:1px solid #3e3e3e;
  border-radius:0;
  font:12px Arial,sans-serif
}
.controls button:hover {
  background:#2c2c2c
}
.controls .play-button {
  width:55px;
  border-color:var(--red)
}
.player-bottom {
  margin-top:11px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#aaaaaa;
  font:7px var(--mono)
}
.player-bottom label {
  display:flex;
  align-items:center;
  gap:7px
}
.player-bottom input {
  width:75px;
  accent-color:var(--red)
}
.player-bottom button {
  padding:6px 8px;
  color:#dddddd;
  background:#0f0f0f;
  border:1px solid #3b3b3b;
  font:7px var(--mono)
}
.player.minimized .player-body {
  display:none
}
.player.minimized {
  width:245px
}
.reopen-player {
  display:none;
  position:fixed;
  z-index:9499;
  right:14px;
  bottom:14px;
  padding:13px 16px;
  color:white;
  background:#303030;
  border:1px solid var(--red);
  font:8px var(--mono);
  letter-spacing:1px
}
.reopen-player.visible {
  display:block
}
@media(max-width:700px) {
  .player {
    right:10px;
    left:10px;
    bottom:10px;
    width:auto;
    max-width:none;
    border-radius:0
  }
}
@media(max-width:700px) {
  .player.minimized {
    width:210px;
    left:auto
  }
}
@media(max-width:700px) {
  .player-bar {
    min-height:32px
  }
}
@media(max-width:700px) {
  .player-body {
    padding:8px
  }
}
@media(max-width:700px) {
  .screen {
    padding:9px
  }
}
@media(max-width:700px) {
  .equalizer {
    height:17px;
    margin-top:7px
  }
}
@media(max-width:700px) {
  .equalizer.playing i {
    animation-duration:.8s
  }
}
@media(max-width:700px) {
  .player-bottom {
    margin-top:7px
  }
}
@media(max-width:700px) {
  .reopen-player {
    right:10px;
    bottom:10px
  }
}
.header-tag i,.player-led {
  background:#e4e4e4;
  box-shadow:0 0 12px #bbbbbb
}
.player {
  top:96px;
  right:20px;
  bottom:auto;
  left:auto;
  width:350px;
  max-width:calc(100vw - 24px);
  border:1px solid rgba(226,226,226,.38);
  border-radius:7px;
  background:linear-gradient(145deg,rgba(193,193,193,.2),rgba(14,14,14,.82));
  backdrop-filter:blur(28px) saturate(165%);
  -webkit-backdrop-filter:blur(28px) saturate(165%);
  box-shadow:0 22px 65px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.18),0 0 28px rgba(187,187,187,.12)
}
.player-bar {
  min-height:40px;
  background:linear-gradient(110deg,rgba(225,225,225,.2),rgba(26,26,26,.58));
  border-bottom:1px solid rgba(230,230,230,.22)
}
.player-caption {
  font-family:var(--mono);
  color:#e6e6e6
}
.player-window-buttons button {
  border-radius:3px;
  background:rgba(12,12,12,.65);
  border-color:rgba(223,223,223,.3)
}
.player-body {
  padding:13px
}
.screen {
  border-radius:4px;
  background:linear-gradient(145deg,rgba(7,7,7,.92),rgba(37,37,37,.78));
  border:1px solid rgba(210,210,210,.36);
  box-shadow:inset 0 0 32px rgba(177,177,177,.09)
}
.track-title {
  font-family:var(--display);
  font-size:17px;
  font-weight:600;
  color:#f1f1f1
}
.track-artist {
  font-family:var(--mono);
  color:#bbbbbb
}
.equalizer i {
  background:linear-gradient(#f2f2f2,#929292)
}
.controls button {
  border-radius:4px;
  background:linear-gradient(145deg,rgba(216,216,216,.17),rgba(17,17,17,.8));
  border-color:rgba(218,218,218,.3)
}
.controls .play-button {
  border-color:#d2d2d2
}
.seek,.player-bottom input {
  accent-color:#dfdfdf
}
.player-bottom {
  color:#cdcdcd
}
.player-bottom button {
  border-radius:3px;
  background:rgba(14,14,14,.65);
  border-color:rgba(218,218,218,.28);
  color:#e6e6e6
}
.reopen-player {
  top:96px;
  right:14px;
  bottom:auto;
  left:auto;
  border-radius:4px;
  background:rgba(24,24,24,.85);
  backdrop-filter:blur(18px);
  border-color:#d0d0d0;
  color:#f2f2f2
}
@media(max-width:950px) {
  .player {
    width:320px
  }
}
@media(max-width:700px) {
  .player {
    top:78px;
    right:8px;
    left:auto;
    bottom:auto;
    width:min(300px,calc(100vw - 16px));
    max-width:none
  }
}
@media(max-width:700px) {
  .player.minimized {
    top:78px;
    right:8px;
    left:auto;
    width:210px
  }
}
@media(max-width:700px) {
  .reopen-player {
    top:78px;
    right:8px;
    left:auto;
    bottom:auto
  }
}
.player {
  width:370px
}
.player-display {
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:12px;
  align-items:center
}
.album-cover {
  width:88px;
  aspect-ratio:1;
  overflow:hidden;
  position:relative;
  border:1px solid rgba(226,226,226,.38);
  border-radius:3px;
  background:radial-gradient(circle at 50% 35%,#737373,#242424 58%,#090909);
  box-shadow:0 5px 18px rgba(0,0,0,.45),inset 0 0 22px rgba(233,233,233,.08)
}
.album-cover img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover
}
.album-cover img[hidden],.cover-placeholder[hidden] {
  display:none
}
.cover-placeholder {
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  color:#e4e4e4;
  text-align:center
}
.cover-placeholder span {
  font:26px/1 var(--gothic)
}
.cover-placeholder small {
  font:6px/1.5 var(--mono);
  letter-spacing:1.2px;
  color:#bbbbbb
}
.player-track-info .track-title {
  margin-top:9px;
  font-size:14px;
  white-space:normal;
  line-height:1.2
}
.player-track-info .equalizer {
  margin-top:10px
}
.player .time-row {
  margin-top:10px
}
@media(max-width:900px) {
  .player {
    width:340px
  }
}
@media(max-width:700px) {
  .player {
    top:80px;
    right:8px;
    left:auto;
    bottom:auto;
    width:min(340px,calc(100vw - 16px))
  }
}
@media(max-width:700px) {
  .player.minimized {
    top:80px;
    right:8px;
    left:auto;
    width:210px
  }
}
@media(max-width:700px) {
  .reopen-player {
    top:80px;
    right:8px;
    left:auto;
    bottom:auto
  }
}
@media(max-width:380px) {
  .player-display {
    grid-template-columns:72px minmax(0,1fr);
    gap:9px
  }
}
@media(max-width:380px) {
  .album-cover {
    width:72px
  }
}
@media(max-width:380px) {
  .player-track-info .track-title {
    font-size:12px
  }
}
.player {
  background:linear-gradient(145deg,rgba(206,206,206,.13),rgba(24,24,24,.34) 42%,rgba(7,7,7,.43));
  border:1px solid rgba(232,232,232,.34);
  border-radius:10px;
  backdrop-filter:blur(38px) saturate(185%);
  -webkit-backdrop-filter:blur(38px) saturate(185%);
  box-shadow:0 24px 75px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.20),inset 0 -1px rgba(255,255,255,.06),0 0 35px rgba(192,192,192,.10);
  transition:box-shadow .3s ease,border-color .3s ease,background .3s ease;
}
.player::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(125deg,rgba(255,255,255,.13),transparent 28%,transparent 70%,rgba(192,192,192,.07))
}
.player>* {
  position:relative;
  z-index:1
}
.player:hover {
  border-color:rgba(239,239,239,.48);
  box-shadow:0 28px 85px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.24),0 0 42px rgba(197,197,197,.15)
}
.player-bar {
  background:linear-gradient(110deg,rgba(235,235,235,.19),rgba(77,77,77,.22) 48%,rgba(12,12,12,.38));
  border-bottom:1px solid rgba(232,232,232,.23)
}
.player-body {
  background:transparent
}
.screen {
  background:linear-gradient(145deg,rgba(9,9,9,.52),rgba(57,57,57,.25));
  border:1px solid rgba(224,224,224,.27);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:inset 0 1px rgba(255,255,255,.10),inset 0 0 38px rgba(186,186,186,.10)
}
.album-cover {
  border:1px solid rgba(235,235,235,.35);
  box-shadow:0 7px 24px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.15)
}
.cover-placeholder {
  background:linear-gradient(145deg,rgba(218,218,218,.18),rgba(13,13,13,.65))
}
.controls button,.player-bottom button,.player-window-buttons button {
  background:linear-gradient(145deg,rgba(218,218,218,.15),rgba(11,11,11,.42));
  border-color:rgba(228,228,228,.27);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px)
}
.controls button:hover,.player-bottom button:hover {
  background:rgba(218,218,218,.22);
  border-color:rgba(242,242,242,.5)
}
.controls .play-button {
  box-shadow:0 0 18px rgba(218,218,218,.10)
}
.equalizer i {
  background:linear-gradient(180deg,#f5f5f5,#929292)
}
@media(max-width:700px) {
  .player {
    background:linear-gradient(145deg,rgba(206,206,206,.18),rgba(17,17,17,.48));
    backdrop-filter:blur(32px) saturate(175%);
    -webkit-backdrop-filter:blur(32px) saturate(175%)
  }
}
.radio-note {
  margin-top:10px;
  color:#b9b9b9;
  font:7px var(--mono);
  letter-spacing:1.2px;
  text-align:center
}
.radio-controls {
  margin-top:12px
}
.radio-controls .play-button {
  width:68px;
  height:42px;
  font-size:17px
}
.radio-bottom {
  justify-content:space-between
}
.radio-live {
  display:flex;
  align-items:center;
  gap:7px;
  color:#cdcdcd;
  font:7px var(--mono);
  letter-spacing:1px
}
.radio-live i {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#e4e4e4;
  box-shadow:0 0 10px #bbbbbb;
  display:inline-block
}
.player {
  background:linear-gradient(145deg,rgba(50,50,50,.91),rgba(9,9,9,.96) 55%,rgba(20,20,20,.98));
  border-color:rgba(220,220,220,.28);
  box-shadow:0 24px 75px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.09);
  backdrop-filter:blur(26px) grayscale(100%);
  -webkit-backdrop-filter:blur(26px) grayscale(100%)
}
.player::before {
  background:linear-gradient(125deg,rgba(255,255,255,.065),transparent 35%)
}
.player:hover {
  border-color:rgba(230,230,230,.40);
  box-shadow:0 28px 80px rgba(0,0,0,.75)
}
.player-bar {
  background:linear-gradient(110deg,#292929,#101010);
  border-color:#3a3a3a
}
.screen {
  background:linear-gradient(140deg,#080808,#1b1b1b);
  border-color:#424242;
  box-shadow:inset 0 0 24px #050505
}
.cover-placeholder {
  background:linear-gradient(145deg,#303030,#090909)
}
.controls button,.player-bottom button,.player-window-buttons button {
  background:linear-gradient(#292929,#0a0a0a);
  border-color:#474747
}
.controls button:hover,.player-bottom button:hover {
  background:#383838;
  border-color:#888888
}
.equalizer i {
  background:#c7c7c7
}
.radio-live {
  color:#cfcfcf
}
.radio-live i {
  background:#d9d9d9;
  box-shadow:0 0 9px #999999
}
.radio-note {
  color:#aaaaaa
}
.player.is-docked {
  display:none!important
}
.radio-dock {
  position:relative;
  z-index:95;
  margin-left:var(--sidebar-width,0px);
  padding:11px clamp(16px,3vw,44px);
  min-height:62px;
  display:flex;
  align-items:center;
  gap:25px;
  background:linear-gradient(100deg,#151515,#080808);
  border-bottom:1px solid #333333;
  color:#eeeeee;
  transition:margin-left .42s ease
}
body:has(.site-header.is-collapsed) .radio-dock {
  margin-left:var(--sidebar-collapsed-width,0px)
}
@media(max-width:950px) {
  .radio-dock {
    gap:12px
  }
}
@media(max-width:700px) {
  .radio-dock,body:has(.site-header.is-collapsed) .radio-dock {
    margin-left:0;
    padding:10px 14px;
    flex-wrap:wrap;
    gap:8px
  }
}
.radio-genre-options {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:11px 0;
  font:8px var(--mono);
  color:#aaa
}
.radio-genre-options button {
  background:#202020;
  color:#eee;
  border:1px solid #555;
  border-radius:3px;
  padding:8px;
  font:8px var(--mono)
}
.radio-release-link {
  display:block;
  text-align:center;
  margin-top:8px;
  font:8px var(--mono)
}
.radio-release-link[hidden] {
  display:none!important
}
.radio-dock {
  position:fixed;
  top:0;
  right:0;
  left:var(--sidebar-width);
  margin-left:0!important;
  z-index:9700;
  transform-origin:top right;
  transition:left .3s,transform .2s,box-shadow .2s;
  min-height:64px
}
body:has(.site-header.is-collapsed) .radio-dock {
  left:var(--sidebar-collapsed-width)
}
.radio-dock:hover,.radio-dock:focus-within {
  transform:scale(1.02);
  box-shadow:0 0 26px #ffffff26
}
.player.is-undocked {
  z-index:9900;
  max-height:calc(100dvh - 90px);
  overflow:auto
}
.equalizer i,.equalizer.playing i {
  animation:none!important;
  transition:height 65ms linear
}
.transmission button,.crypt-tracks button,.submission-form button,#eq-reset {
  padding:12px 18px;
  background:#222;
  color:#eee;
  border:1px solid #666;
  cursor:pointer
}
#eq-panel {
  padding:12px;
  border:1px solid #666
}
#eq-panel[hidden] {
  display:none
}
#eq-panel label {
  display:grid;
  grid-template-columns:50px 1fr 44px;
  gap:8px;
  align-items:center;
  font-size:11px;
  margin:10px 0
}
@media(max-width:700px) {
  .radio-dock,body:has(.site-header.is-collapsed) .radio-dock {
    left:0;
    top:70px;
    min-height:68px
  }
}
@media(max-width:700px) {
  .radio-dock:hover {
    transform:none
  }
}
@media(max-width:700px) {
  .player.is-undocked {
    max-width:calc(100vw - 16px)
  }
}
@media(prefers-reduced-motion:reduce) {
  .radio-dock:hover {
    transform:none
  }
}
.radio-dock:hover,.radio-dock:focus-within {
  transform:none
}
.radio-dock {
  flex-wrap:wrap
}
.radio-dock:hover .dock-expanded,.radio-dock:focus-within .dock-expanded {
  max-height:170px;
  opacity:1;
  visibility:visible
}
.track-timing {
  display:flex;
  justify-content:space-between;
  gap:12px;
  font:11px var(--mono);
  font-variant-numeric:tabular-nums;
  padding:8px 0
}
.radio-dock>.track-timing {
  margin-left:auto
}
.radio-floating #app-view {
  padding-top:12px
}
.signal-bars {
  height:60px!important;
  display:flex;
  align-items:end;
  gap:2px;
  width:100%;
  margin-top:12px
}
.signal-bars i {
  display:block;
  flex:1;
  min-width:1px;
  height:2px;
  background:linear-gradient(#eee,#777);
  animation:none!important
}
.player {
  width:min(660px,calc(100vw - 16px))
}
.player-display {
  grid-template-columns:95px minmax(0,1fr)
}
.player-track-info {
  min-width:0
}
.player.is-undocked {
  max-height:calc(100dvh - 30px)
}
#eq-panel .eq-bands {
  display:grid;
  grid-template-columns:repeat(32,82px);
  overflow-x:auto;
  gap:10px;
  padding:12px 4px;
  overscroll-behavior:contain
}
#eq-panel .eq-bands label {
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:0;
  font:10px var(--mono)
}
#eq-panel input {
  width:78px;
  accent-color:#ddd
}
#eq-panel output {
  white-space:nowrap
}
#eq-reset {
  margin-top:10px
}
@media(max-width:900px) {
  .radio-dock .track-timing {
    font-size:9px
  }
}
@media(max-width:700px) {
  .radio-floating #app-view {
    padding-top:82px
  }
}
@media(max-width:700px) {
  .radio-dock .dock-track {
    flex:1
  }
}
@media(max-width:700px) {
  .radio-dock>.track-timing {
    margin-left:0
  }
}
@media(max-width:700px) {
  .radio-dock:focus-within .dock-expanded {
    max-height:210px
  }
}
@media(max-width:700px) {
  .radio-dock {
    gap:8px
  }
}
@media(max-width:700px) {
  .player {
    left:8px!important;
    right:8px!important;
    max-width:calc(100vw - 16px)
  }
}
.radio-dock.controls-open .dock-expanded {
  max-height:210px;
  opacity:1;
  visibility:visible
}
.radio-dock[hidden] {
  display:none!important
}
#eq-panel .eq-bands {
  grid-template-columns:repeat(32,36px);
  gap:8px;
  overflow-x:auto;
  align-items:start;
  padding:16px 4px
}
#eq-panel .eq-bands label {
  width:36px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  font-size:9px
}
#eq-panel .eq-bands input {
  writing-mode:vertical-lr;
  direction:rtl;
  appearance:auto;
  width:22px;
  height:150px;
  margin:0;
  touch-action:pan-x
}
#eq-panel output {
  font-size:8px
}
.radio-dock {
  align-items:center;
  column-gap:18px;
  padding-top:10px;
  padding-bottom:10px
}
.dock-identity,.dock-track,.dock-actions,.radio-dock>.track-timing {
  align-self:center
}
.radio-dock.pointer-away .dock-expanded {
  max-height:0!important;
  opacity:0!important;
  visibility:hidden!important
}
.radio-dock.controls-open:not(.pointer-away) .dock-expanded {
  max-height:210px;
  opacity:1;
  visibility:visible
}
@media(max-width:700px) {
  .radio-dock {
    gap:8px 12px
  }
}
.player,.radio-dock {
  background:linear-gradient(135deg,rgba(230,240,255,.16),rgba(18,22,28,.32) 45%,rgba(220,235,250,.08))!important;
  backdrop-filter:blur(30px) saturate(155%);
  -webkit-backdrop-filter:blur(30px) saturate(155%);
  border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:0 16px 65px #0007,inset 0 1px 0 #fff5,inset 0 -1px 0 #fff1!important;
  border-radius:18px;
  color:#f4f4f4
}
.player-bar,.player-body,.screen,.player-bottom {
  background:rgba(12,17,23,.18)!important
}
.player-bar {
  border-radius:18px 18px 0 0
}
.screen {
  border:1px solid #ffffff24;
  box-shadow:inset 0 1px 10px #0002
}
.controls button,.player-window-buttons button {
  background:#ffffff12!important;
  border:1px solid #ffffff40!important;
  backdrop-filter:blur(10px)
}
#music-player[hidden],#radio-dock[hidden] {
  display:none!important
}
#reopen-player {
  position:fixed;
  inset:16px 18px auto auto;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  z-index:10020;
  padding:12px 17px;
  border-radius:12px;
  background:#1b22285c;
  border:1px solid #ffffff50;
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  box-shadow:inset 0 1px #ffffff35,0 5px 22px #0004;
  color:#fff;
  font:10px var(--mono);
  cursor:pointer
}
#music-player.is-undocked {
  top:auto;
  left:auto;
  right:18px;
  bottom:18px;
  max-height:calc(100dvh - 85px);
  overflow:auto
}
.player-window-buttons {
  display:flex;
  justify-content:flex-end
}
.player-window-buttons #dock-player {
  width:auto;
  min-width:60px;
  padding:7px 12px
}
#radio-dock .dock-identity,#radio-dock .dock-track,#radio-dock>.track-timing,#radio-dock .dock-actions {
  display:flex;
  align-self:center;
  align-items:center;
  margin-top:0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0;
  min-height:44px
}
#radio-dock>.track-timing {
  margin-left:0;
  font-size:9px;
  gap:7px
}
#radio-dock:not(:hover):not(:focus-within):not(.controls-open) {
  row-gap:0
}
#eq-panel {
  margin-top:12px;
  border:1px solid #ffffff30;
  border-radius:12px;
  background:#ffffff0a;
  padding:16px
}
.sound-presets {
  border:0;
  margin:0;
  padding:0;
  display:grid;
  gap:10px
}
.sound-presets legend {
  font:10px var(--mono);
  margin-bottom:14px;
  letter-spacing:1.5px
}
#eq-panel .sound-presets label {
  display:grid;
  grid-template-columns:20px 1fr;
  gap:5px 12px;
  align-items:center;
  margin:0;
  padding:10px;
  border:1px solid #ffffff20;
  border-radius:9px;
  cursor:pointer
}
#eq-panel .sound-presets input {
  width:16px;
  height:16px;
  accent-color:#ddd;
  grid-row:span 2
}
#eq-panel .sound-presets small {
  grid-column:2;
  color:#bcbfc5;
  font-size:11px
}
#app-view,body.radio-floating #app-view {
  padding-top:0
}
@media(max-width:700px) {
  #reopen-player {
    top:80px;
    right:12px;
    padding:10px 13px;
    font-size:9px
  }
}
@media(max-width:700px) {
  #app-view,body.radio-floating #app-view {
    padding-top:125px
  }
}
@media(max-width:700px) {
  #radio-dock>.track-timing {
    font-size:8px;
    min-height:24px
  }
}
@media(max-width:700px) {
  #music-player.is-undocked {
    top:auto!important;
    bottom:8px;
    left:8px!important;
    right:8px!important;
    max-height:calc(100dvh - 140px)
  }
}
@media(max-width:700px) {
  body.deck-visible {
    padding-bottom:140px
  }
}
#radio-dock .dock-identity,#radio-dock .dock-track,#radio-dock>.track-timing,#radio-dock .dock-actions {
  min-height:50px;
  align-self:center;
  justify-content:center;
  padding:0;
  margin-top:0;
  margin-bottom:0
}
#radio-dock>.track-timing {
  gap:10px;
  font-size:11px
}
#radio-dock:hover .dock-expanded,#radio-dock:focus-within .dock-expanded,#radio-dock.controls-open .dock-expanded {
  padding-top:14px
}
#music-player,#radio-dock {
  background:linear-gradient(125deg,rgba(240,248,255,.13),rgba(18,24,32,.19) 45%,rgba(225,242,255,.07))!important;
  backdrop-filter:blur(28px) saturate(170%);
  -webkit-backdrop-filter:blur(28px) saturate(170%)
}
#music-player .screen,#music-player .player-body,#music-player .player-bar,#music-player .player-bottom {
  background:rgba(10,16,24,.09)!important
}
body.deck-visible {
  padding-bottom:110px
}
#reopen-player {
  z-index:10020
}
@media(max-width:700px) {
  #radio-dock>.track-timing {
    min-height:24px;
    font-size:9px
  }
}
@media(max-width:700px) {
  body.deck-visible {
    padding-bottom:160px
  }
}
#radio-dock[hidden],#reopen-player[hidden] {
  display:none!important
}
.deck-main {
  display:grid;
  grid-template-columns:54px minmax(100px,1fr) 170px 68px 30px;
  gap:14px;
  align-items:center
}
.deck-main .dock-album {
  width:54px;
  height:54px;
  border-radius:1px
}
.deck-information {
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
  min-width:0
}
.deck-information strong,.deck-information>span {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:11px;
  line-height:1.35
}
.deck-information .deck-name {
  font:8px var(--mono);
  color:#bbb;
  letter-spacing:1px
}
.deck-name #player-status {
  font-size:7px;
  margin-left:5px;
  color:#999
}
.deck-information .signal-bars {
  height:17px!important;
  margin-top:3px;
  gap:2px;
  overflow:hidden;
  opacity:.55
}
.deck-information .signal-bars i {
  max-height:17px!important;
  background:#c2c9ce
}
.deck-buttons {
  display:flex;
  justify-content:center;
  gap:9px
}
.deck-main button {
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid #ffffff22;
  border-radius:2px;
  background:#ffffff08;
  color:#ddd;
  font-size:16px;
  cursor:pointer;
  box-shadow:none!important;
  transform:none!important
}
.deck-main button:hover {
  background:#ffffff14
}
.deck-main #play {
  width:36px
}
.deck-transport .track-timing {
  padding:7px 0 0;
  justify-content:center;
  gap:7px;
  font-size:9px;
  color:#bbb
}
.deck-actions {
  display:flex;
  align-self:start;
  gap:5px;
  padding-top:2px
}
.deck-main #track-release-link {
  font:8px var(--mono);
  display:block;
  text-align:center;
  margin-top:4px
}
.deck-main #track-release-link[hidden] {
  display:none
}
.studio-volume {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  font:8px var(--mono);
  color:#aaa
}
.studio-volume input {
  writing-mode:vertical-lr;
  direction:rtl;
  appearance:none;
  -webkit-appearance:none;
  width:20px;
  height:62px;
  background:transparent;
  margin:0;
  cursor:pointer;
  touch-action:pan-x
}
.studio-volume input::-webkit-slider-runnable-track {
  width:4px;
  background:#101317;
  border:1px solid #ffffff30;
  border-radius:0
}
.studio-volume input::-webkit-slider-thumb {
  appearance:none;
  -webkit-appearance:none;
  width:20px;
  height:9px;
  background:linear-gradient(#bfc4c8,#767d83);
  border:1px solid #e0e3e6;
  border-radius:1px;
  margin-left:-9px;
  box-shadow:0 2px 3px #0008
}
.studio-volume input::-moz-range-track {
  width:4px;
  background:#101317;
  border:1px solid #ffffff30
}
.studio-volume input::-moz-range-thumb {
  width:20px;
  height:9px;
  border:1px solid #e0e3e6;
  border-radius:1px;
  background:#999fa4
}
#radio-dock #eq-panel {
  padding:12px;
  margin-top:12px;
  background:#080d1270;
  border:1px solid #ffffff20;
  border-radius:2px
}
#radio-dock #eq-panel[hidden] {
  display:none
}
.sound-presets {
  display:flex;
  flex-wrap:wrap;
  gap:10px
}
#eq-panel .sound-presets label {
  display:flex;
  align-items:center;
  padding:8px 10px;
  gap:6px;
  border-radius:2px;
  font-size:11px
}
#eq-panel .sound-presets input {
  width:14px;
  height:14px;
  margin:0
}
.lightning-option {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:14px;
  font-size:11px
}
#lightning-note {
  display:block;
  margin-top:7px;
  color:#aaa;
  font-size:10px
}
#reopen-player {
  border-radius:2px!important
}
body.deck-visible {
  padding-bottom:135px
}
@media(max-width:600px) {
  .deck-main {
    grid-template-columns:40px minmax(0,1fr) 64px 25px;
    gap:8px
  }
}
@media(max-width:600px) {
  .deck-main .dock-album {
    width:40px;
    height:40px
  }
}
@media(max-width:600px) {
  .deck-actions {
    grid-column:3;
    grid-row:1;
    align-self:center
  }
}
@media(max-width:600px) {
  .studio-volume {
    grid-column:4;
    grid-row:1 / span 2
  }
}
@media(max-width:600px) {
  .deck-transport {
    grid-column:1 / span 3;
    grid-row:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px
  }
}
@media(max-width:600px) {
  .deck-transport .track-timing {
    padding:0;
    gap:5px;
    font-size:8px
  }
}
@media(max-width:600px) {
  .deck-information .signal-bars {
    height:12px!important
  }
}
@media(max-width:600px) {
  .deck-name #player-status {
    display:none
  }
}
@media(max-width:600px) {
  .deck-main button {
    width:28px;
    height:28px
  }
}
@media(max-width:600px) {
  .deck-buttons {
    gap:6px
  }
}
@media(max-width:600px) {
  .deck-transport #track-release-link {
    font-size:7px
  }
}
@media(max-width:600px) {
  body.deck-visible {
    padding-bottom:165px
  }
}
.lightning-intensity-label {
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:14px;
  font-size:11px
}
.lightning-intensity-label input {
  width:130px!important;
  writing-mode:horizontal-tb;
  direction:ltr;
  height:auto
}
.lightning-intensity-label output {
  min-width:40px
}
.deck-main {
  grid-template-columns:54px minmax(100px,1fr) 170px 126px 30px
}
.deck-main #deck-mode {
  width:auto;
  padding:0 8px;
  font:9px var(--mono)
}
.widget-handle {
  display:none
}
#radio-dock.floating-widget:not([style*="--widget-top"]) {
  top:auto!important;
  bottom:16px!important
}
.floating-widget .widget-handle {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:2px 0 10px;
  font:9px var(--mono);
  color:#aaa;
  cursor:move;
  touch-action:none;
  user-select:none
}
.widget-handle span {
  font-size:7px;
  color:#777
}
.floating-widget .deck-main {
  grid-template-columns:48px minmax(0,1fr) 26px;
  gap:10px
}
.floating-widget .deck-main .dock-album {
  width:48px;
  height:48px
}
.floating-widget .deck-information {
  grid-column:2;
  grid-row:1
}
.floating-widget .studio-volume {
  grid-column:3;
  grid-row:1 / span 3
}
.floating-widget .deck-actions {
  grid-column:1 / span 2;
  grid-row:2;
  justify-content:flex-end
}
.floating-widget .deck-transport {
  grid-column:1 / span 2;
  grid-row:3
}
.floating-widget .deck-transport .track-timing {
  font-size:9px
}
.floating-widget .studio-volume input {
  height:108px
}
@media(max-width:600px) {
  .deck-main {
    grid-template-columns:40px minmax(0,1fr) 25px
  }
}
@media(max-width:600px) {
  .deck-information {
    grid-column:2
  }
}
@media(max-width:600px) {
  .deck-actions {
    grid-column:1 / span 2;
    grid-row:2;
    justify-content:flex-end
  }
}
@media(max-width:600px) {
  .studio-volume {
    grid-column:3;
    grid-row:1 / span 3
  }
}
@media(max-width:600px) {
  .deck-transport {
    grid-column:1 / span 2;
    grid-row:3
  }
}
@media(max-width:600px) {
  .deck-information .deck-name {
    font-size:7px
  }
}
@media(max-width:600px) {
  .floating-widget .deck-transport {
    display:block
  }
}
@media(max-width:600px) {
  body.deck-visible {
    padding-bottom:200px
  }
}
.site-header #reopen-player {
  position:static!important;
  inset:auto!important;
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  width:100%;
  padding:12px 5px!important;
  margin:12px 0 2px;
  z-index:auto;
  border:0!important;
  border-top:1px solid #ffffff20!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  font:9px var(--mono);
  letter-spacing:1px;
  color:#aaa;
  min-height:40px;
  white-space:nowrap
}
.site-header #reopen-player:hover {
  color:#fff;
  background:#ffffff06!important
}
.site-header #reopen-player[hidden] {
  display:none!important
}
.deck-launch-icon {
  font-size:18px
}
.site-header.is-collapsed #reopen-player {
  justify-content:center
}
.site-header.is-collapsed .deck-launch-label {
  display:none
}
.deck-main {
  grid-template-columns:var(--editor-player-cover) minmax(90px,1fr) 156px 126px 24px;
  gap:var(--editor-player-gap);
  align-items:center
}
.deck-main .dock-album {
  width:var(--editor-player-cover);
  height:var(--editor-player-cover)
}
.deck-actions {
  align-self:center;
  padding:0
}
.deck-information strong {
  font-size:11px
}
.deck-information>span {
  font-size:10px
}
.studio-volume input {
  height:58px
}
.floating-widget .widget-handle {
  border-bottom:1px solid #ffffff15;
  margin-bottom:10px;
  padding-bottom:8px;
  letter-spacing:1px
}
.floating-widget .deck-main {
  grid-template-columns:44px minmax(70px,1fr) 110px 114px 22px;
  gap:8px;
  align-items:center
}
.floating-widget .deck-information,.floating-widget .deck-transport,.floating-widget .deck-actions,.floating-widget .studio-volume {
  grid-column:auto;
  grid-row:auto
}
.floating-widget .deck-main .dock-album {
  width:44px;
  height:44px
}
.floating-widget .deck-actions {
  justify-content:flex-end;
  align-self:center
}
.floating-widget .studio-volume input {
  height:58px
}
.floating-widget .deck-buttons {
  gap:4px
}
.floating-widget .deck-main button {
  width:27px;
  height:28px
}
.floating-widget .deck-main #play {
  width:30px
}
.floating-widget .deck-main #deck-mode {
  width:auto;
  padding:0 7px
}
.floating-widget .deck-transport .track-timing {
  gap:4px;
  font-size:8px
}
.floating-widget .deck-name #player-status {
  display:none
}
.lightning-frequency-label {
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:14px;
  font-size:11px
}
.lightning-frequency-label input {
  width:130px!important;
  writing-mode:horizontal-tb;
  direction:ltr;
  height:auto
}
.lightning-frequency-label output {
  min-width:40px
}
@media(max-width:700px) {
  .site-header #reopen-player {
    width:auto;
    margin:0 0 0 auto;
    padding:8px!important;
    border-top:0!important;
    min-height:36px;
    flex-shrink:0
  }
}
@media(max-width:700px) {
  .site-header .deck-launch-label {
    display:none
  }
}
@media(max-width:700px) {
  .site-header .deck-launch-icon {
    font-size:20px
  }
}
@media(max-width:600px) {
  .deck-main,.floating-widget .deck-main {
    grid-template-columns:44px minmax(0,1fr) 24px;
    gap:8px
  }
}
@media(max-width:600px) {
  .deck-main .dock-album {
    grid-row:1;
    grid-column:1
  }
}
@media(max-width:600px) {
  .deck-information,.floating-widget .deck-information {
    grid-row:1;
    grid-column:2
  }
}
@media(max-width:600px) {
  .deck-actions,.floating-widget .deck-actions {
    grid-row:2;
    grid-column:2;
    justify-content:flex-end
  }
}
@media(max-width:600px) {
  .studio-volume,.floating-widget .studio-volume {
    grid-row:1 / span 2;
    grid-column:3
  }
}
@media(max-width:600px) {
  .deck-transport,.floating-widget .deck-transport {
    grid-row:2;
    grid-column:1;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    width:110px
  }
}
@media(max-width:600px) {
  .deck-main {
    grid-template-columns:110px minmax(80px,1fr) 24px
  }
}
@media(max-width:600px) {
  .deck-main .dock-album {
    width:44px;
    height:44px
  }
}
@media(max-width:600px) {
  .deck-transport .track-timing {
    font-size:8px
  }
}
@media(max-width:600px) {
  .floating-widget .deck-main .deck-transport {
    display:flex
  }
}
@media(max-width:600px) {
  .deck-actions {
    gap:4px
  }
}
@media(max-width:680px) {
  .deck-main,.floating-widget .deck-main {
    grid-template-columns:110px minmax(80px,1fr) 24px;
    gap:8px
  }
}
@media(max-width:680px) {
  .deck-main .dock-album,.floating-widget .deck-main .dock-album {
    grid-row:1;
    grid-column:1;
    width:44px;
    height:44px
  }
}
@media(max-width:680px) {
  .deck-information,.floating-widget .deck-information {
    grid-row:1;
    grid-column:2
  }
}
@media(max-width:680px) {
  .deck-actions,.floating-widget .deck-actions {
    grid-row:2;
    grid-column:2;
    justify-content:flex-end
  }
}
@media(max-width:680px) {
  .studio-volume,.floating-widget .studio-volume {
    grid-row:1 / span 2;
    grid-column:3
  }
}
@media(max-width:680px) {
  .deck-transport,.floating-widget .deck-transport {
    grid-row:2;
    grid-column:1;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    width:110px
  }
}
@media(max-width:680px) {
  .deck-transport .track-timing {
    font-size:8px
  }
}
@media(max-width:680px) {
  .floating-widget .deck-main .deck-transport {
    display:flex
  }
}
@media(max-width:680px) {
  .deck-actions {
    gap:4px
  }
}
.site-header #reopen-player {
  margin-top:8px;
  margin-bottom:8px
}
.widget-toolbar {
  display:none
}
.floating-widget .widget-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:var(--widget-toolbar-height);
  border-bottom:1px solid #ffffff20;
  padding-bottom:8px
}
.floating-widget .widget-toolbar .widget-handle {
  display:flex;
  flex:1;
  align-items:center;
  align-self:stretch;
  min-width:0;
  border:0;
  margin:0;
  padding:0;
  cursor:move;
  touch-action:none
}
.floating-widget #widget-action-target {
  flex:none
}
.floating-widget #widget-action-target .deck-actions {
  display:flex;
  gap:5px;
  padding:0;
  margin:0;
  align-items:center
}
#widget-action-target button {
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border:1px solid #ffffff22;
  border-radius:2px;
  background:#ffffff08;
  color:#ddd;
  cursor:pointer;
  font-size:16px;
  transform:none!important;
  box-shadow:none!important
}
#widget-action-target #deck-mode {
  width:auto;
  padding:0 9px;
  font:9px var(--mono)
}
#widget-action-target button:hover {
  background:#ffffff16
}
.floating-widget .deck-main {
  display:grid;
  grid-template-columns:var(--widget-cover-size) minmax(0,1fr) 24px;
  gap:30px 12px;
  align-items:center;
  padding:24px 0 12px
}
.floating-widget .deck-main .dock-album {
  grid-column:1;
  grid-row:1;
  width:var(--widget-cover-size);
  height:var(--widget-cover-size);
  align-self:start
}
.floating-widget .deck-information {
  position:relative;
  display:flex;
  grid-column:2;
  grid-row:1;
  gap:var(--widget-text-gap);
  height:var(--widget-cover-size);
  align-self:start;
  justify-content:flex-start
}
.floating-widget .deck-information>.deck-name,.floating-widget .deck-information>strong,.floating-widget .deck-information>#dock-track-artist {
  display:block;
  flex:none;
  line-height:var(--widget-text-line-height);
  height:var(--widget-text-line-height);
  margin:0;
  padding:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.floating-widget .deck-information>.deck-name {
  font-size:8px;
  letter-spacing:.7px
}
.floating-widget .deck-information>strong {
  font-size:12px
}
.floating-widget .deck-information>#dock-track-artist {
  font-size:10px
}
.floating-widget .deck-information #equalizer {
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  width:100%;
  height:12px!important;
  margin:0;
  overflow:hidden
}
.floating-widget .deck-transport {
  display:flex;
  flex-direction:column;
  grid-column:1 / span 2;
  grid-row:2;
  align-items:center;
  justify-content:center;
  width:auto;
  gap:8px
}
.floating-widget .studio-volume {
  grid-column:3;
  grid-row:1 / span 2;
  align-self:center
}
.floating-widget .studio-volume input {
  height:102px
}
.floating-widget .deck-buttons {
  gap:12px
}
.floating-widget .deck-main .deck-buttons button {
  width:34px;
  height:32px
}
.floating-widget .deck-main .deck-buttons #play {
  width:40px
}
.floating-widget .deck-transport .track-timing {
  padding:0;
  font-size:10px;
  gap:12px
}
.floating-widget #eq-panel {
  margin-top:12px
}
.floating-widget .widget-toolbar {
  min-height:30px;
  gap:12px;
  padding-bottom:12px
}
.floating-widget .widget-handle span {
  font-size:8px;
  letter-spacing:1px
}
.floating-widget .deck-main {
  grid-template-columns:var(--polished-cover-size) minmax(0,1fr) 24px;
  gap:0 var(--polished-widget-gap);
  padding:18px 0 0;
  align-items:center
}
.floating-widget .deck-main .dock-album {
  grid-column:1;
  grid-row:1;
  width:var(--polished-cover-size);
  height:var(--polished-cover-size)
}
.floating-widget .deck-information {
  grid-column:2;
  grid-row:1;
  position:static;
  height:66px;
  gap:3px;
  justify-content:center;
  min-width:0
}
.floating-widget .deck-information>.deck-name,.floating-widget .deck-information>strong,.floating-widget .deck-information>#dock-track-artist {
  height:20px;
  line-height:20px
}
.floating-widget .deck-information>strong {
  font-size:var(--polished-title-size)
}
.floating-widget .deck-information>#dock-track-artist {
  font-size:var(--polished-copy-size)
}
.floating-widget .deck-information #equalizer {
  position:absolute;
  top:calc(100% + 8px);
  bottom:auto;
  left:0;
  right:0;
  width:100%;
  height:16px!important;
  margin:0;
  transform:none;
  pointer-events:none
}
.floating-widget .deck-information {
  position:relative
}
.floating-widget .studio-volume {
  grid-column:3;
  grid-row:1 / span 2;
  align-self:stretch;
  justify-content:center
}
.floating-widget .studio-volume input {
  height:94px
}
.floating-widget .deck-transport {
  grid-column:1 / span 2;
  grid-row:2;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  width:auto;
  gap:12px;
  padding-top:44px;
  margin-top:0
}
.floating-widget .deck-buttons {
  gap:8px
}
.floating-widget .deck-transport .track-timing {
  gap:7px;
  font-size:9px
}
.floating-widget #eq-panel {
  margin-top:16px;
  padding:12px
}
@media(max-width:700px) {
  .floating-widget .deck-transport {
    display:flex
  }
}
@media(max-width:700px) {
  .floating-widget .deck-main {
    grid-template-columns:var(--polished-cover-size) minmax(0,1fr) 24px
  }
}
.floating-widget .widget-toolbar {
  display:flex;
  gap:8px
}
.floating-widget .widget-toolbar .widget-handle {
  flex:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px
}
.widget-handle strong {
  font:8px var(--mono);
  letter-spacing:.7px;
  white-space:nowrap
}
.floating-widget .widget-handle span {
  font-size:7px;
  letter-spacing:.5px;
  white-space:nowrap
}
.deck-information .deck-name {
  display:none!important
}
.deck-information {
  display:grid!important;
  grid-template-rows:22px 18px 18px;
  gap:3px;
  justify-content:stretch
}
.deck-main .dock-album {
  width:var(--polished-cover-size)!important;
  height:var(--polished-cover-size)!important
}
.deck-information strong {
  line-height:22px!important;
  height:22px!important
}
.deck-information>#dock-track-artist {
  line-height:18px!important;
  height:18px!important
}
.deck-information #equalizer {
  position:static!important;
  transform:none!important;
  inset:auto!important;
  width:100%!important;
  height:18px!important;
  margin:0!important
}
.floating-widget .deck-information {
  height:64px!important;
  gap:3px!important;
  grid-template-rows:22px 18px 18px
}
.floating-widget .deck-transport {
  padding-top:18px
}
.deck-main {
  grid-template-columns:64px minmax(90px,1fr) 156px 126px 24px
}
#audio-message {
  font-size:11px;
  line-height:1.6;
  margin:12px 0 0;
  color:#ddd
}
#audio-message[hidden] {
  display:none
}
@media(max-width:680px) {
  .deck-main {
    grid-template-columns:110px minmax(80px,1fr) 24px
  }
}
@media(max-width:680px) {
  .floating-widget .deck-main {
    grid-template-columns:64px minmax(0,1fr) 24px
  }
}
.floating-widget .widget-toolbar {
  position:relative;
  display:flex;
  gap:10px
}
.floating-widget .widget-toolbar .widget-handle {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:0;
  flex:1
}
.floating-widget .widget-handle strong {
  font:8px var(--mono);
  white-space:nowrap
}
.floating-widget .widget-handle span {
  font:7px var(--mono);
  white-space:nowrap;
  text-align:center;
  flex:1
}
.floating-widget .deck-information {
  display:grid!important;
  grid-template-rows:var(--widget-row-title) var(--widget-row-artist) var(--widget-row-spectrum);
  gap:var(--widget-row-gap)!important;
  height:var(--polished-cover-size)!important;
  padding:0;
  align-self:center
}
.floating-widget .deck-information>strong {
  height:var(--widget-row-title)!important;
  line-height:var(--widget-row-title)!important
}
.floating-widget .deck-information>#dock-track-artist {
  height:var(--widget-row-artist)!important;
  line-height:var(--widget-row-artist)!important
}
.floating-widget .deck-information #equalizer {
  position:static!important;
  inset:auto!important;
  transform:none!important;
  height:var(--widget-row-spectrum)!important;
  margin:0!important
}
.floating-widget .deck-main .dock-album {
  width:var(--polished-cover-size)!important;
  height:var(--polished-cover-size)!important
}
#radio-dock:not(.floating-widget) .deck-name {
  display:block!important
}
@media(max-width:700px) {
  .site-header .nav #reopen-player {
    position:static!important;
    inset:auto!important;
    display:flex!important;
    width:100%;
    margin:8px 0 0!important;
    padding:12px!important;
    justify-content:flex-start!important;
    border-top:1px solid #ffffff20!important;
    background:transparent!important;
    z-index:auto!important
  }
}
@media(max-width:700px) {
  .site-header .nav #reopen-player[hidden] {
    display:none!important
  }
}
@media(max-width:700px) {
  .site-header .nav .deck-launch-label {
    display:inline!important
  }
}
@media(max-width:700px) {
  .floating-widget .widget-toolbar .widget-handle {
    gap:5px
  }
}
@media(max-width:700px) {
  .floating-widget .widget-handle strong {
    font-size:7px
  }
}
@media(max-width:700px) {
  .floating-widget .widget-handle span {
    font-size:6px
  }
}
@media(min-width:701px) {
  .site-header.is-collapsed #reopen-player {
    margin-top:auto!important;
    margin-bottom:0!important;
    order:99;
    flex-shrink:0
  }
}
/* 09 / ЕФЕКТИ И НАМАЛЕНО ДВИЖЕНИЕ */
@keyframes ticker {
  to{transform:translateX(-50%)}
}
@keyframes equalize {
  from{height:3px;opacity:.35}to{height:22px;opacity:1}
}
@keyframes fog-drift {
  from{transform:translateX(-5%) translateY(5px)}to{transform:translateX(8%) translateY(-8px)}
}
@keyframes artist-sheen {
  from{transform:translateX(-12%) rotate(10deg);opacity:.35}to{transform:translateX(12%) rotate(10deg);opacity:.8}
}
html.lightning-flash {
  filter:invert(1)
}
html.lightning-flash {
  filter:invert(var(--flash-intensity,1))
}
@media(prefers-reduced-motion:reduce) {
  html.lightning-flash {
    filter:none!important
  }
}
@keyframes logo-hover-glitch {
  0%,75%,100%{transform:translate(0);filter:none}8%{transform:translate(-2px,1px);filter:drop-shadow(2px 0 #a6bcc0)}12%{transform:translate(2px,-1px);filter:drop-shadow(-2px 0 #c0b8a6)}16%{transform:translate(-1px,0);filter:contrast(1.2)}20%{transform:translate(0);filter:none}48%{transform:translate(1px,-1px);filter:drop-shadow(-1px 0 #aaa)}52%{transform:translate(0);filter:none}
}
/* 02 / СТАБИЛНА НАВИГАЦИЯ: еднакви размер и вертикална позиция на логото и редовете в двата режима. */
.hero-logo-slot img,#navigation-logo,.hero-logo-slot img:hover,#navigation-logo:hover {
  animation:none!important;
  transform:none!important;
  filter:none!important;
  transition:none!important
}
@media(min-width:701px) {
  .site-header,.site-header.is-collapsed {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:stretch;
    gap:0;
    padding:20px 16px!important;
    box-sizing:border-box
  }
  .site-header .brand,.site-header.is-collapsed .brand {
    width:100%;
    min-width:0;
    height:76px;
    min-height:76px;
    flex:0 0 76px;
    align-items:center;
    justify-content:flex-start;
    margin:0
  }
  .site-header #navigation-logo,.site-header.is-collapsed #navigation-logo {
    width:44px!important;
    min-width:44px;
    height:64px!important;
    max-height:64px!important;
    object-fit:contain
  }
  .site-header .nav,.site-header.is-collapsed .nav {
    margin:20px 0 0!important;
    padding:0;
    gap:4px;
    width:100%;
    align-items:stretch;
    justify-content:flex-start;
    flex-shrink:0
  }
  .site-header .nav a,.site-header.is-collapsed .nav a {
    height:44px;
    min-height:44px;
    box-sizing:border-box;
    margin:0;
    transform:none!important;
    letter-spacing:1px
  }
  .site-header #reopen-player,.site-header.is-collapsed #reopen-player {
    order:99;
    margin-top:auto!important;
    margin-bottom:0!important;
    min-height:44px;
    flex-shrink:0
  }
  .sidebar-footer-note {
    display:none!important
  }
}
/* 03 / HOME: основните бутони стоят по-ниско от логото; премахнат е RTR/666 квадратът. */
.hero-actions {
  margin-top:46px!important
}
.manifesto-mark {
  display:none!important
}
.manifesto-band {
  grid-template-columns:minmax(0,1fr) minmax(200px,.65fr)
}
/* 03 / ДВЕ ПОСЛЕДНИ ИЗДАНИЯ: общият надпис е по левия ръб на първата корица. */
.latest-releases {
  padding-top:40px!important
}
.latest-shell {
  max-width:1050px;
  margin:0 auto
}
.latest-shell>.eyebrow {
  margin:0 0 22px;
  text-align:left
}
.latest-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:32px
}
.latest-card {
  min-width:0
}
.latest-cover {
  display:grid;
  place-items:center;
  position:relative;
  width:100%;
  aspect-ratio:1;
  overflow:hidden;
  border:1px solid #ffffff25;
  background:#151515;
  font:90px var(--display)
}
.latest-cover img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover
}
.latest-copy {
  padding-top:20px
}
.latest-copy h2 {
  font:clamp(26px,3vw,40px)/1.1 var(--display);
  margin:0 0 12px
}
.latest-copy p {
  font-size:14px;
  line-height:1.7;
  color:#bdbdbd
}
.latest-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px
}
.release-play {
  padding:12px 16px;
  color:#eee;
  background:#ffffff09;
  border:1px solid #ffffff40;
  border-radius:2px;
  font:10px var(--mono);
  cursor:pointer
}
.release-play:hover {
  background:#ffffff17
}
/* 08 / WIDGET: само песен + артист до обложката; визуализацията остава в dock режима. */
.floating-widget #equalizer {
  display:none!important
}
.floating-widget .deck-main {
  grid-template-columns:44px minmax(0,1fr) 24px;
  column-gap:9px
}
.floating-widget .deck-main .dock-album {
  width:44px!important;
  height:44px!important
}
.floating-widget .deck-information {
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  height:44px!important;
  gap:3px!important
}
.floating-widget .deck-information>.deck-name {
  display:none!important
}
.floating-widget .deck-information>strong,.floating-widget .deck-information>#dock-track-artist {
  height:20px!important;
  line-height:20px!important
}
/* 01 / FOOTER: Instagram и имейл непосредствено след марката. */
.footer {
  align-items:center;
  gap:14px
}
.footer-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border:1px solid #ffffff25
}
.footer-icon svg {
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.3
}
.footer-icon:hover {
  background:#ffffff0d
}
@media(max-width:700px) {
  .latest-grid {
    grid-template-columns:1fr;
    gap:36px
  }
  .manifesto-band {
    grid-template-columns:1fr
  }
  .hero-actions {
    margin-top:32px!important
  }
}
/* 10 / ТИПОГРАФИЯ И UX — обща скала; компонентите запазват съществуващото подреждане. */
:root {
  --type-body:16px;
  /* Основен текст. */
 --type-small:13px;
  /* Вторичен текст. */
 --type-meta:11px;
  /* Етикети, година и допълнителни данни. */
 --type-button:12px;
  /* Надписи на действията. */
 --type-h1:clamp(40px,6vw,80px);
  /* Заглавие на вътрешна страница. */
 --type-h2:clamp(28px,3.5vw,44px);
  /* Заглавие на секция. */
 --type-h3:clamp(21px,2.2vw,28px);
  /* Заглавие на карта. */
 --ux-hit:44px;
  /* Минимална зона за натискане. */
 --ux-button-pad:16px;
  /* Хоризонтален padding на стандартните бутони. */
 --ux-field-height:44px;
  /* Минимална височина на формите. */
}
body {
  font-size:var(--type-body);
  line-height:1.6
}
.inner-hero h1 {
  font-size:var(--type-h1);
  line-height:1.08
}
.section-heading h2,.home-events>h2 {
  font-size:var(--type-h2);
  line-height:1.15
}
.artist-card h3,.release-card h3,.event-copy h3 {
  font-size:var(--type-h3);
  line-height:1.2
}
.inner-page p,.latest-copy p,.section-intro {
  font-size:var(--type-body);
  line-height:1.7
}
.eyebrow,.card-top,.release-meta,.catalog-muted {
  font-size:var(--type-meta);
  line-height:1.5
}
.button,.release-play,.submission-form button,.detail-tools button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:var(--ux-hit);
  padding:10px var(--ux-button-pad);
  font-size:var(--type-button);
  line-height:1.25;
  box-sizing:border-box;
  white-space:normal;
  text-align:center
}
.site-header:not(.is-collapsed) .nav a {
  font-size:var(--type-button)
}
.footer {
  font-size:var(--type-meta);
  line-height:1.6
}
.footer-icon,.social-icon,.carousel-toolbar button,.gallery-toolbar button {
  min-width:var(--ux-hit);
  min-height:var(--ux-hit);
  box-sizing:border-box
}
.submission-form input,.submission-form select {
  min-height:var(--ux-field-height);
  font-size:var(--type-body)
}
.submission-form textarea {
  font-size:var(--type-body);
  line-height:1.6;
  padding:12px
}
/* Плейър: достатъчна зона за докосване, без промяна на функционалността. */
.deck-main button,#widget-action-target button,.floating-widget .deck-main .deck-buttons button,.floating-widget .deck-main .deck-buttons #play {
  min-width:var(--ux-hit);
  min-height:var(--ux-hit);
  width:auto;
  height:auto;
  padding:8px
}
.deck-actions {
  gap:4px
}
.deck-main {
  grid-template-columns:64px minmax(90px,1fr) 156px 154px 30px
}
#widget-action-target #deck-mode {
  min-width:56px
}
.widget-toolbar {
  flex-wrap:wrap
}
.floating-widget .deck-transport {
  flex-wrap:wrap
}
.track-timing {
  font-size:11px
}
.deck-information>strong {
  font-size:13px
}
.deck-information>#dock-track-artist {
  font-size:12px
}
#eq-panel label,#eq-panel small,.share-status {
  font-size:var(--type-small);
  line-height:1.5
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:2px solid #dedede;
  outline-offset:3px
}
button:disabled {
  opacity:.45;
  cursor:not-allowed
}
@media(max-width:700px) {
  .inner-page p,.latest-copy p {
    font-size:15px
  }
  .deck-main {
    grid-template-columns:110px minmax(90px,1fr) 30px
  }
  .floating-widget .deck-main {
    grid-template-columns:44px minmax(0,1fr) 30px
  }
  .deck-transport {
    width:auto
  }
  .deck-buttons {
    gap:3px
  }
}

/* АРТИСТ КАРТИ: единствено glow; без повдигане, завъртане или движеща се светла ивица. */
.artist-card,.artist-card:hover,.artist-card:focus-within{transform:none!important;translate:none!important;rotate:none!important;scale:none!important;animation:none!important;transition:border-color .2s,box-shadow .2s,background-color .2s}
.artist-card:hover,.artist-card:focus-within{box-shadow:0 0 24px #d9d9d92a!important;border-color:#ffffff65}
.artist-card:hover .artist-mark{transform:none!important;animation:none!important}.artist-card .artist-art::before,.artist-card:hover .artist-art::before{display:none!important;animation:none!important}
/* LATEST RELEASES: по-компактен размер и директна връзка към пълния каталог. */
:root{--latest-section-width:850px;--latest-cover-gap:28px;--dock-volume-length:100px}
.latest-shell{max-width:var(--latest-section-width)}.latest-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.latest-heading .eyebrow{margin:0}.latest-heading>.button{min-height:44px;padding:10px 14px}.latest-grid{gap:var(--latest-cover-gap)}.latest-copy h2{font-size:clamp(24px,2.6vw,32px)}.latest-copy{padding-top:16px}
/* DOCK: всички бутони са на един ред; таймерите са под транспорта, а volume е по-дълъг. */
#radio-dock:not(.floating-widget) .deck-main{grid-template-columns:64px minmax(80px,1fr) auto;align-items:center;gap:14px}
#dock-control-row{display:flex;align-items:center;gap:14px;min-width:0;max-width:100%}#dock-control-row[hidden]{display:none}
#dock-control-row .deck-transport{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;width:auto;min-width:0;padding:0;margin:0;grid-column:auto;grid-row:auto}
#dock-control-row .deck-buttons{display:flex;flex-wrap:nowrap;gap:4px}
#dock-control-row .track-timing{position:absolute;top:calc(100% + 5px);left:0;right:0;margin:0;padding:0;justify-content:center;gap:7px;font-size:10px;white-space:nowrap}
#dock-control-row #track-release-link{display:none}
#dock-control-row #dock-action-target,#dock-control-row .deck-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;align-self:center;padding:0;margin:0;gap:4px;grid-column:auto;grid-row:auto}
#dock-control-row .studio-volume{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;grid-column:auto;grid-row:auto;margin:0;gap:5px;flex:none}
#dock-control-row .studio-volume input{height:var(--dock-volume-length)!important}
#dock-control-row button{flex:none;min-width:44px;min-height:44px}
@media(max-width:700px){#radio-dock:not(.floating-widget) .deck-main{grid-template-columns:44px minmax(0,1fr)}#dock-control-row{grid-column:1 / -1;width:100%;justify-content:center;overflow-x:auto;padding:8px 0 18px;box-sizing:border-box;gap:10px}.latest-heading{align-items:center}.latest-heading .eyebrow{font-size:10px}}
@media(max-width:380px){#dock-control-row{justify-content:flex-start}.latest-heading{flex-wrap:wrap}}

/* HOME: повече въздух след главните бутони, преди Latest Releases. */
.hero-main{padding-bottom:60px!important}.latest-releases{padding-top:64px!important}
/* ТРИ LATEST RELEASES: еднакви колони; Explore е в обща хоризонтална линия. */
.latest-shell{max-width:1120px}.latest-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:28px}.latest-card{display:flex;flex-direction:column;min-width:0}.latest-copy{display:flex;flex-direction:column;flex:1;padding-top:18px}.latest-copy h2{font-size:clamp(23px,2.2vw,32px);margin:0 0 12px}.latest-actions{margin-top:auto;padding-top:20px}.latest-actions .text-link{min-height:44px;align-items:center;font:11px var(--mono);letter-spacing:1px;padding:8px 0;border:0;border-bottom:1px solid #ffffff55;border-radius:0;background:none;box-shadow:none}
/* Artist Spotlight и Events: еднаква типографска роля. */
.roster-preview .section-heading h2,.home-events>h2{font-family:var(--display);font-weight:600;font-size:var(--type-h2);line-height:1.15}
/* Release cards: Artist Name / Song Name / Single–EP–Album; еднакви отстояния и долни действия. */
.catalog-grid{align-items:stretch}.catalog-card{display:flex;flex-direction:column;min-width:0;overflow:hidden}.catalog-card .catalog-art{width:100%;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}.catalog-art img{width:100%;height:100%;object-fit:cover}.release-card-copy{display:flex;flex-direction:column;flex:1;padding:18px}.release-card-copy .catalog-artist{font:11px/1.5 var(--mono);letter-spacing:1px;margin:0 0 9px;color:#bcbcbc}.release-card-copy h3{font:25px/1.2 var(--display);margin:0 0 10px;overflow-wrap:anywhere}.release-format{font:11px/1.5 var(--mono);color:#999;margin:0 0 20px}.release-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:auto}.release-card-actions .text-link{min-height:44px}
/* SUBMISSIONS: текст вляво, същата форма вдясно; на телефон се подреждат вертикално. */
.submissions-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:48px;align-items:start}.submissions-layout>.inner-hero{padding-top:44px;border-bottom:0}.submissions-layout>.section{padding-top:44px;margin-top:0}.submissions-layout .submission-form{width:100%;max-width:none;box-sizing:border-box}.submissions-layout .inner-hero h1{font-size:clamp(38px,5vw,64px)}
/* LIVE: няма излишна CTA секция пред картите. */
.live-page>.inner-hero{padding-bottom:20px}.live-page>.section{padding-top:16px;margin-top:0}
/* WIDGET EDITOR: променяйте тук ширината, cover размера, gap и транспортната колона. */
:root{
 --widget-manual-width:560px; /* Ширина на widget, необходима за управление вдясно от песента. */
 --widget-manual-cover:76px; /* Голямата обложка. */
 --widget-manual-gap:12px; /* Разстояние между обложка, текст, управление и volume. */
 --widget-manual-controls:144px; /* Ширина за prev/play/next и таймерите. */
}
#radio-dock.floating-widget,body:has(.site-header.is-collapsed) #radio-dock.floating-widget{width:min(var(--widget-manual-width),calc(100vw - 16px))!important;left:var(--widget-left,max(8px,calc(100vw - var(--widget-manual-width) - 16px)))!important}
.floating-widget .deck-main{grid-template-columns:var(--widget-manual-cover) minmax(90px,1fr) var(--widget-manual-controls) 26px!important;column-gap:var(--widget-manual-gap);align-items:center}
.floating-widget .deck-main .dock-album{grid-column:1;grid-row:1;width:var(--widget-manual-cover)!important;height:var(--widget-manual-cover)!important}
.floating-widget .deck-information{grid-column:2;grid-row:1;height:auto!important;min-height:44px}.floating-widget .deck-transport{grid-column:3;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto;padding:0;margin:0;gap:8px}.floating-widget .deck-buttons{flex-wrap:nowrap;gap:4px}.floating-widget .deck-transport .track-timing{position:static;font-size:10px;gap:7px}.floating-widget .studio-volume{grid-column:4;grid-row:1}.floating-widget #dock-action-target{display:none}
/* NAVBAR: логото е в центъра при отворено меню, със запазени височина и размер. */
@media(min-width:701px){.site-header:not(.is-collapsed) .brand{justify-content:center}.site-header.is-collapsed .brand{justify-content:flex-start}}
@media(max-width:900px){.submissions-layout{grid-template-columns:1fr;gap:0}.submissions-layout>.section{padding-top:20px}.submissions-layout>.inner-hero{padding-bottom:12px}}
@media(max-width:700px){.latest-grid{grid-template-columns:1fr;gap:38px}.latest-actions{padding-top:12px}.hero-main{padding-bottom:42px!important}.latest-releases{padding-top:42px!important}}
@media(max-width:520px){.floating-widget .deck-main{grid-template-columns:64px minmax(0,1fr) 26px!important;gap:14px 10px}.floating-widget .deck-main .dock-album{width:64px!important;height:64px!important}.floating-widget .deck-information{grid-column:2}.floating-widget .deck-transport{grid-column:1 / span 2;grid-row:2;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.floating-widget .studio-volume{grid-column:3;grid-row:1 / span 2}}

/* HOME / ОТСТОЯНИЯ: еднаква вертикална пауза преди и след логото. */
:root{--home-logo-spacing:56px;--artist-card-photo-height:320px;--widget-compact-width:400px}
.hero-copy>.eyebrow{margin-bottom:0}.hero-logo-slot{margin-top:var(--home-logo-spacing)!important;margin-bottom:var(--home-logo-spacing)!important}.hero-actions{margin-top:0!important}
/* HOME / LATEST: ширината е същата като Artist Spotlight, без допълнителен тесен контейнер. */
.latest-shell{max-width:none!important;width:100%}.latest-heading .text-link{min-height:44px;padding:8px 0;font:11px var(--mono);border-bottom:1px solid #ffffff55;background:none;border-radius:0}.manifesto-band{display:block;text-align:center;padding:56px 24px}.manifesto-band::after{content:none;display:none}.manifesto-band h2{font:clamp(26px,4vw,52px)/1.15 var(--display);margin:0}.home-events{width:100%;max-width:none;margin-left:0;margin-right:0;padding:72px 0;box-sizing:border-box}
/* ARTISTS / КАРТИ: по-високи снимки, без декоративна звезда и без движение на hover. */
.artist-card:not(.event-card) .artist-art{height:var(--artist-card-photo-height);min-height:var(--artist-card-photo-height)}.artist-card .art-cross{display:none!important}
/* RELEASES / КАРТИ: по-четими артист и заглавие; форматът остава второстепенен. */
.release-card-copy .catalog-artist{font:600 19px/1.35 var(--condensed);letter-spacing:.3px;margin-bottom:10px}.release-card-copy h3{font:30px/1.18 var(--display);margin-bottom:12px}.release-format{font:9px/1.5 var(--mono);letter-spacing:.6px;color:#8d8d8d}
/* SUBMISSIONS / ДВЕ КОЛОНИ: текст вляво, форма вдясно; разделяне само под 700px. */
.page.inner-page.submissions-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:40px;align-items:start}.submissions-layout>.inner-hero{grid-column:1;padding-top:40px;min-width:0}.submissions-layout>.section{grid-column:2;padding-top:40px;margin-top:0;min-width:0}.submissions-layout .submission-form{max-width:none;width:100%;box-sizing:border-box}.submissions-layout .inner-hero h1{font-size:clamp(34px,4vw,58px)}
/* STUDIO И ABOUT / СНИМКИ: src е в съответния pages.studio / pages.about шаблон в app.js. */
.studio-photo,.about-photo{padding:0;display:block;overflow:hidden;position:relative;min-height:360px;box-shadow:none}.studio-photo img,.about-photo img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover}.about-photo{aspect-ratio:1}.about-photo img{position:absolute;inset:0}
/* FOOTER: контактите са до името; Crypt е най-вдясно след авторското право. */
.footer{display:flex;align-items:center;justify-content:flex-start;gap:16px;flex-wrap:wrap}.footer-brand-group{display:flex;align-items:center;gap:6px}.footer-brand-group>a[data-link]{margin-right:3px}.footer-icon{border:0!important;background:none;min-width:32px;width:32px}.footer-copyright{margin-left:auto}.footer>.crypt-door{margin:0;padding:0;border:0;background:none}.footer>.crypt-door summary{padding:10px;cursor:pointer}
/* WIDGET / КОМПАКТЕН ВАРИАНТ: малки горни действия; транспорт под името на групата. */
#radio-dock.floating-widget,body:has(.site-header.is-collapsed) #radio-dock.floating-widget{width:min(var(--widget-compact-width),calc(100vw - 16px))!important;left:var(--widget-left,max(8px,calc(100vw - var(--widget-compact-width) - 16px)))!important}
.floating-widget #widget-action-target button{min-width:26px!important;min-height:26px!important;width:26px!important;height:26px!important;padding:3px!important;font-size:14px}.floating-widget #widget-action-target #deck-mode{width:auto!important;min-width:42px!important;font-size:9px;padding:3px 6px!important}
.floating-widget .deck-main{grid-template-columns:78px minmax(0,1fr) 24px!important;gap:8px 10px;align-items:center}.floating-widget .deck-main .dock-album{grid-column:1;grid-row:1 / span 2;width:78px!important;height:88px!important;align-self:center}.floating-widget .deck-information{grid-column:2;grid-row:1;height:44px!important}.floating-widget .deck-transport{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:0;margin:0;gap:5px;width:auto}.floating-widget .deck-main .deck-buttons button,.floating-widget .deck-main .deck-buttons #play{width:32px!important;height:30px!important;min-width:32px!important;min-height:30px!important;padding:3px!important;font-size:13px}.floating-widget .deck-buttons{gap:5px}.floating-widget .deck-transport .track-timing{font-size:9px;gap:7px}.floating-widget .studio-volume{grid-column:3;grid-row:1 / span 2}.floating-widget .studio-volume input{height:88px}
@media(max-width:700px){:root{--home-logo-spacing:38px;--artist-card-photo-height:290px}.page.inner-page.submissions-layout{grid-template-columns:1fr!important;gap:0}.submissions-layout>.inner-hero,.submissions-layout>.section{grid-column:1}.submissions-layout>.section{padding-top:20px}.footer-copyright{margin-left:0}.footer>.crypt-door{margin-left:auto}.studio-photo,.about-photo,.studio-photo img,.about-photo img{min-height:280px}}

/* Еднакви линейни действия в Home секциите. */
.latest-heading .text-link,.roster-preview .section-heading .text-link{font:11px var(--mono);min-height:44px;letter-spacing:1px;padding:8px 0;border:0;border-bottom:1px solid #ffffff55;border-radius:0;background:none;box-shadow:none}

/* КАРТИ / ОБЩ КОМПОНЕНТ: release и artist използват еднакви рамка, фон, image зона и glow. */
.artist-card{display:flex;flex-direction:column;min-width:0;background:#121212;border:1px solid #ffffff2b;border-radius:2px;overflow:hidden}
.artist-card-main{display:flex;flex:1;flex-direction:column}.artist-card-content{flex:1}.artist-card .card-top{flex:none}.artist-card .artist-art{flex:none}.artist-card .artist-socials{flex:none}
.artist-card-footer{padding:16px 18px;margin-top:auto;border-top:1px solid #ffffff18}.artist-visit{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;box-sizing:border-box;padding:12px 10px;border:1px solid #ffffff40;font:12px/1.3 var(--mono);letter-spacing:1px;color:#e6e6e6;background:#ffffff06}.artist-visit:hover{background:#ffffff10;box-shadow:0 0 16px #ffffff12}
.catalog-card .catalog-art{display:grid;place-items:center;aspect-ratio:auto;width:100%;height:var(--artist-card-photo-height);min-height:var(--artist-card-photo-height);padding:0;margin:0;border:0;background:linear-gradient(135deg,#242424,#101010)}.catalog-card .catalog-art img{width:100%;height:100%;object-fit:cover}.catalog-card .catalog-art>span{font:68px var(--display);color:#c8c8c8}.catalog-card .release-card-copy{padding:20px 18px}.catalog-card .release-card-actions{padding-top:14px;margin-top:auto}.catalog-card .release-card-actions .text-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 10px;border:1px solid #ffffff40;background:#ffffff06;font:12px/1.3 var(--mono);box-sizing:border-box}
/* SUBMISSIONS: цялата текстова колона е центрирана по височината на формата. */
.page.inner-page.submissions-layout{align-items:center;padding-top:40px}.submissions-layout>.inner-hero{align-self:center;padding-top:0;padding-bottom:0}.submissions-layout>.section{align-self:center;padding-top:0;padding-bottom:0}
/* OPEN DECK: монохромна касетка в двата режима на навигацията. */
.deck-launch-icon{display:inline-flex;align-items:center;justify-content:center}.deck-launch-icon svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
/* ФОН / НИСКОРЕЗОЛЮЦИОНЕН STATIC: стойностите са умишлено много слаби. */
:root{--static-noise-opacity:.022;--static-noise-active-opacity:.033;--static-noise-size:144px}
.grain{opacity:var(--static-noise-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='48' height='48' filter='url(%23noise)' opacity='.7'/%3E%3C/svg%3E");background-size:var(--static-noise-size) var(--static-noise-size);image-rendering:pixelated;transition:opacity .25s;animation:none;pointer-events:none}
.pointer-noise-active .grain{opacity:var(--static-noise-active-opacity);animation:quiet-static-shift .55s steps(1,end) infinite}
@keyframes quiet-static-shift{0%,100%{background-position:0 0}25%{background-position:3px -2px}50%{background-position:-2px 3px}75%{background-position:2px 1px}}
@media(prefers-reduced-motion:reduce){.grain,.pointer-noise-active .grain{animation:none!important;opacity:var(--static-noise-opacity)}}
@media(max-width:700px){.page.inner-page.submissions-layout{align-items:start}.submissions-layout>.inner-hero{align-self:start}.submissions-layout>.section{padding-top:24px}.artist-visit{font-size:11px}}

/* ======================================================================
РЕДАКТОР / КОМПАКТЕН КАТАЛОГ И ФОРМА
Тези променливи са текущите размери; променяйте тук или чрез DESIGN_CONTROLS.
CSS стойностите искат единица: 24px, 1.5rem, 100%. Font family може да се смени с друго семейство.
====================================================================== */
:root{
 --release-grid-columns:3; /* Брой карти на desktop. */
 --release-grid-gap:28px; /* Разстояние между колоните и редовете. */
 --release-card-padding:20px; /* Отстояние около текста вътре в картата. */
 --release-artist-font:var(--display); /* Шрифт на името на групата. */
 --release-artist-size:26px; /* Размер на групата. */
 --release-title-font:var(--condensed); /* Шрифт на заглавието на песента/албума. */
 --release-title-size:32px; /* По-голям и четим втори ред. */
 --release-format-size:8px; /* Малък формат в третия ред. */
 --submission-form-width:390px; /* Максимална ширина на формата вдясно. */
 --submission-form-padding:20px; /* Вътрешни отстояния. */
 --submission-form-gap:14px; /* Разстояние между полетата. */
 --widget-square-cover:76px; /* Една стойност за ширината И височината на обложката. */
}
/* RELEASES / КОЛОНИ: три на компютър, две на tablet, една на телефон. */
#catalog-grid.catalog-grid{display:grid;grid-template-columns:repeat(var(--release-grid-columns),minmax(0,1fr));gap:var(--release-grid-gap);align-items:stretch}
.catalog-card .release-card-copy{padding:var(--release-card-padding)}
.catalog-card .release-card-copy .catalog-artist{font-family:var(--release-artist-font);font-size:var(--release-artist-size);font-weight:600;line-height:1.25;letter-spacing:.2px;margin:0 0 12px}
.catalog-card .release-card-copy h3{font-family:var(--release-title-font);font-size:var(--release-title-size);font-weight:500;line-height:1.2;margin:0 0 14px;overflow-wrap:anywhere}
.catalog-card .release-format{font:var(--release-format-size)/1.5 var(--mono);letter-spacing:1px;color:#999;margin:0 0 20px}
.catalog-card .card-top{font-size:10px;line-height:1.4}
/* SUBMISSIONS / РАЗМЕР: текст вляво, компактна форма вдясно; отпаднали са Location и Application type. */
.submissions-layout>.section{display:flex;justify-content:flex-end;width:100%;box-sizing:border-box}
.submissions-layout .submission-form{width:100%;max-width:var(--submission-form-width);padding:var(--submission-form-padding);gap:var(--submission-form-gap);box-sizing:border-box}
.submission-form label{font-size:13px;gap:6px}.submission-form input{min-height:40px;font-size:14px;padding:9px 10px}.submission-form textarea{min-height:88px;resize:vertical;padding:10px;font-size:14px;line-height:1.5}.submission-form button{min-height:44px}.submission-form #submission-preview:empty{display:none}
/* WIDGET / КВАДРАТ: aspect-ratio и двете измерения използват една стойност. */
.floating-widget .deck-main{grid-template-columns:var(--widget-square-cover) minmax(0,1fr) 24px!important}
.floating-widget .deck-main .dock-album{width:var(--widget-square-cover)!important;height:var(--widget-square-cover)!important;aspect-ratio:1 / 1;overflow:hidden;box-sizing:border-box}
.floating-widget .dock-album img{display:block;width:100%;height:100%;object-fit:cover}.floating-widget .dock-album img[hidden]{display:none!important}
/* WIDGET / ТРАНСПОРТ: бутони вляво, двата таймера вдясно на същия ред. */
.floating-widget .deck-transport{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:10px;width:auto;min-width:0}
.floating-widget .deck-buttons{flex:none;flex-wrap:nowrap}.floating-widget .deck-transport .track-timing{position:static!important;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:flex-start;gap:7px;margin:0;padding:0;font:9px/1.3 var(--mono);white-space:nowrap}
@media(max-width:1000px){#catalog-grid.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#catalog-grid.catalog-grid{grid-template-columns:1fr}.catalog-card .release-card-copy h3{font-size:28px}.submissions-layout>.section{justify-content:center}.submissions-layout .submission-form{max-width:100%}}
@media(max-width:380px){:root{--widget-square-cover:60px}.floating-widget .deck-transport{gap:5px}.floating-widget .deck-buttons{gap:3px}.floating-widget .deck-main .deck-buttons button,.floating-widget .deck-main .deck-buttons #play{min-width:27px!important;width:27px!important}.floating-widget .deck-transport .track-timing{font-size:8px;gap:4px}}

/* ОБЩИ ARTIST / RELEASE КАРТИ: единствен компонент rosterCard() в app.js.
   И двете използват .artist-card / .artist-art / .artist-card-content и еднакъв footer.
   Различни са само данните. data-card-kind служи за индивидуални авторски настройки при нужда. */
#catalog-grid>.artist-card{display:flex;flex-direction:column}
/* SUBMISSIONS / ПРОСТРАНСТВО И МАЩАБ: редактирайте тези стойности за цялата страница. */
:root{
 --submissions-content-width:1160px; /* Максимална ширина на двете колони общо. */
 --submissions-edge:clamp(20px,4vw,48px); /* Свободно място вляво и вдясно. */
 --submissions-columns-gap:clamp(32px,5vw,76px); /* Въздух между текста и формата. */
 --submissions-vertical-space:clamp(48px,6vw,80px); /* Горен и долен отстъп на страницата. */
 --submissions-form-max:480px; /* По-свободна форма, без да запълва целия екран. */
 --submissions-form-padding:clamp(22px,2.5vw,32px); /* Вътрешно отстояние на формата. */
 --submissions-fields-gap:20px; /* Пауза между полетата. */
}
.page.inner-page.submissions-layout{
 width:calc(100% - var(--submissions-edge) * 2)!important;
 max-width:var(--submissions-content-width)!important;
 margin:0 auto!important;padding:var(--submissions-vertical-space) 0!important;
 min-height:calc(100svh - 100px);box-sizing:border-box;
 display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
 gap:var(--submissions-columns-gap);align-items:center;align-content:center;
}
.submissions-layout>.inner-hero{grid-column:1;min-width:0;width:100%;max-width:540px;padding:0!important;margin:0;align-self:center;border-bottom:0}
.submissions-layout>.section{grid-column:2;min-width:0;width:100%;padding:0!important;margin:0;display:flex;justify-content:center;align-self:center}
.submissions-layout .inner-hero h1{font-size:clamp(36px,4.8vw,64px);line-height:1.08;margin:14px 0 24px}
.submissions-layout .inner-hero p{font-size:16px;line-height:1.8}.submissions-layout .submission-guide{margin-top:32px}.submissions-layout .submission-guide h2{font-size:28px;margin:0 0 18px}.submissions-layout .submission-guide p{margin:0 0 18px}
.submissions-layout .submission-form{width:100%;max-width:var(--submissions-form-max)!important;margin:0;padding:var(--submissions-form-padding)!important;gap:var(--submissions-fields-gap)!important;box-sizing:border-box}
.submissions-layout .submission-form label{font-size:14px;line-height:1.5;gap:9px}
.submissions-layout .submission-form input{min-height:44px;padding:11px 12px;font-size:15px}
.submissions-layout .submission-form textarea{min-height:112px;padding:12px;font-size:15px;line-height:1.6}
.submissions-layout .submission-form button{width:100%;min-height:46px;margin-top:3px}
@media(max-width:900px){.page.inner-page.submissions-layout{grid-template-columns:1fr!important;gap:36px;min-height:0;max-width:680px!important}.submissions-layout>.inner-hero,.submissions-layout>.section{grid-column:1;max-width:none;align-self:start}.submissions-layout .submission-form{max-width:none!important}.submissions-layout .inner-hero h1{font-size:clamp(36px,7vw,58px)}}

/* RELEASE / ДЕТАЙЛ: икони с линкове към конкретното издание; картите в каталога нямат социален ред. */
.release-platforms{margin:22px 0 30px}.release-platforms>.eyebrow{margin-bottom:12px}.release-socials{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;padding:0!important;border:0!important}
.release-socials .social-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:auto;min-width:62px;height:auto;min-height:58px;padding:10px;border:1px solid #ffffff22;box-sizing:border-box}
.release-socials .social-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}.release-socials .social-icon span{font:9px/1.3 var(--mono);text-align:center}.release-socials .is-unavailable{opacity:.3;cursor:default}
.artist-back{margin:28px 0}.artist-discography .release-card .text-link{min-height:44px;margin-top:8px}
/* МОБИЛЕН РЕДАКТОР: тези стойности се прилагат само под 700px.
   За отделен елемент: DESIGN_CONTROLS → секция → елемент → mobile:{margin:"…",fontSize:"…",width:"…"}.
   Текстовете са в SITE_TEXT, а съдържанието — ARTISTS / RELEASES / EVENTS. */
:root{
 --mobile-page-edge:18px; /* Странично празно място. */
 --mobile-section-space:38px; /* Горен/долен padding на секциите. */
 --mobile-heading-size:34px; /* Основно заглавие на вътрешна страница. */
 --mobile-section-heading-size:28px; /* Заглавие на секция. */
 --mobile-body-size:15px; /* Абзаци. */
 --mobile-card-title-size:25px; /* Име в общите artist/release карти. */
 --mobile-card-photo-height:290px; /* Височина на снимките в картите. */
 --mobile-card-gap:24px; /* Разстояние между карти. */
 --mobile-button-height:44px; /* Минимална зона за натискане на главните CTA. */
}
@media(max-width:700px){
 #app-view>.page:not(.submissions-layout){width:calc(100% - var(--mobile-page-edge) * 2);margin-left:auto;margin-right:auto}
 .inner-hero h1{font-size:var(--mobile-heading-size)}.section-heading h2{font-size:var(--mobile-section-heading-size)}.inner-page p{font-size:var(--mobile-body-size)}
 .artist-card h3{font-size:var(--mobile-card-title-size)}.artist-card:not(.event-card) .artist-art{height:var(--mobile-card-photo-height);min-height:var(--mobile-card-photo-height)}
 .artist-grid,#catalog-grid.catalog-grid{gap:var(--mobile-card-gap)}.inner-page>.section{padding-top:var(--mobile-section-space);padding-bottom:var(--mobile-section-space)}
 .button,.artist-visit{min-height:var(--mobile-button-height)}.artist-back{margin:20px 0}.release-socials{gap:9px}.release-socials .social-icon{min-width:58px;padding:9px}
}

/* BACK TO ALL ARTISTS: чист текстов бутон без рамка или запълване. */
.artist-back{border:0!important;background:none!important;box-shadow:none!important;padding:8px 0;min-height:44px}.artist-back:hover{background:none!important;box-shadow:none!important;color:#fff}
/* RELEASE КАРТИ: padding 100% пази квадрат 1:1 на всички екрани, независимо от височината на artist снимките. */
.artist-card[data-card-kind="release"] .artist-art{width:100%!important;height:0!important;min-height:0!important;max-height:none!important;padding:0 0 100%!important;aspect-ratio:auto!important;position:relative;overflow:hidden;box-sizing:content-box;flex:none;border-bottom:0}
.artist-card[data-card-kind="release"] .artist-art .artist-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* RELEASE DETAIL: адаптивна корица вляво, висока колкото текстовете вдясно. */
.catalog-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.catalog-detail-cover{position:relative;width:100%;min-height:0!important;aspect-ratio:auto;overflow:hidden;box-sizing:border-box}
.catalog-detail-cover img{position:absolute;inset:0;width:100%;height:100%;max-height:none}
.catalog-detail-cover>span{position:absolute;inset:0;display:grid;place-items:center}.catalog-detail-copy{display:flow-root;min-width:0}.catalog-detail-copy>:first-child{margin-top:0}.release-detail-actions{margin-top:28px}
/* Платформи: само икони; имената остават достъпни за четци и tooltip. */
.release-socials .social-icon{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;gap:0}.release-socials .social-icon svg{width:22px;height:22px}
/* PARTNERS: използват rosterCard() и същите artist-card стилове; няма самостоятелни card overrides. */
.partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}.artist-visit.is-unavailable{opacity:.45;cursor:default}
@media(max-width:900px){.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.catalog-detail{grid-template-columns:1fr;gap:28px}.partner-grid{grid-template-columns:1fr}}

/* ЛОКАЛНИ ИЗОБРАЖЕНИЯ: partner-logo е малкото лого на Home; големите лога са в Inner Circle. */
.partner-logo{flex:0 0 62px;width:62px;height:62px;display:grid;place-items:center}
.partner-logo img{display:block;width:100%;height:100%;object-fit:contain}
.artist-card[data-card-kind="partner"] .artist-photo{object-fit:contain;padding:24px;box-sizing:border-box}
/* Артист профил: снимката запълва мястото; сменете object-fit на contain за целия кадър. */
.artist-detail-art{position:relative;overflow:hidden}.artist-detail-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.artist-detail-art>small{position:relative;z-index:1}
/* Без резервни инициали при празен или повреден файл. */
.artist-mark,.event-image-fallback,.partner-mark{display:none!important}

/* ABOUT / STUDIO: логата се показват цели. Променете padding за повече или по-малко въздух. */
.about-photo img,.studio-photo img{object-fit:contain;padding:32px;box-sizing:border-box}
/* LIVE: целият постер остава видим; contain пази надписите и датите. */
.event-art img{object-fit:contain!important}

/* ДЕТАЙЛ НА RELEASE: корицата винаги е 1:1, независимо от дължината на текста. */
.catalog-detail-cover{height:auto!important;min-height:0!important;aspect-ratio:1 / 1!important;align-self:start;box-sizing:border-box}
.catalog-detail-cover img{width:100%;height:100%;object-fit:cover}
/* ЛОГА: премахват се декоративните фонове и слоеве в About, Studio и Inner Circle. */
.about-photo,.studio-photo,.partner-logo,.partner-card,.artist-card[data-card-kind="partner"],.artist-card[data-card-kind="partner"] .artist-art{background:transparent!important;box-shadow:none!important}
.about-photo::before,.about-photo::after,.studio-photo::before,.studio-photo::after,.partner-card::before,.partner-card::after,.partner-logo::before,.partner-logo::after,.artist-card[data-card-kind="partner"] .artist-art::before,.artist-card[data-card-kind="partner"] .artist-art::after{display:none!important;background:none!important}

/* ABOUT / STUDIO: без рамка около логата; размерите и въздухът се запазват. */
.about-photo,.studio-photo{border:0!important;outline:0!important;box-shadow:none!important}
/* LIVE ПОСТЕРИ: пълна ширина и естествена височина според самото изображение.
   За общ лимит добавете max-height тук; по подразбиране няма квадратно изрязване. */
.artist-card.event-card .artist-art.event-art{display:block;width:100%;height:auto!important;min-height:0!important;aspect-ratio:auto!important;flex:none;padding:0;overflow:hidden;background:none}
.artist-card.event-card .event-art img{position:static!important;display:block;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important}
/* НАВИГАЦИЯ: солидните SVG файлове са в assets/icons; URL адресите са в NAV_ICON_FILES. */
.site-header .nav a::before{background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}

/* OPEN DECK: солидна касетка, в тон с останалите навигационни икони. */
.deck-launch-icon .solid-deck-icon path{fill:currentColor!important;stroke:none!important}

/* CONTACT: една колона след премахване на декоративния квадрат. */
.contact-layout{grid-template-columns:minmax(0,1fr)!important}.contact-info{min-width:0}