/* C4 editorial system: shared surface only; page scripts and prose remain local. */
:root {
  --c4-paper: #f7f1e6;
  --c4-paper-deep: #e9ddca;
  --c4-ink: #292522;
  --c4-burgundy: #713b3c;
  --c4-muted: #776c61;
  --c4-rule: rgba(113,59,60,.26);
  --c4-serif: "Iowan Old Style", "Songti SC", "STSong", "Noto Serif CJK SC", Georgia, serif;
  --c4-sans: ui-sans-serif, system-ui, -apple-system, "Microsoft YaHei", sans-serif;
}

body.c4-redesign {
  color: var(--c4-ink);
  background: var(--c4-paper);
  font-family: var(--c4-serif);
}
body.c4-redesign::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 60;
  opacity: .16;
  background: radial-gradient(circle at 20% 20%, #fff 0 1px, transparent 1.4px), repeating-linear-gradient(95deg, rgba(113,59,60,.12) 0 1px, transparent 1px 5px);
  background-size: 6px 6px, 180px 180px;
  mix-blend-mode: multiply;
}
body.c4-redesign h1, body.c4-redesign h2, body.c4-redesign h3 { font-family: var(--c4-serif); font-weight: 500; letter-spacing: -.035em; }
body.c4-redesign a { color: var(--c4-burgundy); text-decoration-thickness: 1px; text-underline-offset: .2em; }
body.c4-redesign a:focus-visible, body.c4-redesign button:focus-visible { outline: 2px solid var(--c4-burgundy); outline-offset: 4px; }
body.c4-redesign .cover, body.c4-redesign .hero, body.c4-redesign .page, body.c4-redesign .paper { background-color: var(--c4-paper); }
body.c4-redesign .cover { background-image: linear-gradient(140deg, #493132, #713b3c 58%, #362526); }
body.c4-redesign .intro, body.c4-redesign .panel, body.c4-redesign .card, body.c4-redesign .letter, body.c4-redesign .object-card, body.c4-redesign .route-card {
  border: 1px solid var(--c4-rule);
  box-shadow: 0 18px 50px rgba(62,39,33,.12);
  background: rgba(255,250,241,.78);
}
body.c4-redesign .kicker, body.c4-redesign .eyebrow, body.c4-redesign .date, body.c4-redesign .meta { color: var(--c4-burgundy); font-family: var(--c4-sans); letter-spacing: .16em; }
body.c4-redesign .route, body.c4-redesign nav, body.c4-redesign .toolbar, body.c4-redesign .book-nav { font-family: var(--c4-sans); }
body.c4-redesign .route a, body.c4-redesign nav a { border-color: var(--c4-rule); }
body.c4-redesign img { filter: saturate(.86) sepia(.06); }
@media (min-width: 860px) {
  body.c4-redesign .intro, body.c4-redesign .hero-inner, body.c4-redesign .spread, body.c4-redesign main { max-width: 1180px; margin-inline: auto; }
  body.c4-redesign .spread { padding-inline: clamp(40px, 7vw, 120px); }
}
@media (prefers-reduced-motion: reduce) {
  body.c4-redesign *, body.c4-redesign *::before, body.c4-redesign *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* C4 reading library: these rules reshape the real readers and directory. */
:root { --c4-paper-shadow:#e8dcc7; --c4-ink-soft:#5e534d; --c4-wine-dark:#472127; --c4-line:#bcae9c; }
body.c4-redesign { min-height:100vh; background:#f7f1e7; text-rendering:optimizeLegibility; }
body.c4-redesign::before { background:repeating-linear-gradient(94deg,rgba(76,41,35,.08) 0 1px,transparent 1px 5px); }
body.c4-redesign :is(h1,h2,h3) { color:var(--c4-ink); font-weight:500; letter-spacing:-.045em; }
body.c4-redesign :is(a,button,summary):focus-visible { outline:3px solid var(--c4-burgundy); outline-offset:4px; }
body.c4-redesign .eyebrow,body.c4-redesign .kicker,body.c4-redesign .date,body.c4-redesign .folio { color:var(--c4-burgundy)!important; font-size:.72rem; font-weight:700; letter-spacing:.15em; line-height:1.55; }

/* Every volume receives content navigation above its existing page-turner. */
.c4-reader-mast { position:relative; z-index:8; display:flex; align-items:center; justify-content:space-between; gap:1rem; width:min(1200px,calc(100% - 2.5rem)); margin:1rem auto 0; padding:.7rem 0; border-block:1px solid var(--c4-line); color:var(--c4-burgundy); font-family:var(--c4-sans); font-size:.72rem; font-weight:700; letter-spacing:.12em; }
.c4-reader-mast a { text-decoration:none; }
.c4-reader-mast__title { color:var(--c4-ink-soft); }
.c4-reader-mast__links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.5rem 1rem; }

/* Vol.01 is a scroll reader: cover, chapter strip, and text form one book. */
body[data-music-module="vol01"] { background:#f4ecdf!important; }
body[data-music-module="vol01"] > .c4-reader-mast { position:absolute; left:0; right:0; }
body[data-music-module="vol01"] .cover { min-height:min(790px,92vh)!important; padding:clamp(7rem,15vw,12rem) clamp(1.25rem,8vw,9rem) clamp(3rem,8vw,7rem)!important; background:linear-gradient(132deg,#4c222a,#773440 48%,#2f1d20)!important; }
body[data-music-module="vol01"] .cover h1 { color:#fff8ed!important; font-size:clamp(3.7rem,10vw,8.5rem)!important; line-height:.92!important; }
body[data-music-module="vol01"] .cover :is(p,.cover-copy) { color:#f5e7d7!important; max-width:35rem; }
body[data-music-module="vol01"] .progress { position:sticky!important; top:0!important; z-index:12; display:flex!important; overflow-x:auto; gap:.25rem; width:100%!important; padding:.7rem max(1rem,calc((100vw - 1180px)/2))!important; background:rgba(247,241,231,.96)!important; border-block:1px solid var(--c4-line); box-shadow:0 5px 18px rgba(60,38,31,.08); }
body[data-music-module="vol01"] .progress button { flex:0 0 auto; color:var(--c4-ink-soft)!important; background:transparent!important; border:0!important; border-inline-start:1px solid var(--c4-line); border-radius:0!important; }
body[data-music-module="vol01"] .progress button[aria-current="true"] { color:var(--c4-burgundy)!important; font-weight:800; }
body[data-music-module="vol01"] main { max-width:none!important; }
body[data-music-module="vol01"] [data-story-page] { min-height:auto!important; padding:clamp(3.5rem,9vw,8rem) max(1.25rem,calc((100% - 1030px)/2))!important; }
body[data-music-module="vol01"] [data-story-page] > * { max-width:1030px; margin-inline:auto; }

/* Vol.02–08: persistent wayfinding around a real, centered book spread. */
body[data-music-module^="vol"]:not([data-music-module="vol01"]) { overflow-x:hidden; background:#f4ecdf!important; }
body[data-music-module^="vol"]:not([data-music-module="vol01"]) .c4-reader-mast { margin-bottom:.5rem; }
body[data-music-module^="vol"]:not([data-music-module="vol01"]) .book { position:relative!important; isolation:isolate; width:min(1240px,calc(100% - 2.5rem))!important; height:min(760px,calc(100vh - 6.5rem))!important; min-height:570px; margin:0 auto 2rem!important; overflow:hidden!important; border:1px solid var(--c4-line)!important; border-radius:2px!important; box-shadow:0 22px 65px rgba(61,37,31,.16)!important; background:var(--c4-paper)!important; }
body[data-music-module^="vol"]:not([data-music-module="vol01"]) .page { background:var(--c4-paper)!important; }
body[data-music-module^="vol"]:not([data-music-module="vol01"]) .page.active { display:block!important; overflow-y:auto; }
body[data-music-module^="vol"]:not([data-music-module="vol01"]) .page .paper,body[data-music-module^="vol"]:not([data-music-module="vol01"]) .page .desk { background:linear-gradient(90deg,rgba(103,47,56,.08),transparent 12%,transparent 87%,rgba(103,47,56,.08))!important; }
body[data-music-module^="vol"]:not([data-music-module="vol01"]) .intro { display:grid!important; align-content:center; min-height:100%; padding:clamp(3rem,9vw,8rem)!important; background:linear-gradient(125deg,#52252d,#7a3941 57%,#381e23)!important; color:#faefe2!important; }
body[data-music-module^="vol"]:not([data-music-module="vol01"]) .intro :is(h1,p,.lede,.privacy) { color:#fff8ed!important; max-width:43rem; }
body[data-music-module^="vol"]:not([data-music-module="vol01"]) .intro h1 { font-size:clamp(3.2rem,7vw,7.2rem)!important; line-height:.95!important; }
body[data-music-module^="vol"]:not([data-music-module="vol01"]) .spread { display:grid!important; grid-template-columns:minmax(0,.94fr) minmax(300px,1.06fr); align-items:center; min-height:100%; gap:clamp(2rem,6vw,7rem)!important; padding:clamp(3rem,7vw,6rem)!important; }
body[data-music-module^="vol"]:not([data-music-module="vol01"]) .copy { max-width:34rem; }
body[data-music-module^="vol"]:not([data-music-module="vol01"]) .copy h2 { font-size:clamp(2.35rem,4.8vw,4.85rem)!important; line-height:1.04!important; }
body[data-music-module^="vol"]:not([data-music-module="vol01"]) .body-copy { color:var(--c4-ink-soft)!important; font-size:clamp(1rem,1.3vw,1.18rem); line-height:1.92; }
body[data-music-module^="vol"]:not([data-music-module="vol01"]) .folio { top:1.4rem!important; left:1.75rem!important; }
body[data-music-module^="vol"]:not([data-music-module="vol01"]) .chapter-number { color:rgba(112,47,56,.25)!important; }
body[data-music-module^="vol"]:not([data-music-module="vol01"]) :is(.art,.picture,.daily-stage,.quote-stage,.line-set,.pair,.ledger,.balance,.snail-stage) { border:1px solid var(--c4-line); box-shadow:12px 12px 0 rgba(112,47,56,.08); }
body[data-music-module^="vol"]:not([data-music-module="vol01"]) :is(.btn,.icon-btn,.top-actions button) { border-color:var(--c4-burgundy)!important; color:var(--c4-burgundy)!important; background:var(--c4-paper)!important; }
body[data-music-module^="vol"]:not([data-music-module="vol01"]) .btn.primary { color:#fff9ee!important; background:var(--c4-burgundy)!important; }
body[data-music-module^="vol"]:not([data-music-module="vol01"]) .top-actions { top:auto!important; right:max(1.25rem,calc((100vw - 1240px)/2))!important; bottom:1.7rem!important; z-index:18!important; }
body[data-music-module^="vol"]:not([data-music-module="vol01"]) .controls { right:auto!important; left:max(1.25rem,calc((100vw - 1240px)/2))!important; bottom:1.7rem!important; z-index:18!important; border:1px solid var(--c4-line)!important; background:rgba(247,241,231,.94)!important; }

/* Directory: visible shelf, direct routes, and an optional endnote. */
body[data-music-module="home"] .masthead { display:grid!important; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); align-items:end; gap:3rem; min-height:600px!important; padding:clamp(7rem,13vw,11rem) max(1.25rem,calc((100% - 1180px)/2)) clamp(4rem,9vw,7rem)!important; background:linear-gradient(125deg,#4f242c,#74333d 55%,#321c20)!important; }
body[data-music-module="home"] .masthead :is(h1,p,a,strong) { color:#fff8ed!important; }
body[data-music-module="home"] .masthead :is(h2,li) { color:#fff8ed!important; }
body[data-music-module="home"] .masthead .intro { border:0; box-shadow:none; background:transparent; }
body[data-music-module="home"] .masthead { min-height:560px!important; padding-top:5rem!important; padding-bottom:5rem!important; }
body[data-music-module="home"] .masthead h1 { font-size:clamp(4rem,9vw,8rem)!important; line-height:.88!important; }
body[data-music-module="home"] .route-card { align-self:stretch; padding:1.75rem!important; border:1px solid rgba(255,248,237,.45)!important; background:rgba(255,248,237,.1)!important; box-shadow:none!important; }
body[data-music-module="home"] main { width:min(1180px,calc(100% - 2.5rem)); margin:0 auto!important; }
body[data-music-module="home"] main > section { padding-block:clamp(4rem,8vw,7rem)!important; border-block-end:1px solid var(--c4-line); }
body[data-music-module="home"] .story-paths { display:grid; gap:0; border:1px solid var(--c4-line); }
body[data-music-module="home"] .story-path { border-block-end:1px solid var(--c4-line); }
body[data-music-module="home"] .story-path:last-child { border-block-end:0; }
body[data-music-module="home"] .story-path__toggle { width:100%; padding:1.35rem; text-align:left; background:transparent; border:0; color:var(--c4-ink); }
body[data-music-module="home"] .story-path__number { color:var(--c4-burgundy); font-weight:800; }
body[data-music-module="home"] .story-path__panel { background:#fffaf1; }
body[data-music-module="home"] .story-path__inner { padding:0 1.35rem 1.4rem; }
body[data-music-module="home"] .story-path__links { display:grid; gap:.55rem; }
body[data-music-module="home"] .archive { border:0!important; background:transparent!important; }
body[data-music-module="home"] .archive > summary { display:flex; cursor:pointer; padding:1.25rem; border-block:1px solid var(--c4-line); color:var(--c4-burgundy); }
body[data-music-module="home"] .archive[open] .volume-list,body[data-music-module="home"] .volume-list { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin-top:2rem; }
body[data-music-module="home"] .volume { display:flex!important; flex-direction:column; justify-content:space-between; min-height:220px; padding:1.25rem!important; border:1px solid var(--c4-line); text-decoration:none; background:linear-gradient(145deg,#fffaf1,#eee0cc)!important; box-shadow:6px 8px 0 rgba(112,47,56,.08); }
body[data-music-module="home"] .volume:nth-child(2n) { background:linear-gradient(145deg,#f1dfd2,#fff8ee)!important; }
body[data-music-module="home"] .vol-index { color:var(--c4-burgundy); font-size:.75rem; font-weight:800; }
body[data-music-module="home"] .objects { margin-top:1rem; }
body[data-music-module="home"] footer { width:min(1180px,calc(100% - 2.5rem)); margin:0 auto; padding:2rem 0 4rem; color:var(--c4-ink-soft); }

/* Objects remain native detail controls, but are now labelled exhibit cards. */
body[data-music-module="objects"] .top { position:relative!important; display:flex; justify-content:space-between; width:min(1180px,calc(100% - 2.5rem)); margin:1rem auto 0; padding:.75rem 0; border-block:1px solid var(--c4-line); }
body[data-music-module="objects"] .hero { display:grid!important; grid-template-columns:minmax(0,.94fr) minmax(300px,1.06fr); gap:clamp(2rem,7vw,8rem); width:min(1180px,calc(100% - 2.5rem)); min-height:560px; margin:0 auto; padding:clamp(4rem,9vw,8rem) 0!important; background:transparent!important; }
body[data-music-module="objects"] .hero h1 { font-size:clamp(4rem,8vw,7.5rem)!important; line-height:.88!important; }
body[data-music-module="objects"] .cabinet-preview { display:grid!important; grid-template-columns:1fr 1fr; align-content:center; gap:.8rem; }
body[data-music-module="objects"] .preview-cell { border:1px solid var(--c4-line); background:#fffaf1; }
body[data-music-module="objects"] .preview-cell:first-child { grid-column:span 2; }
body[data-music-module="objects"] .objects { width:min(1180px,calc(100% - 2.5rem)); margin:0 auto!important; padding:4rem 0 7rem!important; }
body[data-music-module="objects"] .section-head { max-width:45rem; padding-bottom:2rem; }
body[data-music-module="objects"] .object-grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
body[data-music-module="objects"] .object { border:1px solid var(--c4-line)!important; border-radius:0!important; background:#fffaf1!important; box-shadow:6px 8px 0 rgba(112,47,56,.08); }
body[data-music-module="objects"] .object.wide { grid-column:span 2; }
body[data-music-module="objects"] .object summary { list-style:none; cursor:pointer; }
body[data-music-module="objects"] .object summary::-webkit-details-marker { display:none; }
body[data-music-module="objects"] .object-title { padding:1.1rem 1.15rem!important; }
body[data-music-module="objects"] .object-title h3 { margin:.25rem 0 0; font-size:1.8rem; }
body[data-music-module="objects"] .object-story { padding:0 1.15rem 1.3rem!important; border-top:1px solid var(--c4-line); }
body[data-music-module="objects"] .continue { margin-top:3rem; padding:1.4rem; border:1px solid var(--c4-line); }

/* Leave and letter pages prioritise a single legible sheet of prose. */
body[data-reader-menu="off"] .blank-page { display:grid!important; align-content:center; min-height:100vh; max-width:680px!important; margin:0 auto!important; padding:2rem!important; }
body[data-reader-menu="off"] .blank-page h1 { font-size:clamp(4rem,10vw,7rem)!important; }
body[data-reader-menu="off"] .return-links { display:flex; flex-wrap:wrap; gap:1rem; margin-top:2rem; padding-top:1rem; border-top:1px solid var(--c4-line); }
body.c4-redesign .shell.masthead { background:linear-gradient(125deg,#4f242c,#74333d 55%,#321c20)!important; }
body.c4-redesign .shell.masthead :is(h1,p,a) { color:#fff8ed!important; }
body.c4-redesign .storybook { background:var(--c4-paper)!important; }
body.c4-redesign .storybook .scene { min-height:auto!important; padding:clamp(3rem,8vw,7rem) 1.25rem!important; }
body.c4-redesign .storybook .scene-inner,body.c4-redesign .storybook .illustrated-wrap { max-width:1000px; margin-inline:auto; }
body.c4-redesign .storybook .letter-sheet,body.c4-redesign #letter .letter-sheet,body.c4-redesign #letter .letter { max-width:760px!important; margin-inline:auto; border:1px solid var(--c4-line)!important; box-shadow:12px 12px 0 rgba(112,47,56,.08)!important; background:#fffaf1!important; }
body.c4-redesign .reader-menu,body.c4-redesign .topbar { position:sticky!important; top:0; z-index:20; background:rgba(247,241,231,.97)!important; border-bottom:1px solid var(--c4-line); }
body.c4-redesign .reader-menu summary,body.c4-redesign .topbar a { color:var(--c4-burgundy)!important; }
body.c4-redesign #letter { max-width:1120px!important; margin:0 auto!important; }
body.c4-redesign #letter .cover,body.c4-redesign #letter .cover-scene { background:linear-gradient(125deg,#52252d,#7a3941 57%,#381e23)!important; }
body.c4-redesign #letter .cover :is(h1,p,a) { color:#fff8ed!important; }
/* Public project entry: the existing three directories become a cover and shelf. */
body.c4-redesign .shell.hero { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(280px,.8fr); align-items:center; gap:clamp(2rem,8vw,8rem); max-width:1180px!important; min-height:600px; margin:0 auto!important; padding:clamp(4rem,10vw,8rem) 1.25rem!important; background:transparent!important; }
body.c4-redesign .shell.hero h1 { font-size:clamp(2.8rem,5.6vw,5rem)!important; line-height:1.16!important; text-wrap:balance; }
body.c4-redesign .shell.hero .window { border:1px solid var(--c4-line); box-shadow:14px 14px 0 rgba(112,47,56,.08); }
body.c4-redesign .doors.shell { max-width:1180px!important; margin:0 auto!important; padding:clamp(4rem,8vw,7rem) 1.25rem!important; border-top:1px solid var(--c4-line); }
body.c4-redesign .door-groups { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
body.c4-redesign .door-group { padding:1.25rem; border:1px solid var(--c4-line); background:#fffaf1; box-shadow:6px 8px 0 rgba(112,47,56,.08); }
body.c4-redesign .door-group h3 { margin-top:0; }
body.c4-redesign .door-list { display:grid; gap:.8rem; padding:0; list-style:none; }
body.c4-redesign .door-link { display:block; padding:.65rem 0; border-top:1px solid var(--c4-line); text-decoration:none; }
body.c4-redesign .door-link small { display:block; margin-top:.2rem; color:var(--c4-ink-soft); }
/* The 19-page letter keeps each original page and gains a consistent letter-sheet rhythm. */
body.c4-redesign .topbar + #letter { width:min(1120px,calc(100% - 2.5rem))!important; margin:1.5rem auto 5rem!important; }
body.c4-redesign .topbar + #letter .page { min-height:620px; margin:0!important; border:1px solid var(--c4-line); border-bottom:0; background:#fffaf1!important; box-shadow:none!important; }
body.c4-redesign .topbar + #letter .page:last-child { border-bottom:1px solid var(--c4-line); }
body.c4-redesign .topbar + #letter .page.cover { background:linear-gradient(125deg,#52252d,#7a3941 57%,#381e23)!important; }
body.c4-redesign .topbar + #letter .page.cover :is(h1,p,a) { color:#fff8ed!important; }
body.c4-redesign .topbar + #letter .spread { display:grid!important; grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr); align-items:center; gap:clamp(2rem,7vw,6rem); min-height:620px; padding:clamp(3rem,7vw,6rem)!important; }
body.c4-redesign .topbar + #letter .copy { max-width:42rem; color:var(--c4-ink-soft); line-height:1.88; }
body.c4-redesign .topbar + #letter .copy h2 { font-size:clamp(2rem,4vw,4.1rem)!important; line-height:1.08!important; color:var(--c4-ink); }

@media (max-width:760px) {
  body[data-music-module="home"] .masthead { padding-top:3rem!important; padding-bottom:3rem!important; }
  body[data-music-module="home"] .masthead h1 { font-size:clamp(3rem,13vw,5rem)!important; line-height:1.15!important; }
  body[data-music-module^="vol"]:not([data-music-module="vol01"]) .intro { padding:4rem 1.5rem 6rem!important; }
  body[data-music-module^="vol"]:not([data-music-module="vol01"]) .intro h1 { font-size:clamp(2.5rem,10vw,4.2rem)!important; line-height:1.15!important; }
  .c4-reader-mast { width:calc(100% - 1.5rem); font-size:.64rem; }
  .c4-reader-mast__links { justify-content:flex-start; }
  body[data-music-module^="vol"]:not([data-music-module="vol01"]) .book { width:100%!important; height:calc(100vh - 5.7rem)!important; min-height:510px; border-inline:0!important; }
  body[data-music-module^="vol"]:not([data-music-module="vol01"]) .spread { grid-template-columns:1fr; gap:1.5rem!important; padding:4rem 1.5rem 6.5rem!important; }
  body[data-music-module^="vol"]:not([data-music-module="vol01"]) .art { min-height:240px; }
  body[data-music-module^="vol"]:not([data-music-module="vol01"]) .top-actions { right:.8rem!important; bottom:.8rem!important; }
  body[data-music-module^="vol"]:not([data-music-module="vol01"]) .controls { left:.8rem!important; bottom:.8rem!important; }
  body[data-music-module="home"] .masthead,body[data-music-module="objects"] .hero { grid-template-columns:1fr; }
  body[data-music-module="home"] .volume-list,body[data-music-module="home"] .archive[open] .volume-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-music-module="objects"] .object-grid { grid-template-columns:1fr; }
  body[data-music-module="objects"] .object.wide { grid-column:span 1; }
  body.c4-redesign .shell.hero,body.c4-redesign .door-groups,body.c4-redesign .topbar + #letter .spread { grid-template-columns:1fr; }
  body.c4-redesign .topbar + #letter { width:100%!important; margin:0!important; }
  body.c4-redesign .topbar + #letter .page { min-height:auto; }
}

@media (max-width:480px) {
  .c4-reader-mast { box-sizing:border-box; width:calc(100% - 24px); padding:0 44px 0 0; font-size:12px; letter-spacing:.02em; gap:8px; }
  .c4-reader-mast__title { display:none; }
  .c4-reader-mast a { display:inline-flex; align-items:center; min-height:44px; }
  .c4-reader-mast__links { gap:12px; }
}

body.c4-redesign .reveal { opacity:1!important; transform:none!important; }
body.c4-redesign .topbar + #letter .spread { box-sizing:border-box; min-width:0; }
body.c4-redesign .topbar + #letter .spread > * { min-width:0; max-width:100%; }
body[data-music-module^="vol"]:not([data-music-module="vol01"]) .controls { transform:none!important; }
@media (max-width:760px) {
  body.c4-redesign .topbar + #letter .spread { grid-template-columns:minmax(0,1fr)!important; padding:3rem 1.25rem!important; min-height:auto; }
  body.c4-redesign .topbar + #letter .page { min-width:0; padding:2rem .75rem; }
  body.c4-redesign .topbar + #letter .copy h2 { font-size:clamp(1.5rem,6.5vw,2rem)!important; line-height:1.5!important; }
  body[data-music-module^="vol"]:not([data-music-module="vol01"]) .top-actions { bottom:5rem!important; }
  body[data-music-module^="vol"]:not([data-music-module="vol01"]) .copy h2 { font-size:clamp(1.6rem,7.2vw,2.4rem)!important; line-height:1.3!important; text-wrap:balance; }
}
body[data-music-module^="vol"]:not([data-music-module="vol01"]) .controls .progress { color: var(--c4-burgundy)!important; }