.sbux-hero-collage-3{background-color:var(--color--surface-1);color:var(--color--body);display:grid;grid-template-columns:minmax(0,1fr);overflow-x:clip;padding-left:var(--width--site-gutter);padding-right:var(--width--site-gutter);position:relative}@media (min-width:48em){.sbux-hero-collage-3{min-height:clamp(32.5rem,23.0714rem + 19.6429vw,40.75rem)}}.sbux-hero-collage-3__inner{--width--content:clamp(25rem,-6.0714rem + 64.7321vw,52.1875rem);display:grid;grid-template-areas:"media-tl media-tr" "content content" "media-bl media-br";grid-template-columns:repeat(2,minmax(0,1fr));height:100%;margin-left:auto;margin-right:auto;max-width:var(--width--content--wide--no-gutter);width:100%;grid-row-gap:var(--spacing--008);row-gap:var(--spacing--008)}@media (min-width:48em){.sbux-hero-collage-3__inner{grid-template-areas:"media-tl content media-tr" "media-bl content media-br";grid-template-columns:minmax(0,1fr) minmax(0,var(--width--content)) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));row-gap:0}}.sbux-hero-collage-3__content{align-content:center;display:grid;grid-area:content}.sbux-hero-collage-3__media-grid{--media--rows-stacked:4;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(var(--media--rows-stacked),minmax(0,var(--spacing--024-032)))}@media (min-width:48em){.sbux-hero-collage-3__media-grid{aspect-ratio:1;grid-template-rows:repeat(12,minmax(0,1fr))}}.sbux-hero-collage-3__media{transition-duration:calc(var(--duration--default)*6);transition-property:transform;transition-timing-function:cubic-bezier(.25,1,.5,1)}.sbux-hero-collage-3__media-grid-a{grid-area:media-tl}.sbux-hero-collage-3__media-a{--image--aspect-ratio:4/3;grid-column:3/8;grid-row:2/5}@media (min-width:48em){.sbux-hero-collage-3__media-a{--image--max-inline-size:7rem;grid-column:6/11;grid-row:3/7}}.sbux-hero-collage-3__media-grid-b{grid-area:media-tr}.sbux-hero-collage-3__media-b{--image--aspect-ratio:4/3;grid-column:6/13;grid-row:1/5;margin-right:calc(var(--spacing--004)*-1)}@media (min-width:48em){.sbux-hero-collage-3__media-b{--image--aspect-ratio:7/9;grid-column:3/11;grid-row:1/13}}.sbux-hero-collage-3__media-grid-c{--media--rows-stacked:7;align-self:end;grid-area:media-bl}.sbux-hero-collage-3__media-c{grid-column:1/8;grid-row:2/8;margin-left:calc(var(--spacing--016)*-1)}@media (min-width:48em){.sbux-hero-collage-3__media-c{--image--aspect-ratio:9/12;grid-column:1/11;grid-row:1/13}}.sbux-hero-collage-3__media-grid-d{--media--rows-stacked:7;align-self:end;grid-area:media-br}.sbux-hero-collage-3__media-d{--image--aspect-ratio:3/4;grid-column:8/12;grid-row:1/5}@media (min-width:48em){.sbux-hero-collage-3__media-d{--image--aspect-ratio:7/9;--image--max-inline-size:7rem;grid-column:9/13;grid-row:6/12}}.sbux-hero-collage-3__image{aspect-ratio:var(--image--aspect-ratio,7/9);border-radius:var(--border-radius--default);max-height:100%;max-width:var(--image--max-inline-size,100%);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.sbux-hero-collage-3.has-no-listener .sbux-hero-collage-3__media{transition-duration:calc(var(--duration--default)*20)}.sbux-hero-collage-3.has-no-listener .sbux-hero-collage-3__media-a{transform:translate(-125%,calc(var(--spacing--040)*-1))}.sbux-hero-collage-3.has-no-listener .sbux-hero-collage-3__media-b{transform:translate(100%,calc(var(--spacing--040)*-1))}.sbux-hero-collage-3.has-no-listener .sbux-hero-collage-3__media-c{transform:translate(-125%,var(--spacing--040))}.sbux-hero-collage-3.has-no-listener .sbux-hero-collage-3__media-d{transform:translate(125%,var(--spacing--040))}.sbux-hero-collage-3.has-no-listener.is-inview .sbux-hero-collage-3__media{transform:translate(0)}.sbux-hero-collage-3.has-vertical-lines .sbux-hero-collage-3__content:after,.sbux-hero-collage-3.has-vertical-lines .sbux-hero-collage-3__content:before{background-color:var(--color--border-1);content:"";display:block;height:var(--height--vertical-separator);margin-bottom:var(--spacing--024);margin-left:50%;margin-top:var(--spacing--024);width:1px}.sbux-hero-collage-3__content .wp-block-heading{text-wrap:balance}
