/* MusicMaid v3: existing local type and warm-paper presentation.
   Source: Pictures/Sanctum_Visuals/musicmaid/site, hosting-vps4-staged.
   Fonts and OFL notices are recorded in musicmaid-reference/source-manifest.json. */
@font-face { font-family: 'MusicMaid Pirata'; src: url('fonts/pirata-one.woff2') format('woff2'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: 'MusicMaid DM Sans'; src: url('fonts/dm-sans.woff2') format('woff2'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: 'MusicMaid DM Sans'; src: url('fonts/dm-sans.woff2') format('woff2'); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: 'MusicMaid DM Sans'; src: url('fonts/dm-sans.woff2') format('woff2'); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: 'MusicMaid DM Sans'; src: url('fonts/dm-sans.woff2') format('woff2'); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: 'MusicMaid Instrument Serif'; src: url('fonts/instrument-serif.woff2') format('woff2'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: 'MusicMaid Instrument Serif'; src: url('fonts/instrument-serif-italic.woff2') format('woff2'); font-style: italic; font-weight: 400; font-display: swap; }

.musicmaid-surface, .page-musicmaid {
  --maid-paper: #f8f7f4;
  --maid-ink: #191a1c;
  --maid-muted: #656761;
  --maid-line: #d8d8d0;
  --maid-gold: #b48635;
  --maid-sans: 'MusicMaid DM Sans', Arial, sans-serif;
  --maid-serif: 'MusicMaid Instrument Serif', Georgia, serif;
  color: var(--maid-ink);
  background: var(--maid-paper);
  font-family: var(--maid-sans);
}
.musicmaid-surface {
  --paper: var(--maid-paper);
  --ink: var(--maid-ink);
  --muted: var(--maid-muted);
  --line: var(--maid-line);
  --body: var(--maid-sans);
  --display: var(--maid-serif);
}
.musicmaid-wordmark {
  font: 400 clamp(28px, 3vw, 38px)/1.15 'MusicMaid Pirata', Georgia, serif;
  letter-spacing: 0;
}
.musicmaid-headline {
  font: 400 clamp(52px, 6.8vw, 98px)/1.02 var(--maid-serif, Georgia, serif);
  letter-spacing: -.025em;
  margin: 0 0 24px;
}
.musicmaid-headline em { font-weight: 400; }
.musicmaid-surface p { line-height: 1.75; }
.musicmaid-surface .lead, .musicmaid-surface .status { color: var(--maid-muted); }
.musicmaid-surface .musicmaid-note {
  color: var(--maid-ink);
  font: italic 400 24px/1.2 var(--maid-serif);
  text-align: right;
}
.musicmaid-surface .musicmaid-accent { color: var(--maid-gold); }
.musicmaid-portrait {
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  transform: none;
  background: var(--maid-paper, #f8f7f4);
}
.musicmaid-portrait img, img.musicmaid-portrait {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  mix-blend-mode: darken;
  border-radius: 0;
}
.musicmaid-surface .button, .page-musicmaid main .button {
  color: var(--maid-paper);
  background: var(--maid-ink);
  border: 1px solid var(--maid-ink);
  border-radius: 4px;
  font: 500 14px/1.5 var(--maid-sans);
  min-height: 48px;
  max-width: 100%;
}
.musicmaid-surface .button:hover, .page-musicmaid main .button:hover {
  color: var(--maid-paper);
  background: #383a3b;
  border-color: #383a3b;
}
.musicmaid-surface .button.secondary, .page-musicmaid main .button.secondary {
  background: transparent;
  color: var(--maid-ink);
}
.musicmaid-surface .text-link, .page-musicmaid main .text-link {
  color: inherit;
  font-family: var(--maid-sans);
}
.musicmaid-surface .text-link:hover, .page-musicmaid main .text-link:hover { color: #76531c; }
.musicmaid-surface :is(a, button, summary):focus-visible,
.page-musicmaid :is(a, button, summary):focus-visible { outline-color: #986c23; }

/* The product page uses the same identity; the Sanctum navigation stays shared. */
.page-musicmaid .breadcrumb { color: var(--maid-muted); }
.page-musicmaid .product-hero {
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  min-height: 630px;
  padding-top: 36px;
  padding-bottom: 62px;
}
.page-musicmaid .product-hero h1 {
  font: 400 clamp(64px, 6.6vw, 98px)/1.02 var(--maid-serif);
  letter-spacing: -.025em;
}
.page-musicmaid .product-hero .lead { color: var(--maid-muted); max-width: 40ch; line-height: 1.75; }
.page-musicmaid main .eyebrow, .page-musicmaid main .status {
  font: 400 13px/1.65 var(--maid-sans);
  letter-spacing: 0;
  color: var(--maid-muted);
}
.page-musicmaid .hero-portrait {
  width: 100%;
  max-width: 560px;
  padding: 0;
  background: var(--maid-paper);
  border: 0;
  box-shadow: none;
  transform: none;
}
.page-musicmaid .hero-portrait img { width: 100%; height: auto; object-fit: contain; mix-blend-mode: darken; }
.page-musicmaid .surface.paper, .page-musicmaid .surface.lavender {
  color: var(--maid-ink);
  background: var(--maid-paper);
}
.page-musicmaid .surface.lavender { border-top: 1px solid var(--maid-line); }
.page-musicmaid .surface { padding-top: 58px; padding-bottom: 62px; }
.page-musicmaid .surface h2 {
  font: 500 clamp(29px, 3.3vw, 42px)/1.17 var(--maid-sans);
  letter-spacing: -.035em;
}
.page-musicmaid .feature-list { gap: 32px 64px; }
.page-musicmaid .feature-list li { border-color: var(--maid-line); }
.page-musicmaid .feature-list h3 { font: 500 24px/1.25 var(--maid-sans); letter-spacing: -.025em; }
.page-musicmaid .feature-list p, .page-musicmaid .small-note { color: var(--maid-muted); }
.page-musicmaid .small-note { font: 400 13px/1.7 var(--maid-sans); }
.page-musicmaid .surface.night { color: #f4f0e8; background: #191a1c; }
.page-musicmaid .surface.night :is(.eyebrow, .small-note) { color: #c6c5bc; }
.page-musicmaid .steps-list { line-height: 1.75; }
.page-musicmaid .steps-list li::marker { color: #d4b578; font-family: var(--maid-sans); }
.page-musicmaid .surface.night code { background: #30302e; padding: 2px 5px; border-radius: 3px; }

@media (max-width: 900px) {
  .page-musicmaid .product-hero { gap: 28px; min-height: 540px; }
  .page-musicmaid .product-hero h1 { font-size: clamp(52px, 7.4vw, 72px); }
}
@media (max-width: 760px) {
  .musicmaid-headline { font-size: clamp(46px, 12.5vw, 70px); }
  .musicmaid-surface .musicmaid-note { font-size: 21px; }
  .page-musicmaid .product-hero { grid-template-columns: 1fr; min-height: 0; padding-top: 28px; padding-bottom: 38px; gap: 24px; }
  .page-musicmaid .product-hero h1 { font-size: clamp(48px, 12.5vw, 68px); }
  .page-musicmaid .hero-portrait { width: min(100%, 310px); }
  .page-musicmaid .surface { padding-top: 40px; padding-bottom: 44px; }
  .page-musicmaid .surface h2 { font-size: 30px; }
  .page-musicmaid .feature-list { gap: 26px; }
  .page-musicmaid .feature-list h3 { font-size: 23px; }
}
@media (max-width: 370px) {
  .musicmaid-headline { font-size: 44px; }
  .page-musicmaid .product-hero h1 { font-size: 46px; }
  .page-musicmaid .hero-portrait { max-width: 260px; }
  .musicmaid-surface .button, .page-musicmaid main .button { gap: 14px; padding-inline: 14px; }
}