/* Shared neutral glass. Photography remains untouched. */
:root{
  --lg-fill:rgba(255,255,255,.28);
  --lg-edge:rgba(255,255,255,.72);
  --lg-glint:rgba(255,255,255,.82);
  --lg-shade:rgba(20,20,24,.09);
  --lg-ink:#222226;
  --lg-muted:#52525a;
  --lg-solid:#f2f2f5;
  --lg-blur:22px;
}
html[data-theme=dark],body.digital-page{
  --lg-fill:rgba(255,255,255,.045);
  --lg-edge:rgba(255,255,255,.19);
  --lg-glint:rgba(255,255,255,.26);
  --lg-shade:rgba(0,0,0,.24);
  --lg-ink:#f3f3f6;
  --lg-muted:#c5c5cd;
  --lg-solid:#25252a;
}
html body:not(.digital-page){
  background:radial-gradient(ellipse at 12% 8%,#fff9,transparent 48%),
    radial-gradient(ellipse at 90% 68%,#d1d1db88,transparent 48%),#e9e9ee;
  color:var(--lg-ink);
}
html[data-theme=dark] body:not(.digital-page){
  background:radial-gradient(ellipse at 8% 5%,#ffffff09,transparent 45%),
    radial-gradient(ellipse at 96% 65%,#ffffff05,transparent 50%),#141416;
}
html :is(.site-header,.artist-header,.melov-header,.legal-header,.appearance){
  --navigation-surface:var(--lg-fill);
}
html :is(.site-header,.artist-header,.melov-header,.legal-header,.digital-header,
  .appearance,.private-note,.newsletter-panel,.instagram-channel,.contact-form,
  .contact-card,.contact-maintenance,.social-card,.footer-brand,.footer-primary>nav,
  .footer-signature,.system-signature,.footer-newsletter-link,.platforms a,
  .melov-platforms a,.melov-listen a,.release__links a,.melov-release__links a,
  .legal-card,.legal-main>section,.legal-facts>div,.legal-data-grid article,
  .legal-status,.cookie-consent,.cookie-preferences__panel){
  background:var(--lg-fill)!important;
  border:1px solid var(--lg-edge);
  box-shadow:inset 0 1px 0 var(--lg-glint),inset 0 -1px 0 #00000008,
    0 10px 30px var(--lg-shade);
  backdrop-filter:blur(var(--lg-blur)) saturate(115%);
  -webkit-backdrop-filter:blur(var(--lg-blur)) saturate(115%);
  color:var(--lg-ink);
}
html :is(.site-footer,.artist-footer,.melov-footer,.legal-footer,
  .identity,.melov-editorial,.music,.melov-music,.connect,.melov-connect,
  .melov-tiktok,.artist-signals,.melov-signals,.newsletter-stage){
  background:transparent;
}
html :is(.hero-link,.text-link,.button,.motion-control,.menu-toggle,
  .artist-menu,.melov-menu,.artist-nav__roster,.melov-nav__roster,
  .footer-channel-link,.footer-newsletter-link>a,.legal-button,.legal-toc a,
  .cookie-consent__button,.cookie-preferences__close){
  background:var(--lg-fill);
  border:1px solid var(--lg-edge);
  box-shadow:inset 0 1px 0 var(--lg-glint),0 4px 14px var(--lg-shade);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-radius:16px;
  color:var(--lg-ink);
  transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;
}
html .hero :is(.hero-link,.motion-control){color:#fff;background:#ffffff16;border-color:#ffffff70}
html :is(.button.primary,.instagram-channel>a,.cookie-consent__button--primary){
  color:#fff;background:#a51025d9;border-color:#ffffff55;
}
html :is(.footer-brand>p,.footer-signature__copy small,.system-signature>p,
  .contact-maintenance p:last-child){color:var(--lg-muted)}
html :is(.system-signature strong,.text-link){color:var(--lg-ink)}
html :is(input:not([type=checkbox]),textarea,select){
  background:var(--lg-fill);color:var(--lg-ink);border-color:var(--lg-edge);
  box-shadow:inset 0 1px 4px var(--lg-shade);
}
html :is(.artist-card figure,.project-card figure,.release__cover,
  .melov-latest__visual--cover,.gallery__item,.melov-gallery__item){
  border:1px solid var(--lg-edge);
  box-shadow:0 12px 30px var(--lg-shade);
}
/* Dark nodes mask the links behind them, as required by the organisation map. */
html[data-theme] .ecosystem{background:rgba(28,29,34,.93)!important;
  border-color:#ffffff40;box-shadow:inset 0 1px 0 #ffffff40,0 20px 45px var(--lg-shade)}
html .ecosystem .eco-detail{background:#ffffff08;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:#ffffff28}
html .ecosystem :is(.eco-node,.eco-centre){background:#303136;border-color:#ffffff40;box-shadow:inset 0 1px 0 #ffffff25,0 5px 14px #0002}
html .ecosystem :is(.eco-node,.eco-centre)[aria-pressed=true]{background:#e7e7eb;color:#202024}
html .site-header .main-nav{background:transparent}
@media(min-width:761px){html[data-theme] .site-header .main-nav{background:transparent!important;box-shadow:none}}
html .nav-glass-marker{background:#ffffff20;border-color:var(--lg-edge);box-shadow:inset 0 1px 0 var(--lg-glint),0 4px 12px var(--lg-shade)}
html :is(.cookie-consent,.cookie-preferences__panel){background:color-mix(in srgb,var(--lg-solid) 85%,transparent)!important}
@media(hover:hover){
  html :is(.social-card,.platforms a,.melov-platforms a,.melov-listen a,.release__links a,.button,.text-link,.footer-channel-link):hover{
    box-shadow:inset 0 1px 0 var(--lg-glint),0 12px 28px var(--lg-shade);
    transform:translateY(-2px);
  }
}
@media(max-width:980px){
  html :is(.artist-nav,.melov-nav){background:color-mix(in srgb,var(--lg-solid) 88%,transparent)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
}
@media(max-width:760px){
  :root{--lg-blur:16px}
  html .site-header .main-nav{background:color-mix(in srgb,var(--lg-solid) 88%,transparent)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
  html :is(.site-header,.artist-header,.melov-header,.legal-header,.appearance){--navigation-surface:color-mix(in srgb,var(--lg-solid) 62%,transparent)}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  :root{--lg-fill:var(--lg-solid)}
}
@media(prefers-reduced-transparency:reduce){
  :root{--lg-fill:var(--lg-solid)}
  html :is(.site-header,.artist-header,.melov-header,.legal-header,.appearance){--navigation-surface:var(--lg-solid)}
}
@media(prefers-reduced-motion:reduce){
  html :is(.social-card,.platforms a,.melov-platforms a,.melov-listen a,.release__links a,.button,.text-link,.footer-channel-link){transition:none;transform:none}
}

/* Label typography and consistent artist presentation. */
:root{--title-red:#b61026}
html[data-theme=dark]{--title-red:#ff6575}
html main h2{color:var(--title-red)}
html :is(.artist-hero,.melov-hero) h1{color:#ff6575;opacity:1;animation:none;font-size:clamp(46px,7vw,96px);line-height:1.04;font-weight:700;max-width:14ch}
html :is(.artist-header,.melov-header){height:88px;min-height:88px;margin:14px 3%;top:14px;inset-inline:auto;padding:10px 3%;border-radius:26px;gap:24px;grid-template-columns:auto 1fr}
html :is(.artist-brand,.melov-brand){width:100px;flex-shrink:0}
html :is(.artist-brand,.melov-brand) img{width:100%;height:66px;object-fit:contain}
html :is(.artist-nav,.melov-nav){gap:8px;box-shadow:none}
html :is(.artist-nav,.melov-nav) a{font-family:inherit;font-size:12px;font-weight:600;text-transform:none;padding:13px 14px;border-radius:16px;color:var(--lg-ink)}
html :is(.artist-nav,.melov-nav) a::after{display:none}
html :is(.artist-nav,.melov-nav) a:hover{background:var(--lg-fill);color:var(--lg-ink)}
html :is(.artist-hero,.melov-hero){margin:0 3%;border-radius:26px;height:min(740px,calc(100svh - 130px));min-height:460px}
html :is(.artist-section>.section-head,.melov-section__head){display:block;padding-bottom:24px;margin-bottom:32px;text-align:left}
html :is(.artist-section>.section-head,.melov-section__head)>p{display:none}
html :is(.artist-section>.section-head,.melov-section__head) h2{font-size:clamp(30px,4.2vw,54px);line-height:1.12;font-weight:650;max-width:none}
html :is(.artist-section,.melov-section){padding-block:clamp(52px,7vw,100px)}
@media(min-width:981px){html[data-theme] :is(.artist-nav,.melov-nav){background:transparent!important}}
@media(max-width:980px){
  html :is(.artist-header,.melov-header){grid-template-columns:1fr auto}
  html :is(.artist-nav,.melov-nav){position:absolute;inset:calc(100% + 10px) 0 auto auto;width:min(300px,calc(100vw - 32px));padding:10px;border:1px solid var(--lg-edge);border-radius:20px;place-content:stretch;gap:4px;max-height:calc(100svh - 120px);overflow:auto;box-shadow:0 15px 35px var(--lg-shade)}
  html :is(.artist-nav,.melov-nav) a{text-align:left;font-size:14px;min-height:44px;padding:13px 15px}
  html :is(.artist-nav__roster,.melov-nav__roster){margin-top:4px}
}
@media(max-width:760px){
  html :is(.artist-header,.melov-header){height:60px;min-height:60px;top:6px;margin:6px 10px;padding:6px 14px;border-radius:18px}
  html :is(.artist-brand,.melov-brand){width:64px}
  html :is(.artist-brand,.melov-brand) img{height:46px}
  html :is(.artist-hero,.melov-hero){margin:0 8px;border-radius:22px;height:calc(86svh - 80px);min-height:430px}
  html :is(.artist-hero__content,.melov-hero__content){left:24px;right:24px;bottom:100px}
  html :is(.artist-hero,.melov-hero) h1{font-size:clamp(42px,10vw,64px)}
}
