/* MUSIATA About (booklet) v0.1.0, scoped to .mpg--about (only exists on /about/).
   Edition 01 colours: paper #f0e0ca, ink #2f2013, accent #8b501f (contrast ink/paper 12.1:1, accent/paper 4.97:1).
   "html body" prefix beats the theme's !important heading/link/button rules. */

html body .mpg.mpg--about{
  --mpg-paper:#f0e0ca;--mpg-ink:#2f2013;--mpg-accent:#8b501f;--mpg-card:#fbf4ea;
  --mpg-line:color-mix(in srgb,var(--mpg-ink) 22%,transparent);
  --mpg-head:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --mpg-body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mpg-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;
  --mpg-tex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  box-sizing:border-box;max-width:1200px;margin:clamp(1.25rem,4vw,3rem) auto clamp(2rem,5vw,4rem);padding:0 clamp(1rem,3vw,2rem);
  color:var(--mpg-ink);font-family:var(--mpg-body);display:flex;flex-direction:column;gap:clamp(1.25rem,3vw,2rem)}
html body .mpg.mpg--about *,html body .mpg.mpg--about *::before,html body .mpg.mpg--about *::after{box-sizing:border-box}
html body .mpg.mpg--about > *{margin:0!important;max-width:none!important}
html body .mpg.mpg--about :is(h1,h2,h3,p,li,a,span,dt,dd,cite,figcaption,blockquote){text-shadow:none!important;-webkit-text-fill-color:currentColor!important;background-clip:border-box!important;filter:none!important;mix-blend-mode:normal!important}

/* Spread 1: cover + title page */
html body .mpg.mpg--about .mpg-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--mpg-paper);box-shadow:0 30px 60px rgba(0,0,0,.35)}
html body .mpg.mpg--about .mpg-case > *{margin:0!important;max-width:none!important}
html body .mpg.mpg--about figure.mpg-cover{margin:0!important;background:color-mix(in srgb,var(--mpg-ink) 82%,#000);align-self:stretch}
html body .mpg.mpg--about figure.mpg-cover img{display:block;width:100%!important;height:100%!important;min-height:100%;aspect-ratio:1/1;object-fit:cover;margin:0;border-radius:0!important}
html body .mpg.mpg--about .mpg-page{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,4.5vw,3.5rem);background-color:var(--mpg-paper);background-image:var(--mpg-tex);color:var(--mpg-ink);box-shadow:inset 18px 0 24px -18px rgba(0,0,0,.35)}
html body .mpg.mpg--about .mpg-kicker{margin:0 0 1rem!important;font:600 .75rem/1.4 var(--mpg-mono)!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:var(--mpg-accent)!important}
html body .mpg.mpg--about h1.mpg-h{margin:0 0 1rem!important;font:700 clamp(2.4rem,5.4vw,4.6rem)/.98 var(--mpg-head)!important;letter-spacing:-.015em!important;text-transform:none!important;color:var(--mpg-ink)!important;text-wrap:balance;max-width:none!important}
html body .mpg.mpg--about .mpg-sub{margin:0 0 1.75rem!important;max-width:42ch;font:italic 1.12rem/1.5 var(--mpg-head)!important;color:var(--mpg-ink)!important;opacity:.88}
html body .mpg.mpg--about .mpg-stamp{align-self:flex-start;margin:0 0 1.5rem!important;padding:.65rem .9rem!important;border:2px solid var(--mpg-accent);color:var(--mpg-accent)!important;font:700 .74rem/1.45 var(--mpg-mono)!important;letter-spacing:.12em;text-transform:uppercase;transform:rotate(-2.5deg);max-width:30ch;background:color-mix(in srgb,var(--mpg-paper) 70%,#fff)}
html body .mpg.mpg--about .mpg-stamp span{display:inline-block;margin-right:.5em;padding:0 .35em;background:var(--mpg-accent);color:var(--mpg-paper)!important;-webkit-text-fill-color:var(--mpg-paper)!important}
html body .mpg.mpg--about .mpg-folio{margin:auto 0 0!important;padding-top:1rem;text-align:center;font:italic .9rem/1 var(--mpg-head)!important;color:var(--mpg-ink)!important;opacity:.6}

/* Spread 2: Side A / Side B */
html body .mpg.mpg--about .mpg-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background-color:var(--mpg-paper);background-image:var(--mpg-tex);box-shadow:0 30px 60px rgba(0,0,0,.35)}
html body .mpg.mpg--about .mpg-spread > *{margin:0!important;max-width:none!important}
html body .mpg.mpg--about .mpg-side{padding:clamp(1.5rem,4vw,3rem);color:var(--mpg-ink)}
html body .mpg.mpg--about .mpg-side--b{border-left:1px solid var(--mpg-line);box-shadow:inset 18px 0 24px -18px rgba(0,0,0,.28)}
html body .mpg.mpg--about h2.mpg-h2{margin:0 0 1.1rem!important;font:700 clamp(1.5rem,2.6vw,2.1rem)/1.1 var(--mpg-head)!important;letter-spacing:-.005em!important;text-transform:none!important;color:var(--mpg-ink)!important;text-wrap:balance}
html body .mpg.mpg--about .mpg-side p{margin:0 0 1rem!important;font:1.02rem/1.65 var(--mpg-body);color:var(--mpg-ink)!important;max-width:60ch}
html body .mpg.mpg--about .mpg-side .mpg-kicker{font:600 .75rem/1.4 var(--mpg-mono)!important;color:var(--mpg-accent)!important}
html body .mpg.mpg--about .mpg-quote{margin:1.5rem 0!important;padding:0 0 0 1.1rem!important;border:0!important;border-left:3px solid var(--mpg-accent)!important;background:none!important}
html body .mpg.mpg--about .mpg-quote p{margin:0 0 .5rem!important;font:italic 1.3rem/1.4 var(--mpg-head)!important;color:var(--mpg-ink)!important}
html body .mpg.mpg--about .mpg-quote cite{display:block;font:600 .68rem/1.4 var(--mpg-mono)!important;font-style:normal!important;letter-spacing:.18em;text-transform:uppercase;color:var(--mpg-accent)!important}
html body .mpg.mpg--about .mpg-label{margin:1.5rem 0 .5rem!important;font:600 .7rem/1.4 var(--mpg-mono)!important;letter-spacing:.2em;text-transform:uppercase;color:var(--mpg-ink)!important;opacity:.8}
html body .mpg.mpg--about .mpg-symptoms{list-style:none!important;margin:0!important;padding:0!important;counter-reset:sym}
html body .mpg.mpg--about .mpg-symptoms li{counter-increment:sym;display:grid;grid-template-columns:2.4rem 1fr;margin:0!important;padding:.55rem 0!important;border-top:1px dashed var(--mpg-line);font:600 1.02rem/1.4 var(--mpg-head)!important;color:var(--mpg-ink)!important}
html body .mpg.mpg--about .mpg-symptoms li::before{content:"Rx" counter(sym);font:600 .72rem/1.9 var(--mpg-mono);color:var(--mpg-accent)}

/* Track listing (same rhythm as the homepage works list) */
html body .mpg.mpg--about .mpg-works{list-style:none!important;margin:0 0 1.5rem!important;padding:0!important;border-top:1px solid var(--mpg-line)}
html body .mpg.mpg--about .mpg-works li{margin:0!important;padding:0!important}
html body .mpg.mpg--about a.mpg-work{display:grid;grid-template-columns:2.4rem minmax(0,1fr);column-gap:.5rem;padding:.75rem 0;border-bottom:1px solid var(--mpg-line);color:var(--mpg-ink)!important;text-decoration:none!important;min-height:44px}
html body .mpg.mpg--about .mpg-work__n{grid-row:span 2;font:600 .8rem/1.6 var(--mpg-mono)!important;color:var(--mpg-accent)!important}
html body .mpg.mpg--about .mpg-work__t{font:600 1.12rem/1.3 var(--mpg-head)!important;color:var(--mpg-ink)!important}
html body .mpg.mpg--about .mpg-work__m{font:.72rem/1.5 var(--mpg-mono)!important;letter-spacing:.04em;color:var(--mpg-ink)!important;opacity:.78}
html body .mpg.mpg--about a.mpg-work:hover .mpg-work__t,html body .mpg.mpg--about a.mpg-work:focus-visible .mpg-work__t{color:var(--mpg-accent)!important;text-decoration:underline;text-underline-offset:.2em}
html body .mpg.mpg--about a.mpg-work:focus-visible{outline:2px solid var(--mpg-accent);outline-offset:2px}
html body .mpg.mpg--about figure.mpg-portrait{margin:1.25rem 0 0!important;max-width:320px}
html body .mpg.mpg--about figure.mpg-portrait img{display:block;width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover;border-radius:0!important;box-shadow:0 14px 30px rgba(0,0,0,.25);transform:rotate(1.5deg)}
html body .mpg.mpg--about figure.mpg-portrait figcaption{margin:.75rem 0 0!important;font:.68rem/1.4 var(--mpg-mono)!important;letter-spacing:.16em;text-transform:uppercase;color:var(--mpg-ink)!important;opacity:.75;text-align:left}

/* Personnel / credits card (dark plate) */
html body .mpg.mpg--about .mpg-credits{position:relative;padding:clamp(1.5rem,4vw,3rem);background:var(--mpg-ink);color:var(--mpg-paper);box-shadow:0 30px 60px rgba(0,0,0,.35)}
html body .mpg.mpg--about .mpg-credits::after{content:"";position:absolute;inset:clamp(.6rem,1.4vw,1rem);border:1px solid color-mix(in srgb,var(--mpg-paper) 22%,transparent);pointer-events:none}
html body .mpg.mpg--about .mpg-credits .mpg-kicker{color:color-mix(in srgb,var(--mpg-paper) 70%,var(--mpg-accent))!important}
html body .mpg.mpg--about .mpg-personnel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2rem;margin:0 0 2rem!important}
html body .mpg.mpg--about .mpg-personnel > div{padding:.8rem 0;border-bottom:1px solid color-mix(in srgb,var(--mpg-paper) 22%,transparent)}
html body .mpg.mpg--about .mpg-personnel dt{margin:0 0 .25rem;font:600 .66rem/1.4 var(--mpg-mono)!important;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--mpg-paper) 72%,transparent)!important}
html body .mpg.mpg--about .mpg-personnel dd{margin:0;font:600 1.08rem/1.35 var(--mpg-head)!important;color:var(--mpg-paper)!important}
html body .mpg.mpg--about .mpg-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 1.5rem!important;position:relative;z-index:1}
html body .mpg.mpg--about a.mpg-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.85rem 1.4rem;border:1px solid var(--mpg-paper)!important;border-radius:2px!important;background:var(--mpg-paper)!important;background-image:none!important;color:var(--mpg-ink)!important;-webkit-text-fill-color:var(--mpg-ink)!important;font:700 .78rem/1.2 var(--mpg-mono)!important;letter-spacing:.14em;text-transform:uppercase;text-decoration:none!important;box-shadow:none!important}
html body .mpg.mpg--about a.mpg-btn--ghost{background:transparent!important;color:var(--mpg-paper)!important;-webkit-text-fill-color:var(--mpg-paper)!important}
html body .mpg.mpg--about a.mpg-btn:hover,html body .mpg.mpg--about a.mpg-btn:focus-visible{background:var(--mpg-accent)!important;border-color:var(--mpg-accent)!important;color:var(--mpg-paper)!important;-webkit-text-fill-color:var(--mpg-paper)!important;outline:2px solid var(--mpg-paper);outline-offset:2px}
html body .mpg.mpg--about .mpg-credits .mpg-credit{margin:0!important;padding-top:1rem!important;border-top:1px solid color-mix(in srgb,var(--mpg-paper) 22%,transparent);font:.72rem/1.5 var(--mpg-mono)!important;letter-spacing:.06em;color:var(--mpg-paper)!important;opacity:.85}
html body .mpg.mpg--about .mpg-credits .mpg-folio{color:var(--mpg-paper)!important;padding-top:1rem}

@media (max-width:820px){
  html body .mpg.mpg--about{padding:0 .75rem}
  html body .mpg.mpg--about :is(.mpg-case,.mpg-spread){grid-template-columns:1fr}
  html body .mpg.mpg--about figure.mpg-cover img{height:auto!important}
  html body .mpg.mpg--about .mpg-page{box-shadow:none}
  html body .mpg.mpg--about .mpg-side--b{border-left:0;border-top:1px solid var(--mpg-line);box-shadow:none}
  html body .mpg.mpg--about .mpg-personnel{grid-template-columns:1fr 1fr}
  html body .mpg.mpg--about a.mpg-btn{width:100%}
}
@media (max-width:420px){html body .mpg.mpg--about .mpg-personnel{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html body .mpg.mpg--about *{transition:none!important}}

/* Hide the empty "Archives / Categories" pre-footer widgets on this page only */
body.mpg-body--about .prefooter-widgets{display:none!important}