/* Smaller artwork retains the full native image detail. */
.hero-peppermint .pack-cutout{width:88%;max-width:546px}
.product>.pack-cutout{width:88%;max-width:458px}

/* The meadow lives in the compact legal row, not a separate tall bottom area. */
footer.footer-meadow{background:var(--sky,#93D2F6);color:var(--ink,#202A31);padding:32px 5% 10px;isolation:isolate}
footer.footer-meadow::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath fill='%2393D2F6' d='M0 30C240 0 480 60 720 30S1200 0 1440 34V60H0z'/%3E%3C/svg%3E")}
.footer-meadow .footer-top,.footer-meadow .footer-bottom{position:relative;z-index:1}
.footer-meadow .footer-top p,.footer-meadow .footer-top>a:last-child,.footer-meadow .footer-bottom,.footer-meadow .footer-privacy{color:var(--ink,#202A31)}
.footer-meadow .footer-bottom{display:grid;grid-template-columns:auto minmax(60px,1fr) auto;align-items:end;gap:24px;margin-top:20px;padding-top:0;border-top:1px solid #202A312e}
.footer-meadow .footer-bottom>span,.footer-meadow .footer-privacy{padding-bottom:5px}
.footer-meadow .footer-privacy{display:flex;align-items:end;min-height:44px}
.footer-meadow .footer-privacy:hover{color:#102D3C}
.footer-meadow :focus-visible{outline-color:var(--ink,#202A31)}
.footer-grass{position:relative;min-width:0;height:56px;margin-bottom:-10px;overflow:hidden;pointer-events:none;z-index:0}
.footer-grass svg{position:absolute;left:50%;bottom:0;display:block;width:100%;min-width:600px;height:100%;transform:translateX(-50%)}
.grass-tuft{transform-box:fill-box;transform-origin:50% 100%;animation:meadow-breeze var(--wind-time,8s) ease-in-out var(--wind-delay,0s) infinite alternate;animation-play-state:paused}
.footer-meadow[data-meadow-visible="true"] .grass-tuft{animation-play-state:running}
@keyframes meadow-breeze{0%{transform:rotate(-1.2deg)}55%{transform:rotate(var(--wind-lean,2.4deg))}100%{transform:rotate(.2deg)}}
@media(max-width:720px){footer.footer-meadow{padding:26px 5% 10px}.footer-meadow .wordmark{width:174px}.footer-meadow .footer-bottom{grid-template-columns:minmax(0,145px) minmax(50px,1fr) auto;gap:12px;margin-top:18px;font-size:10px;line-height:1.5}.footer-grass{height:50px}}
@media(prefers-reduced-motion:reduce){.grass-tuft{animation:none!important;transform:none!important}}

@media(max-width:360px){.footer-meadow .footer-top{gap:18px}.footer-meadow .wordmark{width:140px}}
