.hero{grid-template-columns:1.08fr 1fr;gap:38px;min-height:570px;padding-block:32px 42px}
.hero-figure{margin:0;align-self:center}
.hero-bowl{width:100%;aspect-ratio:1;object-fit:cover;object-position:center;mix-blend-mode:normal;mask-image:none;border-radius:14px;box-shadow:none}
.hero-bowl,.broth-photo img{filter:saturate(.94) contrast(.98) sepia(.05)}
.broth-photo{border-radius:14px}
.hero-figure figcaption{position:static;margin-top:10px;font-size:11px;color:var(--muted);text-align:right}
.hero-figure figcaption a,.ingredients-note a{text-decoration:underline;text-underline-offset:3px}
.collection-photo{width:100%;height:auto;object-fit:cover;object-position:center}
.broth-photo img{inset:0;max-width:100%;width:100%;height:100%;object-fit:cover;object-position:center}
.photo-credits-intro{max-width:760px}
.photo-credits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;margin:32px 0 50px;padding:0;list-style:none}
.photo-credit{min-width:0;border-bottom:1px solid var(--line);padding-bottom:24px}
.photo-credit img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.photo-credit h2{font:700 27px/1.15 var(--heading);margin:14px 0 7px;overflow-wrap:anywhere}
.photo-credit p{font-size:14px;line-height:1.6;margin:7px 0;overflow-wrap:anywhere}
.photo-credit a{text-decoration:underline;text-underline-offset:3px}
.photo-credit small{font-size:12px;color:var(--muted)}
@media(max-width:1150px){.hero{gap:30px;min-height:520px}.hero h1{font-size:70px}}
@media(max-width:850px){.hero{gap:25px;min-height:430px}.hero h1{font-size:57px}.photo-credits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hero{gap:28px;padding-block:28px 32px;min-height:0}.hero h1{font-size:clamp(50px,13.4vw,74px)}.hero-figure{margin:0;width:100%;max-width:none}.hero-bowl{aspect-ratio:1.18;border-radius:12px}.hero-figure figcaption{font-size:10px;margin-top:8px}.photo-credits{gap:25px 18px}.photo-credit h2{font-size:23px}.photo-credit p{font-size:12px}}
@media(max-width:360px){.hero h1{font-size:49px}.photo-credits{grid-template-columns:1fr}}

/* Keep the uploaded light-broth image edge outside the rounded display frame. */
.broth-photo-light img{transform:scale(1.04)}
@media(max-width:600px){.hero-bowl,.broth-photo-light,.broth-photo-medium{aspect-ratio:1}}