/* One banner geometry for the four information pages; homepage stays independent. */
#main .pld-interior-banner {
  position: relative;
  isolation: isolate;
  height: 460px;
  padding: 0;
  background: #fbefea;
  color: var(--ink);
}
.pld-interior-scene { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.pld-interior-scene img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: right center; }
.pld-interior-banner::before {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(90deg, #fbefea 0%, #fbefea 30%, rgba(251,239,234,.97) 40%, rgba(251,239,234,.82) 49%, rgba(251,239,234,.28) 62%, transparent 76%);
}
.pld-interior-banner::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 12px;
  background: #fffaf7 var(--pld-trim) center / 120px 16px repeat-x; pointer-events: none;
}
#main .pld-interior-banner .pld-interior-layout { display: flex; align-items: center; height: 100%; padding-top: 40px; padding-bottom: 36px; }
.pld-interior-copy { width: 53%; max-width: 730px; min-width: 0; }
#main .pld-interior-banner .eyebrow { margin: 0 0 14px; }
#main .pld-interior-banner .eyebrow::before { content: ''; display: block; width: 82px; height: 16px; margin-bottom: 14px; background: var(--pld-trim) left center / 120px 16px; opacity: .85; }
#main .pld-interior-banner h1 { margin: 0 0 18px; max-width: none; font-size: clamp(38px, 4vw, 60px); line-height: 1.08; }
#main .pld-interior-banner .lede {
  margin: 0; max-width: 54ch; font-size: 16px; line-height: 1.75;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
  line-clamp: 2; max-height: 3.5em; overflow: hidden;
}
#main .pld-interior-banner .button { margin-top: 22px; }
#main .pld-interior-banner .story-signature { margin: 18px 0 0; font-size: 16px; }
/* The shared banner now supplies this exact trim; avoid a doubled line. */
.collections-page > .pld-interior-banner + .band::before { display: none; }
@media (min-width: 701px) and (max-width: 1050px) {
  #main .pld-interior-banner { height: 500px; }
  .pld-interior-copy { width: 61%; }
  .pld-interior-banner::before { background: linear-gradient(90deg, #fbefea 0%, #fbefea 35%, rgba(251,239,234,.94) 51%, rgba(251,239,234,.5) 65%, transparent 85%); }
}
@media (max-width: 700px) {
  #main .pld-interior-banner { height: 700px; }
  #main .pld-interior-banner .pld-interior-layout { align-items: flex-start; padding-top: 66px; padding-bottom: 260px; }
  .pld-interior-copy { width: 100%; max-width: 560px; }
  #main .pld-interior-banner h1 { font-size: clamp(36px, 7.8vw, 48px); }
  #main .pld-interior-banner .eyebrow { font-size: 11px; }
  .pld-interior-scene { top: auto; height: 280px; }
  .pld-interior-scene img { object-position: right center; }
  .pld-interior-banner::before { background: linear-gradient(180deg, #fbefea 0%, #fbefea 58%, rgba(251,239,234,.97) 61%, rgba(251,239,234,.25) 72%, transparent 83%); }
}
@media (forced-colors: active), print {
  .pld-interior-scene, .pld-interior-banner::before, .pld-interior-banner::after, #main .pld-interior-banner .eyebrow::before { display: none; }
  #main .pld-interior-banner { height: auto; min-height: 0; }
  #main .pld-interior-banner .pld-interior-layout { padding-block: 48px; }
  .pld-interior-copy { width: 100%; }
}
@media print {
  #main .pld-interior-banner .lede { display: block; -webkit-line-clamp: unset; line-clamp: none; max-height: none; overflow: visible; }
}