/* Draft v5: keep the printed quote visible and place the page title below the photo. */
.hero{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;background:#fff}
.hero::before{content:none}
.hero-image{position:relative;inset:auto;z-index:auto;display:block;width:100%;height:auto;max-height:calc(100svh - 112px);object-fit:contain;object-position:center;filter:none;background:#fff}
.hero-content{width:100%;padding-top:26px;padding-bottom:30px;color:#080808}
.hero h1{margin:0 0 22px}
.hero-bottom{border-top-color:rgba(8,8,8,.22)}
.footer-brand-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;padding:28px 0}
.footer-social{display:inline-flex;align-items:center;justify-self:start;gap:12px;width:fit-content;color:#080808;font-size:13px;line-height:1.5;letter-spacing:.025em;text-transform:none}
.footer-social:hover span{text-decoration:underline;text-underline-offset:4px}
.footer-social:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.instagram-icon{display:block;flex:none;width:24px;height:24px}
.footer .footer-brand-row .footer-mark{margin:0}
.footer-meta{justify-content:flex-end}
@media(max-width:560px){
  .hero-image{max-height:none}
  .hero-content{padding-top:18px;padding-bottom:24px}
  .hero h1{margin-bottom:18px}
  .footer-brand-row{grid-template-columns:1fr;justify-items:center;gap:28px;padding:18px 0 24px}
  .footer-social{order:2;justify-self:center;font-size:12px}
  .footer .footer-brand-row .footer-mark{order:1;justify-self:center}
  .footer-meta{justify-content:center}
}