/* AMSP Edition 002 · PB034 final private build.
   Additive layer on PB033 (loads last on /002/). Scope: Letter Draft 05 ending,
   Framing Your Practice composition, Behind the Music A/B/C teaser + disclosure,
   Following. Nothing here touches Room 002 data, Side A/B/C behaviour or Edition 001. */

/* ── 01 Letter · Draft 05: body → Rigatoni → closing → Jay ─────────────── */
.e002 .e002-letter__text cite,.e002 .e002-letter__close cite{font-style:italic}
.e002 .pb034-letter-close{grid-column:1;margin-top:clamp(8px,1.4vw,18px)}
.e002 .pb034-letter-close p{font:400 clamp(18px,1.7vw,21px)/1.68 var(--e2-serif);max-width:32em;margin:0 0 1em}
@media (min-width:761px){
  .e002 .e002-letter{grid-template-rows:auto auto;row-gap:0}
  .e002 .e002-letter__text{grid-column:1;grid-row:1}
  /* PB034.3: Restore the original PB030 scroll-following Rigatoni photo.
     The grid item sticks within the Letter text row, then releases naturally
     before the closing paragraph; source/reading order is unchanged. */
  .e002 .e002-letter__image{grid-column:2;grid-row:1;align-self:start;position:sticky;top:76px;margin-bottom:1em}
  .e002 .pb034-letter-close{grid-row:2}
}

/* ── 02 Framing Your Practice · approved SVG compositions (1440 / 390) ── */
.pb034-fyp{--fyp-paper:#f3f0e5;--fyp-ink:#2b4051;--fyp-meta:#52636b;--fyp-dot:#e8e467;--fyp-ground:#181c1e;
  background:var(--fyp-ground);color:var(--fyp-paper);padding:0 0 clamp(40px,4.1vw,59px);overflow:hidden;scroll-margin-top:64px}
:where(.pb034-fyp) :where(figure,ol,p){margin:0}
.pb034-fyp img{display:block;width:100%;height:auto;background:#22272a}

/* paper masthead band */
.pb034-fyp__band{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:94px;padding:0 50px 0 36px;box-sizing:border-box;background:var(--fyp-paper);color:var(--fyp-ink);border-bottom:1px solid rgba(43,64,81,.52)}
.pb034-fyp__mast{display:grid;grid-template-columns:24px auto;column-gap:14px;align-items:center}
.pb034-fyp__dot{grid-row:1/3;width:24px;height:24px;border-radius:50%;background:var(--fyp-dot)}
.pb034-fyp__name{font:700 13px/1.25 var(--e2-sans);letter-spacing:.02em;text-transform:uppercase}
.pb034-fyp__meta{font:700 9px/1.5 var(--e2-sans);letter-spacing:.04em;text-transform:uppercase}
.pb034-fyp__edition{display:none}
.pb034-fyp__preview{font:600 13px/1 var(--e2-mono);letter-spacing:1px;text-transform:uppercase;color:var(--fyp-meta)}
.pb034-fyp__preview--title,.pb034-fyp__kicker{display:none}

/* full-width photographic opening, restored title + underline on the seamless */
.pb034-fyp__opening{position:relative;background:#fff}
.pb034-fyp__opening-img{aspect-ratio:1440/891;object-fit:cover;object-position:50% 100%}
.pb034-fyp__titleblock{position:absolute;left:0;right:0;bottom:0;padding-bottom:3.05%;text-align:center;color:var(--fyp-ink)}
.pb034-fyp__title{display:block;width:70.84%;margin:0 auto;padding-bottom:.16em;border-bottom:1.4px solid rgba(43,64,81,.48);
  font:400 clamp(30px,5vw,72px)/1.12 var(--e2-serif);letter-spacing:-.005em;color:var(--fyp-ink);max-width:none}

/* three photo studies: organic placement on the 1440 grid (84 | 316 | 116 | 379 | 81 | 316 | 148) */
.pb034-fyp__studies{list-style:none;padding:0;max-width:1440px;margin:clamp(60px,9.375vw,135px) auto 0;
  display:grid;grid-template-columns:84fr 316fr 116fr 379fr 81fr 316fr 148fr;align-items:start}
.pb034-fyp__study{min-width:0}
.pb034-fyp__study--1{grid-column:2}.pb034-fyp__study--2{grid-column:4}.pb034-fyp__study--3{grid-column:6}
.pb034-fyp__study img{object-fit:cover;aspect-ratio:316/473}
.pb034-fyp__study--2 img{aspect-ratio:379/473}
.pb034-fyp__num{display:none}

/* full-bleed sequence */
.pb034-fyp__wide{margin-top:clamp(56px,8.26vw,119px)!important}
.pb034-fyp__wide--pair{margin-top:clamp(56px,8.8vw,127px)!important}
.pb034-fyp__wide img{aspect-ratio:3/2;object-fit:cover}

/* circular portrait + Vanessa acknowledgement */
.pb034-fyp__thanks{max-width:1440px;margin:clamp(36px,4.375vw,63px) auto 0;position:relative}
.pb034-fyp__circle{width:45.49%;margin-left:50%!important}
.pb034-fyp__circle img{aspect-ratio:1;border-radius:50%;object-fit:cover;background:#fff}
.pb034-fyp__note{width:44.7%;margin:-3.26% 0 0 10.14%;position:relative}
.pb034-fyp__note p{font:400 clamp(16px,1.6vw,23px)/1.42 var(--e2-serif);color:var(--fyp-paper);margin:0 0 .45em;max-width:none}

/* closing photograph (DSCF1527 2.png, square, never stretched or cropped) + credit */
.pb034-fyp__closing{max-width:1440px;margin:clamp(40px,4.72vw,68px) auto 0;display:grid;grid-template-columns:59fr 844fr 149fr 388fr;align-items:end}
.pb034-fyp__last{grid-column:2;max-width:844px}
.pb034-fyp__last img{aspect-ratio:1/1;object-fit:contain;background:transparent}
.pb034-fyp__credit{grid-column:4;padding-bottom:5.9%;font:400 clamp(18px,2.36vw,34px)/1.4 var(--e2-serif);color:var(--fyp-paper)}
.pb034-fyp__credit span{display:block}

/* phone composition (390 artboard) */
@media (max-width:699px){
  .pb034-fyp{padding-bottom:48px}
  .pb034-fyp__band{display:grid;grid-template-columns:1fr auto;align-items:start;min-height:109px;padding:16px 20px 14px 13px}
  .pb034-fyp__mast{grid-column:1/3;grid-template-columns:18px auto;column-gap:7px}
  .pb034-fyp__dot{grid-row:1;width:18px;height:20px}
  .pb034-fyp__name{font-size:15px;letter-spacing:.01em}
  .pb034-fyp__meta{grid-column:1/3;margin-top:12px;font-size:10px;letter-spacing:.03em}
  .pb034-fyp__edition{display:block;grid-column:2;margin-top:10px;font:700 11px/1 var(--e2-sans);letter-spacing:.04em;color:var(--fyp-ink)}
  .pb034-fyp__preview--band{display:none}
  .pb034-fyp__opening-img{aspect-ratio:390/434;object-position:40% 88%}
  .pb034-fyp__titleblock{position:relative;display:grid;grid-template-columns:1fr auto;background:var(--fyp-paper);padding:20px 20px 19px;text-align:left}
  .pb034-fyp__kicker{display:block;grid-column:1;grid-row:1;margin-top:6px;font:700 11px/1 var(--e2-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--fyp-meta)}
  .pb034-fyp__preview--title{display:block;grid-column:2;grid-row:1;font-size:9px;font-weight:600;letter-spacing:.6px}
  .pb034-fyp__title{grid-column:1/3;width:auto;margin:18px 0 0;padding-bottom:22px;border-bottom-width:.8px;font-size:clamp(36px,11.3vw,46px);line-height:1.08;text-align:left}
  .pb034-fyp__studies{display:block;margin-top:64px}
  .pb034-fyp__study{margin:0 0 50px}
  .pb034-fyp__study--1{margin-left:6.15%;width:61.03%}
  .pb034-fyp__study--2{margin-left:33.08%;width:60.77%}
  .pb034-fyp__study--3{margin-left:7.18%;width:64.36%;margin-bottom:0}
  .pb034-fyp__study--1 img{aspect-ratio:238/406}
  .pb034-fyp__study--2 img{aspect-ratio:237/337}
  .pb034-fyp__study--3 img{aspect-ratio:251/428}
  .pb034-fyp__num{display:block;margin:0 0 14px!important;font:700 11px/1 var(--e2-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--fyp-dot)}
  .pb034-fyp__wide{margin-top:36px!important}
  .pb034-fyp__wide--studio img{aspect-ratio:390/540;object-position:59.9% 50%}
  .pb034-fyp__wide--pair{margin-top:63px!important}
  .pb034-fyp__wide--pair img{aspect-ratio:390/296}
  .pb034-fyp__thanks{margin-top:33px}
  .pb034-fyp__circle{width:70.77%;margin:0 auto!important}
  .pb034-fyp__note{width:auto;margin:25px 24px 0}
  .pb034-fyp__note p{font-size:15px;line-height:1.5;margin-bottom:.7em}
  .pb034-fyp__closing{display:block;margin:90px 20px 0}
  .pb034-fyp__last{width:44.87%;max-width:none}
  .pb034-fyp__credit{padding:14px 0 0;font-size:19px}
  .pb034-fyp__credit span{display:inline}
}
@media (max-width:360px){.pb034-fyp__name{font-size:13px}}

/* ── 05 Behind the Music · A/B/C teaser (approved Side B styling on all three) ── */
.e002 .pb034-behind-hero .behind-music__photo-stage{display:block}
.pb034-behind-hero__grid{max-width:1180px;margin:0 auto;box-sizing:border-box;padding:clamp(56px,7vw,104px) clamp(20px,4.8vw,58px) clamp(36px,4vw,56px);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:clamp(28px,4vw,64px);align-items:end}
.e002 .pb034-behind-hero .behind-music__hero-overlay{padding:0;margin:0;max-width:none}
.pb034-abc{--abc-lemon:#f0e20f;--abc-muted:#a9a79f;color:#f3f0e7;min-width:0}
.pb034-abc__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:9px;border-bottom:1px solid rgba(243,240,231,.24);
  font:600 10px/1.3 var(--e2-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--abc-lemon)}
.pb034-abc__head p{margin:0}
.pb034-abc__crystal{width:31%;margin:7px auto 6px;aspect-ratio:158/137;border-radius:9px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;overflow:hidden}
.pb034-abc__crystal svg{width:100%;height:100%;display:block}
.pb034-abc__crystal .pb017r-envelope{display:none}
.pb034-abc__still{width:84%;height:auto}
.pb034-abc__sides{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.75vw,25px)}
.pb034-abc__side{min-width:0}
.pb034-abc__link{display:block;color:inherit;text-decoration:none;outline:none;-webkit-tap-highlight-color:transparent}
.pb034-abc__tile{position:relative;display:block;aspect-ratio:145/132;overflow:hidden;box-sizing:border-box;border:2px solid transparent;background:#1b1d1b}
.pb034-abc__tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pb034-abc__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:600 clamp(13px,1.3vw,17px)/1 var(--e2-mono);letter-spacing:.04em;color:#fff;text-transform:uppercase}
.pb034-abc__cap{display:block;margin-top:10px;text-align:center;font:400 10px/1.3 var(--e2-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--abc-muted)}
.pb034-abc__side.is-active .pb034-abc__tile{border-color:var(--abc-lemon)}
.pb034-abc__side.is-active .pb034-abc__cap{color:var(--abc-lemon)}
.pb034-abc__link:focus-visible .pb034-abc__tile{outline:2px solid #fff;outline-offset:3px}
@media (max-width:860px){
  .pb034-behind-hero__grid{grid-template-columns:1fr;align-items:start}
  .pb034-abc{max-width:520px}
}
@media (max-width:420px){
  .pb034-abc__sides{gap:10px}
  .pb034-abc__label{font-size:12px}
  .pb034-abc__cap{font-size:9px;letter-spacing:.03em}
  .pb034-abc__crystal{width:38%}
}

/* Behind the Music disclosure: “More notes from behind the music”, Libre Baskerville body */
/* Editorial reading polish: give the two-line initial M room before "aking" without changing the text. */
.behind-music .behind-essay .e002-lead > p:first-child::first-letter{margin-right:.5em}
/* The expanded Behind the Music invitation is a prominent chapter-opening action, not tiny support copy. */
.behind-music .e002-more--c>summary{font:700 clamp(27px,2.65vw,35px)/1.3 var(--e2-serif);letter-spacing:-.018em;text-transform:none;min-height:74px;padding:20px 0;gap:16px;color:#131914;text-decoration-thickness:1px;text-underline-offset:5px}
.behind-music .e002-more--c>summary:hover{text-decoration:underline}
.behind-music .e002-more--c>summary::before{content:"▶";width:36px;height:36px;background:#f0e20f;color:#161914;border:1px solid #161914;flex:none;font:700 15px/1 var(--e2-sans);transition:transform .2s ease}
.behind-music .e002-more--c[open]>summary::before{content:"▶";transform:rotate(90deg)}
@media(prefers-reduced-motion:reduce){.behind-music .e002-more--c>summary::before{transition:none}}
.behind-music .e002-more--c .e002-essay-b>p{font:400 24px/1.7 var(--e2-serif);max-width:31em;margin:0 0 1.05em}
@media (max-width:760px){.behind-music .e002-more--c .e002-essay-b>p{font-size:20px;line-height:1.66}}

/* ── 06 Following ── */
.pb034-following .e002-exit__invite{margin:0 0 1em}
.pb034-following .e002-exit__invite a{color:var(--e2-lemon);text-underline-offset:4px}