/* A tall breakfast photograph replaces the empty camera illustration. */
.flavors-awaiting.flavors-breakfast{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);padding:0;gap:0;overflow:hidden;align-items:stretch}
.flavor-breakfast-photo{margin:0;background:#e8efe8}
.flavor-breakfast-photo img{display:block;width:100%;height:auto;max-width:none}
.flavors-breakfast-copy{align-self:center;padding:clamp(28px,5vw,70px)}
.flavors-breakfast-copy p{max-width:480px}
@media(max-width:700px){.flavors-awaiting.flavors-breakfast{grid-template-columns:minmax(0,1fr)}.flavors-breakfast-copy{padding:30px 25px}.flavor-breakfast-photo{width:100%}}
.flavors-awaiting.flavors-breakfast[hidden]{display:none}
.new-flavors .section-heading>p{color:#5d7565}

.flavor-breakfast-photo{position:relative;display:grid;aspect-ratio:768/1376;isolation:isolate;overflow:hidden}
.flavor-breakfast-photo img{grid-area:1/1;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .55s ease;pointer-events:none}
.flavor-breakfast-photo img.is-active{opacity:1;z-index:1}
.breakfast-motion-toggle{position:absolute;inset-inline-end:14px;bottom:14px;z-index:2;display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffffa0;border-radius:50%;background:#164e35db;color:#fff;cursor:pointer;font:600 15px/1 var(--sans)}
.breakfast-motion-toggle[hidden]{display:none}.breakfast-motion-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.flavor-breakfast-photo img{transition:none}}
