/* Computer widths only. The hero, on his "Yes, make them", Nov 2. The phone and tablet are untouched. */
@media (min-width:1000px){
 /* The film always runs under the top of the fade, so a tall window never shows its bottom edge. */
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-media{height:max(70%,calc(100% - 250px))}

 /* The crop now lives in the film, media/food-hero-wide: each shot has its own band. This only keeps a wider window from losing the payoff at the bottom of the band. */
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-media .pm-film,
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-media video{object-position:50% 80%}

 /* The shade follows the headline, so any window height gets the same fade. It was a percentage of the hero. */
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-shade{background:none}
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-copy{background:linear-gradient(180deg,rgb(16 42 40 / .8) 0,var(--ax-deep) 30px)}
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-copy::before{content:"";position:absolute;inset:auto 0 100%;height:86px;background:linear-gradient(0deg,rgb(16 42 40 / .8),rgb(16 42 40 / 0));pointer-events:none}

 /* One row under the button: the price leads, then skip or pause, then the reviews, which hero-cut.js moves here. */
 body.flow-refinement #unit-hero#unit-hero #top .hero-buy-details{font-size:17px;letter-spacing:-.022em;color:rgb(255 255 255 / .76)}
 body.flow-refinement #unit-hero#unit-hero #top .hero-buy-details .hero-from{color:#fff;font-weight:600}
 body.flow-refinement #unit-hero#unit-hero #top .hero-buy-details .cf-community{display:inline-flex;align-items:center;gap:6px;min-height:0;height:auto;margin:0;padding:0;color:inherit;font-size:inherit;line-height:inherit;font-weight:400;letter-spacing:inherit}
 body.flow-refinement #unit-hero#unit-hero #top .hero-buy-details .cf-community::before{content:"·";margin:0 calc(.55em - 6px) 0 .55em;color:rgb(255 255 255 / .5)}
}