/* AMSP 002 · Behind the Music reader demonstration · isolated from canonical Listening Room */
.behind-music{--behind-paper:#ece8dd;--behind-black:#121512;--behind-yellow:#f0e20f;--behind-rule:rgba(19,21,18,.18);background:var(--behind-paper);color:#171716;overflow:hidden}.behind-music *, .behind-music *:before, .behind-music *:after{box-sizing:border-box}
.behind-music .behind-eyebrow{font:600 11px/1.4 "IBM Plex Mono",Menlo,monospace;letter-spacing:.11em;text-transform:uppercase;color:var(--behind-yellow)}.behind-music .behind-eyebrow--dark{color:#504b39}
/* The photograph and its handwriting are always fully visible. The type occupies only
   the lower 20%: the actual dark cloth/shadow below the notebook, never the paper.
   This uses the source photograph's natural 2:3 aspect and never object-fit:cover. */
.behind-music__hero{position:relative;background:#0d0f0d;display:flex;align-items:start;justify-content:center;scroll-margin-top:60px;overflow:hidden}
.behind-music__photo-stage{position:relative;width:min(100%,960px);flex:0 1 auto;margin:0 auto;background:#0d0f0d;isolation:isolate}
.behind-music__notebook{position:relative;display:block;width:100%;height:auto;object-fit:contain;object-position:center center;z-index:auto}
.behind-music__photo-stage:after{content:"";position:absolute;inset:78% 0 0 0;pointer-events:none;z-index:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 27%,rgba(0,0,0,.55) 100%)}
.behind-music__hero-overlay{position:absolute;top:80%;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:end;gap:clamp(3px,.8vw,10px);padding:0 clamp(17px,4.8vw,58px) clamp(12px,2.5vw,34px);color:#fffef4;z-index:1;text-shadow:0 2px 9px rgba(0,0,0,.55)}
.behind-music__hero-overlay h2{font:normal clamp(34px,7.1vw,84px)/.95 Georgia,serif;letter-spacing:-.05em;margin:0;text-transform:none;color:#fffef4;max-width:850px}
.behind-music__hero-overlay h2 em{font-weight:400;color:var(--behind-yellow);font-style:italic}
.behind-music__hero-overlay>p:last-child{font:normal clamp(11px,1.6vw,19px)/1.3 Arial,Helvetica,sans-serif;max-width:53ch;margin:0;color:#f3efe8}
.behind-music__body{width:min(100%,1140px);padding:clamp(36px,5vw,86px) clamp(18px,4vw,60px) 80px;margin:0 auto}
.behind-review-note{font:600 11px/1.65 "IBM Plex Mono",Menlo,monospace;border-left:3px solid #d1be09;padding:12px 15px;background:#dedacf;color:#484234;margin:0 0 42px}
.behind-intro{margin:0 0 46px;max-width:820px}.behind-intro p{font:normal clamp(27px,4vw,51px)/1.17 Georgia,serif;letter-spacing:-.022em;margin:0}
.behind-essay{max-width:760px;margin:0 auto 100px;color:#22211f}.behind-essay p{font:normal clamp(18px,2vw,22px)/1.64 Georgia,serif;margin:0 0 1.18em}.behind-essay p:first-child:first-letter{initial-letter:2;color:#22211f}
.behind-studies{border-top:1px solid var(--behind-rule);padding:60px 0 100px}.behind-studies h3,.behind-lab h3{font:normal clamp(43px,6vw,80px)/1.02 Georgia,serif;letter-spacing:-.04em;margin:12px 0 18px;max-width:850px}.behind-studies>p:not(.behind-eyebrow),.behind-lab>p:not(.behind-eyebrow){font:normal clamp(16px,2vw,19px)/1.55 Arial,Helvetica,sans-serif;max-width:750px;margin:0 0 40px;color:#535147}
.behind-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.behind-photo-card{margin:0;min-width:0}.behind-photo-card a{display:block;text-decoration:none}.behind-photo-card__frame{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/3;background:#141514;padding:12px;overflow:hidden}.behind-photo-card__frame img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;object-position:center}.behind-photo-card figcaption{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--behind-rule);padding-top:8px;color:#4f4b42;font:600 11px/1.5 "IBM Plex Mono",Menlo,monospace}.behind-photo-card a:focus-visible{outline:3px solid #ac9811;outline-offset:4px}
.behind-lab{background:var(--behind-black);color:#f6f1e6;margin:0 calc(-1 * clamp(18px,4vw,60px));padding:clamp(26px,5vw,68px)}.behind-lab>p:not(.behind-eyebrow){color:#d6d2c9}.behind-lab__choices{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 18px}.behind-lab__choices button,.behind-lab__under button{border:1px solid #6a6b60;color:#f7f3e9;background:#252925;font:600 12px/1.3 "IBM Plex Mono",Menlo,monospace;padding:13px 18px;min-height:46px;cursor:pointer;border-radius:0}.behind-lab__choices button[aria-pressed="true"],.behind-lab__choices button:hover,.behind-lab__under button:hover{background:var(--behind-yellow);color:#1b1c18;border-color:var(--behind-yellow)}.behind-lab__choices button:focus-visible,.behind-lab__under button:focus-visible,.behind-lab__under a:focus-visible{outline:3px solid var(--behind-yellow);outline-offset:3px}
.behind-lab__panel{background:#e8e6db;min-height:clamp(520px,70vh,730px);overflow:hidden}.behind-lab__placeholder{color:#292824;min-height:clamp(520px,70vh,730px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px}.behind-lab__placeholder strong{font:normal clamp(27px,4vw,48px)/1.2 Georgia,serif}.behind-lab__placeholder p{max-width:46ch;font:16px/1.5 Arial,Helvetica,sans-serif}.behind-lab__panel iframe{border:0;width:100%;min-height:clamp(520px,70vh,730px);height:clamp(520px,70vh,730px);display:block}.behind-lab__panel iframe[hidden]{display:none}.behind-lab__under{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:16px;margin-top:16px;font:12px/1.6 "IBM Plex Mono",Menlo,monospace}.behind-lab__under p{max-width:55ch;margin:0}.behind-lab__under a{color:var(--behind-yellow);font-weight:700;text-decoration:underline}.behind-lab__under button{padding:8px 12px;min-height:38px;margin-left:12px}.behind-lab__under [hidden]{display:none}
.behind-outro{display:flex;flex-wrap:wrap;gap:18px;align-items:baseline;margin-top:65px;padding-top:36px;border-top:1px solid var(--behind-rule)}.behind-outro p{font:italic clamp(21px,3vw,32px)/1.25 Georgia,serif;flex:1 1 100%;margin:0 0 16px}.behind-outro a{color:#25251d;text-decoration-thickness:1px;text-underline-offset:4px;font:700 13px/1.5 Arial,sans-serif}.behind-outro a:hover{color:#787100}
@media(max-width:700px){.behind-music__hero-overlay h2{font-size:clamp(31px,8.3vw,57px)}.behind-music__hero-overlay .behind-eyebrow{font-size:9px;line-height:1.1}.behind-music__hero-overlay>p:last-child{font-size:clamp(10px,2.6vw,14px);line-height:1.25}.behind-photo-grid{grid-template-columns:1fr}.behind-lab{margin:0 -18px;padding:28px 18px}.behind-lab__choices button{flex:1 1 100%;text-align:left}.behind-lab__under{display:block}.behind-lab__under div{margin-top:18px}.behind-essay{margin-bottom:60px}.behind-studies{padding:50px 0 65px}}
@media(prefers-reduced-motion:reduce){.behind-music *, .behind-music *:before,.behind-music *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition:none!important}}
/* Full Edition only: replace its duplicated notebook illustration with a dark instrument threshold. The standalone Listening Room entrance is unchanged. */
.full002-review .full002-instrument{background:radial-gradient(ellipse at 54% 12%,#292c26,#0b0d0b 72%)}
.full002-review .full002-instrument__shade{background:transparent}

@media (max-width:400px){.behind-music__hero-overlay>p:last-child{display:none}.behind-music__hero-overlay h2{font-size:clamp(30px,8.3vw,35px)}.behind-music__hero-overlay{padding-bottom:12px}}

/* 2026-10-24 CORRESPONDENCE marginal aside — private review.
   Sits on the existing charcoal reader-lab field, not a new card or chapter.
   Yellow-on-paper fails AA contrast; the existing dark field maintains contrast.
   Copy remains an explicit editorial placeholder until the approved words are supplied. */
.behind-correspondence{max-width:760px;margin:0 0 clamp(60px,9vw,112px) clamp(0px,11vw,124px);padding:0;border:0;background:transparent;color:var(--behind-yellow);font-style:normal}
.behind-correspondence__rule{height:1px;width:100%;max-width:360px;margin:0 0 clamp(21px,3vw,35px);background:rgba(240,226,15,.72)}
.behind-correspondence h4{margin:0 0 clamp(22px,3vw,36px);color:var(--behind-yellow);font:700 11px/1.5 "IBM Plex Mono",Menlo,monospace;letter-spacing:.15em;text-transform:uppercase}
.behind-correspondence__copy{margin:0;max-width:58ch;color:var(--behind-yellow);font:normal clamp(18px,2vw,21px)/1.62 Georgia,serif;overflow-wrap:break-word;white-space:normal}
@media(max-width:700px){.behind-correspondence{margin-left:0;margin-bottom:64px}.behind-correspondence__rule{max-width:55vw}.behind-correspondence__copy{font-size:18px;line-height:1.65}}