/* Preserve the approved photographic artwork; refine mobile layout only. */
@media(max-width:700px){
 .hero--photo{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;padding:28px 0 24px;row-gap:0;background:#faf7ef}
 .hero--photo .hero__inner,.hero--photo .hero__copy{display:contents}
 .hero--photo .hero__copy>.eyebrow,.hero--photo .hero__copy>h1,.hero--photo .hero__copy>.hero__lead,.hero--photo .hero__copy>.button,.hero--photo .hero__copy>.hero__credit{margin-inline:20px;width:auto;max-width:none;position:relative;z-index:1}
 .hero--photo .hero__copy>.eyebrow{grid-row:1;font-size:10px;letter-spacing:.12em;line-height:1.5;margin-bottom:18px}
 .hero--photo .hero__copy>h1{grid-row:2;font-size:clamp(34px,9.3vw,48px);line-height:1.08;margin-bottom:16px;letter-spacing:-.05em}
 .hero--photo .hero__copy>h1 em{font-size:1em;line-height:inherit}
 .hero--photo .hero__copy>.hero__lead{grid-row:3;font-size:17px;line-height:1.5;margin-block:0 6px;color:#53594e}
 .hero--photo .hero__art{grid-row:4;position:relative;inset:auto;z-index:0;overflow:hidden;height:clamp(240px,68vw,350px);width:100%;margin-block:0 12px}
 .hero--photo .hero__art picture{display:block;height:100%;width:100%}
 .hero--photo .hero__art img{position:absolute;left:0;bottom:-22px;width:100%;height:auto;max-width:none;object-fit:contain}
 .hero--photo .hero__copy>.button{grid-row:5;min-height:52px;font-size:16px;margin-bottom:14px;padding:14px 20px}
 .hero--photo .hero__copy>.hero__credit{grid-row:6;text-align:center;font-size:12px;line-height:1.5;margin-block:0}
}
@media(max-width:350px){.hero--photo .hero__copy>h1{font-size:32px}.hero--photo .hero__copy>.hero__lead{font-size:16px}.hero--photo .hero__art{height:225px}}