/* Keep the approved homepage pack calibration from the first paint.
   The reference photo is 1254px square; its visible pack spans y=184..1069.
   Width and vertical-offset factors reproduce the previous JS alignment,
   using the reserved stage size instead of waiting for any image to load. */
[data-static-product-sizing]{--bbc-stage-height:260px;--bbc-reference-max:315px}
@media(min-width:561px){[data-static-product-sizing]{--bbc-reference-max:350px}}
@media(min-width:761px){[data-static-product-sizing]{--bbc-stage-height:290px}}
@media(min-width:1001px){[data-static-product-sizing]{--bbc-stage-height:clamp(320px,22vw,370px)}}
[data-static-product-sizing] .collection-photo{height:var(--bbc-stage-height)}
[data-static-product-sizing] .photo-surface{position:relative}
[data-static-product-sizing] .collection-photo img[data-pack-alignment]{
 position:absolute;
 width:calc(min(100%,var(--bbc-stage-height),var(--bbc-reference-max)) * var(--bbc-pack-width));
 height:auto;max-width:none;max-height:none;
 left:50%;top:50%;
 transform:translate(-50%,var(--bbc-pack-y));
}
[data-pack-alignment="blueberry"]{--bbc-pack-width:1.183062414559125;--bbc-pack-y:-49.523038652269868%}
[data-pack-alignment="strawberry"]{--bbc-pack-width:1.150182607837331;--bbc-pack-y:-50.240720055687760%}
[data-pack-alignment="raspberry"]{--bbc-pack-width:1.179641627859891;--bbc-pack-y:-49.475891663432101%}
[data-pack-alignment="apple"]{--bbc-pack-width:1.160260878223638;--bbc-pack-y:-48.425579676126027%}
[data-pack-alignment="frozen12"]{--bbc-pack-width:.836483931947070;--bbc-pack-y:-51.403328557655051%}

/* Reserve each lifestyle photo's exact natural ratio before lazy decoding. */
.home-editorial .editorial-photo[src*="public-frozen12-lunch-v55.webp"]{aspect-ratio:auto 1672/941}
.home-editorial .editorial-photo[src*="/yogurt.webp"]{aspect-ratio:auto 3/2}