@layer components {
  .mous-page{background:var(--canvas);color:var(--text-body)}
  .mous-page main{overflow:clip}
  .mous-shell{width:min(1080px,calc(100% - 2rem));margin-inline:auto}
  .mous-section{padding-block:clamp(3rem,6vw,4.8rem);border-top:1px solid var(--border-subtle)}
  .mous-hero{border-top:0;padding-top:clamp(2rem,5vw,4rem)}
  .mous-hero-grid{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
  .mous-album-cover{width:100%;max-width:420px;aspect-ratio:1/1;margin-inline:auto;overflow:hidden;background:#000;border:1px solid var(--border-standard);box-shadow:var(--shadow-raised)}
  .mous-album-cover picture{display:block;width:100%;height:100%}
  .mous-album-cover img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#000}
  .mous-hero-copy{min-width:0;text-align:center}
  .mous-hero-copy h1{max-width:11ch;margin:.65rem auto .35rem;color:var(--text-strong);font-family:var(--font-serif);font-weight:400;font-size:clamp(2.7rem,6vw,5.3rem);line-height:.92;letter-spacing:-.055em}
  .mous-byline{color:var(--accent-text);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
  .mous-intro{max-width:48ch;margin:1rem auto 0;color:var(--text-muted);line-height:1.65}
  .mous-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:1.4rem 0 0;border-top:1px solid var(--border-standard)}
  .mous-facts div{display:grid;grid-template-columns:1fr 1.4fr;gap:.7rem;padding:.65rem 0;border-bottom:1px solid var(--border-subtle);text-align:left}
  .mous-facts div:nth-child(odd){padding-right:1rem}.mous-facts div:nth-child(even){padding-left:1rem;border-left:1px solid var(--border-subtle)}
  .mous-facts dt{color:var(--text-muted);font-family:var(--font-mono);font-size:.52rem;letter-spacing:.09em;text-transform:uppercase}.mous-facts dd{color:var(--text-strong);font-size:.74rem}
  .mous-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:1.2rem}
  .mous-section-head{max-width:720px;margin:0 auto clamp(1.6rem,3vw,2.4rem);text-align:center}
  .mous-section-head h2{margin:.5rem 0 .7rem;color:var(--text-strong);font-family:var(--font-serif);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1;letter-spacing:-.035em;text-align:center}
  .mous-section-head p:not(.migration-kicker){color:var(--text-muted);font-size:.86rem;line-height:1.65}
  .mous-art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:920px;margin-inline:auto}
  .mous-art-card{position:relative;min-height:320px;display:grid;place-items:center;padding:1rem;border:1px solid var(--border-standard);border-radius:var(--radius-md);background:var(--surface-base);color:var(--text-body);overflow:hidden;transition:transform var(--fast),border-color var(--fast),box-shadow var(--fast)}
  .mous-art-card:hover{transform:translateY(-2px);border-color:var(--border-emphasis);box-shadow:var(--shadow-raised)}.mous-art-card:focus-visible{outline:2px solid var(--focus-outer);outline-offset:3px}
  .mous-art-card img{width:100%;max-height:420px;object-fit:contain;background:#000}
  .mous-art-card>span{position:absolute;left:.75rem;bottom:.65rem;padding:.3rem .45rem;background:rgba(2,3,4,.76);color:#fff;font-family:var(--font-mono);font-size:.5rem;letter-spacing:.08em;text-transform:uppercase}
  .mous-status-card{max-width:760px;margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:.8rem;padding:1rem 1.15rem;border:1px solid var(--border-standard);background:var(--surface-base);text-align:center}
  .mous-status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--accent-deep);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-deep) 18%,transparent)}
  .mous-status-card p{color:var(--text-muted);font-size:.78rem;line-height:1.5}
  .mous-details-grid{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.8fr);gap:1rem;align-items:start}
  .mous-details-list,.mous-track-wrap{border:1px solid var(--border-standard);background:var(--surface-base)}
  .mous-details-list div{display:grid;grid-template-columns:minmax(90px,.9fr) 1.4fr;gap:.6rem;padding:.65rem .75rem;border-bottom:1px solid var(--border-subtle)}.mous-details-list div:last-child{border-bottom:0}
  .mous-details-list dt{color:var(--text-muted);font-family:var(--font-mono);font-size:.5rem;letter-spacing:.08em;text-transform:uppercase}.mous-details-list dd{color:var(--text-strong);font-size:.72rem}
  .mous-track-wrap{overflow-x:auto}.mous-tracklist{width:100%;min-width:670px;border-collapse:collapse;font-size:.68rem}
  .mous-tracklist th{padding:.55rem .65rem;color:var(--text-muted);font-family:var(--font-mono);font-size:.48rem;letter-spacing:.08em;text-align:left;text-transform:uppercase;background:var(--surface-raised)}
  .mous-tracklist td{padding:.48rem .65rem;border-top:1px solid var(--border-subtle);color:var(--text-body);vertical-align:top}.mous-tracklist td:first-child{color:var(--accent-text);font-family:var(--font-mono);width:36px}
  .mous-tracklist td:nth-child(3),.mous-tracklist td:nth-child(4){white-space:nowrap;font-family:var(--font-mono);font-size:.58rem}
  .mous-isrc-note{max-width:760px;margin:1rem auto 0;color:var(--text-muted);font-family:var(--font-mono);font-size:.56rem;line-height:1.55;text-align:center}
  .mous-lightbox[hidden]{display:none}.mous-lightbox{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:clamp(1rem,4vw,3rem);background:rgba(0,0,0,.92);backdrop-filter:blur(10px)}
  .mous-lightbox img{max-width:92vw;max-height:88vh;object-fit:contain;box-shadow:0 30px 100px rgba(0,0,0,.7)}.mous-lightbox__close{position:fixed;top:1rem;right:1rem;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);background:#020304;color:#fff;font-size:1.4rem}
  html[data-appearance="light"] .mous-art-card>span{background:rgba(2,3,4,.78);color:#fff}
  @media(max-width:820px){.mous-hero-grid{grid-template-columns:1fr}.mous-album-cover{max-width:400px}.mous-details-grid{grid-template-columns:1fr}}
  @media(max-width:620px){.mous-shell{width:min(calc(100% - 1.2rem),1080px)}.mous-section{padding-block:2.7rem}.mous-facts{grid-template-columns:1fr}.mous-facts div:nth-child(odd),.mous-facts div:nth-child(even){padding-inline:0;border-left:0}.mous-art-grid{grid-template-columns:1fr}.mous-art-card{min-height:260px}}
  @media print{.mous-hero-actions,.mous-booklet-section,.mous-artwork-section,.mous-lightbox,.mous-digital{display:none!important}.mous-section{padding-block:1rem}}
}