/* Three deliverables, one editorial stage. All rules stay inside this wrapper. */
.ppl-showcase { --showcase-top:68px; padding-bottom:64px; }
.ppl-showcase .section-intro { margin-bottom:36px; }
.ppl-showcase [data-showcase-panel] { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:center; gap:clamp(24px,4vw,64px); border:0; padding:0; margin:0 0 64px; }
.ppl-showcase [data-showcase-panel] > .deliverable-caption { margin:0; max-width:440px; order:0; }
.ppl-showcase .deliverable-caption h3 { font-size:clamp(36px,4.1vw,62px); }
.ppl-showcase .deliverable-caption p { max-width:32ch; font-size:clamp(16px,1.5vw,19px); }
.ppl-showcase .deliverable-art { width:100%; height:520px; max-width:none; border-radius:14px; background:var(--ink); }
.ppl-showcase .deliverable-art img { width:100%; height:100%; object-fit:cover; }
.ppl-showcase .deliverable-sheet .deliverable-art img { object-position:center 70%; }
.ppl-showcase .deliverable-finished-stage { position:relative; display:grid; grid-template-columns:1fr 1.05fr; gap:14px; align-items:center; height:520px; padding:24px; border-radius:14px; overflow:hidden; background:#E5E8E8; }
.ppl-showcase .deliverable-discussion { position:relative; z-index:2; }
.ppl-showcase .deliverable-discussion h4 { font-size:clamp(23px,2.6vw,36px); margin-bottom:16px; }
.ppl-showcase .deliverable-topic { font-size:13px; }
.ppl-showcase .deliverable-topic-detail { font-size:12px; line-height:1.5; margin:0; }
.ppl-showcase .deliverable-doctor { width:100%; height:90%; margin:0; border-radius:0; background:transparent; }
.ppl-showcase .doctor-phone { width:100%; height:100%; border-width:5px; border-radius:26px; }
.ppl-showcase .doctor-phone .doctor-message-screen { bottom:5%; }
.ppl-showcase .doctor-phone .doctor-screen-heading { font-size:10px; }
.ppl-showcase .doctor-phone .doctor-message-track li { font-size:12px; padding:12px 9px; }
.ppl-showcase .doctor-phone .doctor-message-viewport { min-height:86px; }
.ppl-showcase-nav[hidden] { display:none; }
.ppl-showcase-nav { display:flex; gap:28px; border-top:1px solid #281c1c25; padding-top:16px; }
.ppl-showcase-nav button { display:flex; gap:12px; align-items:center; min-height:44px; padding:0 4px; border:0; background:none; color:var(--deep); font:12px var(--mono); cursor:pointer; }
.ppl-showcase-nav button span { font:14px var(--sans); }
.ppl-showcase-nav button[aria-current] { color:var(--ink); box-shadow:0 -18px 0 -16px var(--coral); }
.ppl-showcase-nav button:focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
.ppl-showcase.is-sticky { height:300svh; padding-bottom:0; }
.ppl-showcase.is-sticky .ppl-showcase-sticky { position:sticky; top:var(--showcase-top); height:calc(100svh - var(--showcase-top)); display:grid; grid-template-rows:auto minmax(0,1fr) auto; gap:20px; padding:24px 0 20px; box-sizing:border-box; }
.ppl-showcase.is-sticky .section-intro { margin:0; display:flex; align-items:baseline; justify-content:space-between; gap:24px; }
.ppl-showcase.is-sticky .section-intro h2 { font-size:clamp(28px,3vw,42px); margin:0; }
.ppl-showcase.is-sticky .section-intro p { font-size:16px; margin:0; }
.ppl-showcase.is-sticky .ppl-showcase-panels { position:relative; min-height:0; }
.ppl-showcase.is-sticky [data-showcase-panel] { position:absolute; inset:0; margin:0; }
.ppl-showcase.is-sticky .deliverable-art,.ppl-showcase.is-sticky .deliverable-finished-stage { height:100%; min-height:0; }
.ppl-showcase.is-sticky .deliverable-art img { will-change:transform; }
.ppl-showcase.is-sticky .deliverable-caption { will-change:opacity,transform; }
@media(max-width:1023px) {
  .ppl-showcase [data-showcase-panel] { grid-template-columns:1fr; gap:26px; margin-bottom:64px; }
  .ppl-showcase .deliverable-art { height:auto; aspect-ratio:1.12; }
  .ppl-showcase .deliverable-finished-stage { height:480px; padding:24px; }
  .ppl-showcase .deliverable-discussion h4 { font-size:clamp(25px,4.5vw,38px); }
  .ppl-showcase .deliverable-caption h3 br { display:none; }
}
@media(max-width:480px) {
  .ppl-showcase .deliverable-finished-stage { grid-template-columns:1fr; height:auto; padding:24px; gap:24px; }
  .ppl-showcase .deliverable-doctor { width:min(100%,240px); height:410px; margin:auto; order:0; }
  .ppl-showcase .deliverable-discussion { order:1; }
  .ppl-showcase .deliverable-discussion h4 { font-size:30px; }
  .ppl-showcase .deliverable-topic { font-size:14px; }
  .ppl-showcase .deliverable-topic-detail { font-size:13px; }
  .ppl-showcase .doctor-phone .doctor-screen-heading span { font-size:10px; }
  .ppl-showcase .doctor-phone .doctor-message-track li { font-size:13px; }
}
@media print { .ppl-showcase.is-sticky { height:auto; } .ppl-showcase.is-sticky .ppl-showcase-sticky { position:static; height:auto; display:block; } .ppl-showcase.is-sticky [data-showcase-panel] { position:relative; visibility:visible!important; margin-bottom:40px; } .ppl-showcase [data-showcase-panel]>* { opacity:1!important; clip-path:none!important; transform:none!important; } .ppl-showcase-nav { display:none; } }