/* story-photo-quote
   Generated from the approved mockup CSS by wp-build/css.py, plus css-fixes/story-photo-quote.css. */
.story-band { position: relative; }
.story-band .story-photo { position: relative; margin: 0; height: clamp(480px, 48vw, 680px); }
.story-band .story-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%; }
.story-band .story-card { position: absolute; left: max(32px, calc((100% - 1280px) / 2)); bottom: var(--s6); width: min(500px, 100% - 64px); background: var(--page); border-radius: var(--r-panel); padding: 40px 44px; }
.story-band blockquote { margin: 0 0 var(--s2); }
.story-band blockquote p { font-family: var(--head); font-weight: 400; font-size: 29px; line-height: 1.35; }
.story-band .story-who { color: var(--muted); font-size: 16px; margin-bottom: var(--s3); }
@media (max-width: 700px) {
  .story-band .story-photo { height: 320px; }
  .story-band .story-card { position: relative; left: auto; bottom: auto; width: auto; margin: -48px 16px 0; padding: var(--s4) var(--s3); box-shadow: 0 8px 28px rgba(20,30,24,.12); }
  .story-band blockquote p { font-size: 23px; }
}