/* TLE MUSIC — EDICIÓN EDITORIAL
   Diseño sin glassmorphism: superficies sólidas, márgenes amplios,
   jerarquía tipográfica legible y los fondos originales del usuario.
*/
html[data-theme="dark"] {
  --ed-panel: #100e12;
  --ed-panel-alt: #17141a;
  --ed-header: #080609;
  --ed-border: #39323c;
  --ed-text: #f7f3f6;
  --ed-muted: #bdb6be;
  --ed-accent: #c0accd;
  --ed-action: #f1e9f1;
  --ed-action-text: #171019;
}
html[data-theme="light"] {
  --ed-panel: #fcfafc;
  --ed-panel-alt: #f3eff5;
  --ed-header: #fcfafc;
  --ed-border: #d9d2dd;
  --ed-text: #24202a;
  --ed-muted: #5e5864;
  --ed-accent: #58436c;
  --ed-action: #29222f;
  --ed-action-text: #fff;
}
html { scroll-padding-top: 98px; }
body {
  font-size: 15px;
  line-height: 1.68;
  letter-spacing: -.005em;
  -webkit-font-smoothing: antialiased;
}
body::before, body.home-page::after { display: none !important; }
body:not(.home-page):not(.otonal-profile):not(.somnus-page):not(.tlebs-flow-page) {
  background: var(--bg);
}
html[data-theme="light"] body:not(.home-page):not(.otonal-profile):not(.somnus-page):not(.tlebs-flow-page) {
  background: #f7f5f8;
}
body.home-page {
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
body, main, .site-shell { min-width: 0; }
.site-shell,
.artist-profile-page .site-shell {
  width: min(1220px, calc(100% - clamp(36px, 7vw, 128px)));
  margin-inline: auto;
}
main { min-width: 0; }
h1,h2,h3,h4 { color: inherit; }
h1,h2,h3 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.022em;
}
h1 { font-size: clamp(3.55rem, 6.8vw, 6.6rem); }
h2 { font-size: clamp(2.5rem, 4.1vw, 4.25rem); }
h3 { font-size: clamp(1.65rem, 2.25vw, 2.2rem); }
p { overflow-wrap: break-word; }
.eyebrow {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  letter-spacing: .115em;
  font-size: .68rem;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.section { padding-block: clamp(72px, 8vw, 116px); }
.section-heading { margin-bottom: clamp(28px, 4.5vw, 56px); }
.section-heading h2 { max-width: 15ch; margin-bottom: 20px; }
.heading-text { max-width: 65ch; line-height: 1.75; }
.section + .section { border-top: 1px solid var(--ed-border); }
.index { font-size: .72rem !important; letter-spacing: .12em; color: var(--ed-muted) !important; }

/* Header plano de ancho completo. Nada de vidrio esmerilado */
.site-shell > .header,
body .header {
  min-height: 82px;
  padding-inline: clamp(20px, 3.9vw, 74px);
  background: var(--ed-header) !important;
  color: var(--ed-text);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid var(--ed-border);
  box-shadow: none !important;
  isolation: isolate;
  gap: 24px;
  z-index: 80;
}
.site-shell > .header {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.header .brand { gap: 12px; }
.header .brand-name {
  font-family: 'Inter', sans-serif;
  font-size: 1.06rem;
  font-weight: 600;
  letter-spacing: .025em;
  white-space: nowrap;
  color: var(--ed-text) !important;
}
.header .brand-icon { width: 32px; height: 32px; opacity: .9; }
html[data-theme="dark"] .header .brand-icon { filter: invert(1); }
html[data-theme="light"] .header .brand-icon { filter: none; }
.header .nav {
  display: flex;
  align-items: center;
  gap: clamp(15px, 2vw, 32px);
  margin-left: auto;
}
.header .nav a, .header .nav summary {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: .84rem;
  letter-spacing: 0;
  color: var(--ed-muted) !important;
  white-space: nowrap;
  padding: 8px 0;
}
.header .nav a:hover, .header .nav summary:hover,
.header .nav a[aria-current="page"] {
  color: var(--ed-text) !important;
}
.header .nav a[aria-current="page"] {
  border-bottom: 1px solid var(--ed-text);
}
.nav-more { position: relative; }
.nav-more summary {
  display: flex; align-items: center; gap: 6px;
  cursor: pointer; list-style: none;
}
.nav-more summary::-webkit-details-marker { display: none; }
.nav-more summary::marker { display: none; }
.nav-chevron { font-size: 1rem; line-height: 1; transition: transform .2s; }
.nav-more[open] .nav-chevron { transform: rotate(180deg); }
.nav-more-menu {
  position: absolute;
  top: calc(100% + 16px);
  right: -16px;
  min-width: 215px;
  padding: 14px 18px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: var(--ed-header);
  border: 1px solid var(--ed-border);
  box-shadow: none;
}
.header .nav-more-menu a { white-space: nowrap; padding: 12px 6px; }
.site-settings-trigger {
  flex: 0 0 42px;
  width: 42px; height: 42px;
  border: 1px solid var(--ed-border);
  border-radius: 7px;
  background: transparent !important;
  color: var(--ed-text) !important;
  box-shadow: none !important;
}
.site-settings-trigger:hover {
  transform: none !important;
  color: var(--ed-text) !important;
  border-color: var(--ed-accent) !important;
  background: var(--ed-panel-alt) !important;
}
.menu-toggle span { background: var(--ed-text) !important; }
a:focus-visible, button:focus-visible, summary:focus-visible {
  outline: 2px solid var(--ed-accent);
  outline-offset: 4px;
}
a, button { -webkit-tap-highlight-color: transparent; }

/* Call to actions: sólidos, discretos, con espacio */
.button,
.button-primary,
.button-secondary {
  border-radius: 6px !important;
  min-height: 50px;
  padding: 12px 22px;
  font-family: 'Inter', sans-serif;
  font-size: .85rem;
  font-weight: 600;
  letter-spacing: .015em;
  box-shadow: none !important;
  backdrop-filter: none !important;
  transition: background .2s, border-color .2s, color .2s;
}
.button:hover { transform: none !important; }
.button-primary,
html[data-theme="light"] body .button-primary {
  background: var(--ed-action) !important;
  color: var(--ed-action-text) !important;
  border: 1px solid var(--ed-action) !important;
}
.button-primary:hover { opacity: .88; }
.button-secondary,
html[data-theme="light"] body .button-secondary {
  background: var(--ed-panel) !important;
  color: var(--ed-text) !important;
  border: 1px solid var(--ed-border) !important;
}

/* Hero legible, imagen original visible detrás */
.home-page .hero {
  min-height: 660px;
  padding-block: clamp(66px, 8vw, 120px);
  gap: clamp(44px, 5vw, 90px);
  grid-template-columns: minmax(0,1.18fr) minmax(320px,.82fr);
  align-items: center;
}
.home-page .hero-copy { padding: 0; }
.home-page h1 {
  max-width: 12ch;
  margin-bottom: 25px;
  font-size: clamp(3.7rem, 6.1vw, 6.3rem);
  color: var(--ed-text);
}
.home-page .lead {
  color: var(--ed-text) !important;
  opacity: .82;
  line-height: 1.8;
  font-size: 1rem;
  max-width: 55ch;
}
.home-page .hero-mark {
  border: 1px solid var(--ed-border);
  border-radius: 9px;
  min-height: 440px;
  background: var(--ed-panel) !important;
  box-shadow: none;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.home-page .hero-mark::before { display: none; }
.home-page .hero-mark img { width: min(360px, 74%); max-height: 300px; object-fit: contain; }
.home-page .hero-actions { gap: 12px; margin-top: 34px; }

/* Tipografía contra el fondo exacto */
html[data-theme="dark"] body.home-page .hero-copy h1,
html[data-theme="dark"] body.home-page .hero-copy .eyebrow,
html[data-theme="dark"] body.home-page .hero-copy .lead { color: #f9f7fa !important; }
html[data-theme="light"] body.home-page .hero-copy h1,
html[data-theme="light"] body.home-page .hero-copy .eyebrow,
html[data-theme="light"] body.home-page .hero-copy .lead { color: #241d2c !important; }

/* Datos en una única franja, no tres cards flotantes */
.stats-strip {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border: 1px solid var(--ed-border) !important;
  border-radius: 8px !important;
  background: var(--ed-panel) !important;
  box-shadow: none !important;
  overflow: hidden;
}
.stats-strip article {
  padding: clamp(22px, 3.6vw, 42px);
  background: var(--ed-panel) !important;
}
.stats-strip article + article { border-left: 1px solid var(--ed-border); }
.stats-strip strong { font-size: clamp(2.5rem, 4.2vw, 4.1rem); color: var(--ed-text); }
.stats-strip span { color: var(--ed-muted); font-size: .82rem; }

/* Bloques y tarjetas: sólidos, esquinas pequeñas, sin vidrio */
.panel, .card, .principle-card, .commitment-main, .commitment-note,
.simple-contact, .terms-box, .release-art, .release-copy,
.program-card, .release-card-page, .studio-pack-card,
.studio-price-row, .studio-price-card, .studio-photo-card,
.infocard, .artist-story-block, .members-block, .artist-genre-block,
.somnus-discography-block, .somnus-visual-archive,
.release-card, .somnus-gallery-item,
html[data-theme="light"] body.home-page .panel,
html[data-theme="light"] body.home-page .artist-card,
html[data-theme="light"] body.home-page .service-card {
  background: var(--ed-panel) !important;
  color: var(--ed-text);
  border: 1px solid var(--ed-border) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.panel, .principle-card, .commitment-main, .commitment-note,
.simple-contact, .program-card {
  padding: clamp(28px, 4vw, 52px);
}
.card:hover, .artist-card:hover,
html[data-theme="light"] body .card:hover {
  background: var(--ed-panel) !important;
  transform: none !important;
  border-color: var(--ed-accent) !important;
  box-shadow: none !important;
}
.card::after, .program-card::after,
.service-card::after { display: none !important; }
.quote p { font-size: clamp(1.6rem, 2.5vw, 2.3rem); line-height: 1.38; }
.panel h2 { max-width: 15ch; }
.intro-grid { gap: 18px; }
.intro-grid .panel { display: flex; flex-direction: column; justify-content: center; }
.intro-grid .quote { border-left: 3px solid var(--ed-accent) !important; }
.principles { gap: 18px; }
.principle-card p { max-width: 61ch; }
.sello-intro { gap: clamp(24px, 5vw, 78px); align-items: center; }
.sello-isologo-box {
  box-shadow: none !important;
  border: 1px solid var(--ed-border) !important;
  border-radius: 9px !important;
  background: var(--ed-panel) !important;
}
.cards, .service-list { gap: 18px; }
.service-card { padding: clamp(30px, 3vw, 44px); }
.service-card h3 { margin-top: 12px; }
.service-card p { max-width: 57ch; }
.commitment-layout { gap: 20px; }
.commitment-main ul { margin-top: 24px; }
.commitment-main li { line-height: 1.7; margin-bottom: 12px; }
.commitment-note { align-self: start; }
.commitment-note img { max-width: 48px; }
.simple-contact { gap: 28px; align-items: center; }
.simple-contact p { max-width: 53ch; }
.contact-section { padding-bottom: clamp(76px, 9vw, 136px); }

/* Roster: portadas cuadradas y acentos de color con moderación */
.artist-roster { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.artist-card {
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  min-width: 0;
  position: relative;
  overflow: hidden;
  --artist-ink: var(--ed-border);
  border-bottom: 2px solid var(--artist-ink) !important;
}
.artist-akely { --artist-ink:#9668b3; }
.artist-residuo { --artist-ink:#873b43; }
.artist-otonal { --artist-ink:#6c775f; }
.artist-chilly { --artist-ink:#a78e69; }
.artist-card .artist-photo {
  aspect-ratio:1/1;
  width:100%;
  border:0;
  border-radius:0 !important;
  overflow:hidden;
  box-shadow:none !important;
  background: var(--ed-panel-alt);
}
.artist-card .artist-photo::before { display:none !important; }
.artist-photo img {
  width:100%; height:100%;
  object-fit:cover;
  filter:none !important;
  transition:none !important;
}
.artist-card:hover .artist-photo img { transform:none !important; filter:none !important; }
.artist-card .index {
  margin: 24px 24px 8px;
  color:var(--ed-muted) !important;
}
.artist-card h3 {
  font-size:clamp(1.55rem,2.15vw,2.05rem);
  line-height:1.05;
  margin-inline:24px;
  overflow-wrap:anywhere;
}
.artist-card .artist-origin { margin-top: 12px; }
.artist-origin, .artist-japanese { margin-inline:24px !important; }
.artist-japanese { font-size:.8rem; color:var(--ed-muted) !important; }
.artist-card .tags {
  margin: 16px 24px 20px !important;
  display:flex; flex-wrap:wrap; gap:6px;
}
.tags span, .member-list span,
html[data-theme="light"] body .tags span {
  border:1px solid var(--ed-border) !important;
  background: var(--ed-panel-alt) !important;
  color:var(--ed-muted) !important;
  border-radius:3px !important;
  padding:6px 9px;
  font-size:.72rem;
}
.flag-badge { background:transparent !important; border:none !important; padding:0 !important; color:var(--ed-muted)!important; }
.spotify-link {
  display:block;
  margin: auto 24px 26px !important;
  padding-top: 15px;
  border-top:1px solid var(--ed-border);
  text-transform:none !important;
  letter-spacing:0 !important;
  color:var(--ed-text) !important;
  opacity:1 !important;
  font-size:.83rem !important;
  font-weight:600;
}
.spotify-link::after { content:"  ↗"; margin-left:3px; }

/* Footer editorial */
.footer {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-block: clamp(38px, 5vw, 66px);
  padding-inline: clamp(36px, 7vw, 128px);
  border-top:1px solid var(--ed-border) !important;
  gap:28px;
  background:var(--ed-panel);
  color:var(--ed-muted);
  box-shadow:none !important;
}
.footer-title { font-family:'Inter',sans-serif; font-size:1rem; font-weight:600; letter-spacing:.025em; color:var(--ed-text) !important; }
.footer-links { gap:clamp(16px,3vw,38px); flex-wrap:wrap; }
.footer a:hover { color:var(--ed-text); }

/* Estudios: fotos limpias, textos debajo */
.studio-page .studio-hero {
  min-height: min(66vh,660px) !important;
  border-radius:9px !important;
  overflow:hidden;
  box-shadow:none !important;
}
.studio-hero::before { background:linear-gradient(90deg, rgba(0,0,0,.78),rgba(0,0,0,.26)) !important; }
.studio-hero-content { max-width:700px; padding: clamp(28px, 5vw, 72px); }
.studio-hero h1 { font-size: clamp(3.9rem,8vw,7rem); }
.studio-gallery { gap:18px !important; }
.studio-photo-card { overflow:hidden; padding:0 !important; }
.studio-photo-card img { height:310px !important; width:100%; object-fit:cover; filter:none !important; }
.studio-photo-card.large img { height:430px !important; }
.studio-photo-card:hover img { transform:none !important; }
.studio-photo-card::after { display:none !important; }
.studio-photo-card div { padding:24px !important; position:static !important; background:var(--ed-panel) !important; }
.studio-photo-card h3,.studio-photo-card p,.studio-photo-card span { color:var(--ed-text) !important; }
.studio-photo-card p { color:var(--ed-muted) !important; }
.studio-pack-card { padding:clamp(26px,4vw,44px) !important; }
.studio-pack-card.featured { border-color:var(--ed-accent) !important; }
.studio-pricing .section-heading, .studio-packs .section-heading { margin-bottom:36px; }

/* Lanzamientos, clases y shop: misma jerarquía */
.releases-page,.classes-page,.shop-minimal-page { padding-block: clamp(65px,7vw,105px); }
.release-card-page { overflow:hidden; }
.release-card-page:hover .release-cover img { transform:none !important; }
.release-cover img { filter:none !important; }
.program-card { min-height:0; }
.program-card h3 { margin-top:14px; }
.program-card p { color:var(--ed-muted); }
.shop-page .site-shell,
.studio-page .site-shell { width:min(1220px,calc(100% - clamp(36px,7vw,128px))); }
.shop-page .shop-minimal-page { min-height:auto !important; }

/* Fichas de artistas: biografías cómodas, sin cajas flotantes */
.artist-profile-hero {
  min-height:auto !important;
  gap:clamp(30px,5vw,76px);
  padding-block: clamp(68px,8vw,112px);
  align-items:center;
}
.artist-profile-copy h1 {
  font-size:clamp(3.4rem,6.6vw,6.6rem);
  max-width:100%;
  overflow-wrap:anywhere;
}
.artist-profile-intro { max-width:54ch; line-height:1.85; }
.artist-profile-image { border-radius:9px !important; box-shadow:none !important; }
.artist-profile-image img { display:block; border-radius:0; }
.artist-infographic { padding-top: 20px; }
.infographic-grid { gap:16px; }
.infocard { padding:clamp(25px,3.4vw,42px); }
.infocard strong { font-size:clamp(1.5rem,2.9vw,2.7rem); }
.artist-story-block, .members-block,.artist-genre-block {
  padding:clamp(28px,4vw,52px);
  margin-top:16px;
}
.artist-genre-block { margin-bottom:0; }
.artist-story-block p { font-size:.99rem; max-width:70ch; line-height:1.85; }
.artist-story-block h2 { max-width:19ch; }
.member-list { gap:8px; }

/* Otoñal mantiene su verde; Somnus beige/oliva */
body.otonal-profile {
  --ed-panel:#373e35;
  --ed-panel-alt:#41483d;
  --ed-header:#30362e;
  --ed-border:#697263;
  --ed-text:#f0e7d6;
  --ed-muted:#cdc6b6;
  --ed-accent:#d3d0b9;
  --ed-action:#e6dfc9;
  --ed-action-text:#333a30;
  background: #343b32 !important;
}
html[data-theme="light"] body.otonal-profile {
  --ed-panel:#f7f7ed;
  --ed-panel-alt:#ebefe5;
  --ed-header:#f9f9f0;
  --ed-border:#cad4c5;
  --ed-text:#29362c;
  --ed-muted:#5e705c;
  --ed-accent:#506952;
  --ed-action:#354b38;
  --ed-action-text:#fff;
  background:#e9eee4 !important;
}
.otonal-profile .artist-profile-image img { padding:0 !important; filter:none !important; }
.otonal-profile .artist-profile-copy h1, .otonal-profile .artist-story-block h2, .otonal-profile .infocard strong {
  font-family:'Simonetta','Cormorant Garamond',serif;
  font-style:normal;
  color:var(--ed-text) !important;
}
body.otonal-profile .infocard, body.otonal-profile .members-block,
body.otonal-profile .artist-story-block, body.otonal-profile .artist-genre-block {
  background:var(--ed-panel) !important;
  border-color:var(--ed-border) !important;
}
body.otonal-profile .artist-profile-intro,body.otonal-profile .artist-story-block p,
body.otonal-profile .eyebrow { color:var(--ed-muted)!important; }
body.otonal-profile::before, body.otonal-profile::after {display:none;}
.otonal-first-photo-frame { overflow:hidden; border-radius:6px; }
.otonal-first-photo-frame img { width:100%; max-height:680px; object-fit:contain; }

body.somnus-page {
  --ed-panel:#f8efdf;
  --ed-panel-alt:#efe2ce;
  --ed-header:#f8efdf;
  --ed-border:#d7c8b0;
  --ed-text:#49382b;
  --ed-muted:#75604d;
  --ed-accent:#556649;
  --ed-action:#4d6044;
  --ed-action-text:#fff;
  background:#eee1cc !important;
}
body.somnus-page .header { background:var(--ed-header) !important; }
body.somnus-page .infocard,
body.somnus-page .artist-genre-block,
body.somnus-page .artist-story-block,
body.somnus-page .members-block,
body.somnus-page .somnus-discography-block,
body.somnus-page .somnus-visual-archive,
body.somnus-page .release-card,
body.somnus-page .somnus-gallery-item {
  background:var(--ed-panel) !important;
  border-color:var(--ed-border)!important;
  box-shadow:none !important;
}
body.somnus-page .somnus-discography-block, body.somnus-page .somnus-visual-archive { padding:clamp(30px,4vw,52px); }
body.somnus-page .release-card { background:var(--ed-panel-alt) !important; padding:26px; }
body.somnus-page .release-grid { gap:14px; }
body.somnus-page .somnus-gallery { gap:14px; }
body.somnus-page .somnus-gallery-item { overflow:hidden; }
body.somnus-page .somnus-gallery-item img { filter:none; }
body.somnus-page .button-primary, body.somnus-page .button-secondary { border-radius:6px !important; }
body.somnus-page .artist-profile-copy h1 { font-size:clamp(3.1rem,6vw,5.8rem); }
body.somnus-page::before {display:none;}

/* Preferencias: diálogos sencillos, no paneles flotantes brillantes */
.settings-dialog {
  border-radius:10px !important;
  background:var(--ed-panel) !important;
  color:var(--ed-text) !important;
  border:1px solid var(--ed-border) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.34) !important;
  backdrop-filter:none !important;
}
.settings-dialog::backdrop {background:rgba(0,0,0,.68);backdrop-filter:none;}
.settings-panel-head {padding:30px 34px; border-color:var(--ed-border) !important;}
.settings-panel-body {padding:30px 34px;}
.settings-panel-head h2 { font-size:2.8rem; }
.settings-panel-head p,.settings-footnote { color:var(--ed-muted)!important; }
.settings-eyebrow {color:var(--ed-accent)!important;}
.settings-close {
  border-radius:6px; background:var(--ed-panel-alt) !important;
  color:var(--ed-text)!important; border:1px solid var(--ed-border)!important;
}
.theme-option,html[data-theme="light"] .theme-option {
  border-radius:8px;
  background:var(--ed-panel-alt) !important;
  color:var(--ed-text)!important;
  border:1px solid var(--ed-border) !important;
}
.theme-option:hover {transform:none;}
.theme-option[aria-pressed="true"] { border-color:var(--ed-accent)!important;box-shadow:inset 0 0 0 1px var(--ed-accent)!important; }
.theme-preview { border-radius:5px; }
.theme-preview i { display:none; }
.theme-check { border-color:var(--ed-border); }
.theme-option[aria-pressed="true"] .theme-check {background:var(--ed-accent);border-color:var(--ed-accent);color:var(--ed-panel);}
.theme-option-label strong { font-weight:600; }
.theme-option-label small {color:var(--ed-muted)!important;}

/* Móvil: navegación, contenidos y fotos sin desbordamientos */
@media (max-width: 1100px) {
  .header .menu-toggle { display:block !important; margin-left:auto; }
  .site-shell > .header .nav {
    display:none !important;
    position:absolute;
    top:calc(100% + 1px); left:0; right:0;
    padding:22px clamp(20px,5vw,48px);
    margin:0;
    background:var(--ed-header);
    border:0;
    border-bottom:1px solid var(--ed-border);
    border-radius:0;
    box-shadow:none;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
  }
  .site-shell > .header .nav.open { display:flex !important; z-index:90; }
  .header .nav a,.header .nav summary {
    display:flex; justify-content:space-between;
    padding:12px 0; font-size:.93rem;
  }
  .nav-more { width:100%; }
  .nav-more-menu {
    position:static; padding:6px 0 6px 18px; min-width:0;
    background:var(--ed-header); border:0; border-left:1px solid var(--ed-border);
  }
  .artist-roster { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home-page .hero { grid-template-columns: 1fr 0.85fr; min-height:550px; }
  .home-page h1 { font-size:clamp(3.4rem,5.7vw,5rem); }
  .studio-gallery-secondary {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 760px) {
  .site-shell,.artist-profile-page .site-shell,
  .shop-page .site-shell,.studio-page .site-shell {
    width:calc(100% - 36px);
  }
  .site-shell > .header {padding-inline:18px; min-height:72px;}
  .header .brand-name {font-size:.95rem;}
  .header .brand-icon {width:27px;height:27px;}
  .site-settings-trigger {width:40px;height:40px;flex-basis:40px;}
  .section {padding-block:64px;}
  .home-page .hero {
    grid-template-columns:1fr;
    gap:34px;
    padding-block:64px;
    min-height:auto;
  }
  .home-page h1 {font-size:clamp(3.45rem,12vw,5.2rem);}
  .home-page .hero-mark {min-height:260px;max-height:340px;}
  .home-page .hero-mark img {max-height:200px;}
  .hero-actions {gap:10px; }
  .stats-strip {grid-template-columns:1fr;}
  .stats-strip article {padding:20px 26px;display:flex;align-items:baseline;justify-content:space-between;gap:20px;}
  .stats-strip article + article {border-left:0;border-top:1px solid var(--ed-border);}
  .stats-strip strong {font-size:2.8rem;white-space:nowrap;}
  .stats-strip span {font-size:.83rem;text-align:right;}
  .intro-grid,.principles,.commitment-layout,.sello-intro {grid-template-columns:1fr;}
  .artist-roster {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .artist-card h3 {font-size:1.65rem;}
  .artist-card .index {margin:18px 16px 7px;}
  .artist-card h3,.artist-card .artist-origin,.artist-card .artist-japanese {margin-left:16px!important;margin-right:16px!important;}
  .artist-card .tags {margin:12px 16px 18px!important;}
  .artist-card .spotify-link {margin: auto 16px 20px !important;}
  .artist-profile-hero {grid-template-columns:1fr;gap:32px;padding-block:56px;}
  .artist-profile-copy h1 {font-size:clamp(3.35rem,12vw,5.2rem);}
  .artist-profile-image {max-width:540px;width:100%;}
  .infographic-grid {grid-template-columns:1fr;gap:12px;}
  .studio-gallery,.studio-gallery-secondary,.studio-packs-grid {grid-template-columns:1fr !important;}
  .studio-photo-card img,.studio-photo-card.large img {height:270px!important;}
  .release-grid,.somnus-gallery {grid-template-columns:repeat(2,minmax(0,1fr));}
  .footer {flex-direction:column;align-items:flex-start;padding-inline:clamp(20px, 6vw, 36px);background:var(--ed-panel);}
}
@media (max-width: 480px) {
  .artist-roster,.release-grid,.somnus-gallery {grid-template-columns:1fr !important;}
  .home-page h1 {font-size:clamp(3.2rem,15vw,4.1rem);}
  h2 {font-size:clamp(2.4rem,10.3vw,3.2rem);}
  .section-heading {margin-bottom:28px;}
  .settings-panel-head {padding:24px 18px;}
  .settings-panel-body {padding:20px 18px;}
  .theme-preview {height:96px;}
  .footer-links {gap:16px;}
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after {scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;}
}


/* Perfiles editoriales para las nuevas incorporaciones */
.tle-new-profile-main .artist-profile-hero {display:grid;grid-template-columns:1fr minmax(300px,.85fr);align-items:center;gap:clamp(34px,5vw,85px);}
.tle-new-profile-main .artist-profile-copy h1 {max-width:11ch;overflow-wrap:anywhere;}
.tle-new-profile-media {min-height:390px;aspect-ratio:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:30px;padding:clamp(26px,4vw,54px);background:var(--ed-panel);border:1px solid var(--ed-border);border-radius:8px;}
.tle-new-profile-media span {font:600 .68rem 'Inter',sans-serif;letter-spacing:.16em;color:var(--ed-muted);}
.tle-new-profile-media strong {font:500 clamp(3.8rem,6vw,6.2rem)/.95 'Cormorant Garamond',Georgia,serif;letter-spacing:-.055em;color:var(--ed-text);overflow-wrap:anywhere;}
.tle-new-profile-info {display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid var(--ed-border);}
.tle-new-profile-info div {border-top:1px solid var(--ed-border);padding-top:23px;}
.tle-new-profile-info span {display:block;margin-bottom:14px;font-size:.72rem;letter-spacing:.1em;color:var(--ed-muted);}
.tle-new-profile-info strong {font:500 2.3rem 'Cormorant Garamond',serif;}
.tle-new-profile-info p {color:var(--ed-muted);max-width:48ch;}
/* Páginas de lanzamientos: cabeceras tipográficas sin portadas simuladas */
.tle-release-cover-typographic {display:flex;flex-direction:column;justify-content:space-between;padding:clamp(25px,3vw,45px);background:#211d28!important;color:#f7f2f6!important;aspect-ratio:1;}
.tle-release-cover-typographic .tle-cover-artist,.tle-release-cover-typographic .tle-cover-brand {font-size:.7rem;font-weight:600;letter-spacing:.12em;}
.tle-release-cover-typographic strong {font:500 clamp(3.2rem,6vw,6rem)/.95 'Cormorant Garamond',Georgia,serif;letter-spacing:-.06em;}
@media(max-width:820px){.tle-new-profile-main .artist-profile-hero{grid-template-columns:1fr;}.tle-new-profile-media{width:min(100%,480px);min-height:300px;}.tle-new-profile-info{grid-template-columns:1fr;}}
