.two-image-text-section{display:inline-block;width:100%;margin:4rem 0}.two-image-text-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5.4rem 0 0;overflow:hidden;border-radius:var(--stbx-radius-medium);background:var(--color-starbucks-green)}.two-image-text-wrapper.has-background{background-image:none}.two-image-text-wrapper .banner-background{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;border-radius:inherit}.two-image-text-wrapper .banner-background:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-color:#00000080;border-radius:inherit}.two-image-text-wrapper .banner-background picture,.two-image-text-wrapper .banner-background img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}@media screen and (min-width:768px){.two-image-text-wrapper{flex-direction:unset;padding:7rem 0 6rem;border-radius:var(--stbx-radius-large)}}@media screen and (min-width:1024px){.two-image-text-wrapper{padding:6.5rem 0}}.two-image-text-wrapper .content-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;max-width:100%;padding:0 3.2rem;text-wrap-style:balance}@media screen and (min-width:768px){.two-image-text-wrapper .content-wrapper{max-width:32.4rem;padding:0}}@media screen and (min-width:1024px){.two-image-text-wrapper .content-wrapper{max-width:46.5rem}}.two-image-text-wrapper .content-wrapper.wide{max-width:80rem;padding:0 2.4rem}@media screen and (min-width:1024px){.two-image-text-wrapper .content-wrapper.wide{padding:0}}.two-image-text-wrapper .heading{margin-top:0;margin-bottom:.4rem;color:var(--color-white);text-align:center;font-family:var(--font-heading-family);font-size:2.4rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}@media screen and (min-width:1024px){.two-image-text-wrapper .heading{font-family:var(--font-heading-family);font-size:3.2rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}}@media screen and (min-width:768px){.two-image-text-wrapper .heading{margin-bottom:.7rem}}@media screen and (min-width:1024px){.two-image-text-wrapper .heading{margin-top:2rem;margin-bottom:0}}.two-image-text-wrapper .text-wrapper{margin-top:1.6rem;margin-bottom:0;color:var(--color-green-light);text-align:center}.two-image-text-wrapper .text-wrapper>*{margin:0}.two-image-text-wrapper .text-wrapper>*+*{margin-top:.8rem}.two-image-text-wrapper .button{padding:1.5rem 3rem;margin-top:2.4rem;line-height:120%}@media screen and (min-width:768px){.two-image-text-wrapper .button{margin-top:2.8rem}}@media screen and (min-width:1024px){.two-image-text-wrapper .button{margin-top:3rem}}.two-image-text-wrapper .button--reserve{display:inline-flex;align-items:center;justify-content:center;min-height:4.8rem;padding:1.2rem 2.4rem;line-height:1.3;color:var(--color-black-coffee, #252626);letter-spacing:-.01em;background-color:var(--color-gold-reward, #cba052);border-radius:var(--stbx-radius-full);transition:background-color .2s ease,box-shadow .2s ease}.two-image-text-wrapper .button--reserve:hover{color:var(--color-black-coffee, #252626);background-color:var(--color-reserve-button-active, #d5b375)}.two-image-text-wrapper .button--reserve:focus-visible{outline:none;background-color:var(--color-reserve-button-active, #d5b375);box-shadow:0 0 0 .4rem var(--color-black-coffee, #252626),0 0 0 .6rem var(--color-reserve-button-active, #d5b375)}.two-image-text-wrapper .images-wrapper{position:relative;z-index:1;display:flex;justify-content:space-around;width:100%;min-width:35rem;padding:4rem 0 0;margin-top:3rem;pointer-events:none}@media screen and (min-width:768px){.two-image-text-wrapper .images-wrapper{position:absolute;bottom:0;justify-content:space-between;min-width:95rem;height:100%;padding:5rem 2rem 0;margin-top:0}}@media screen and (min-width:900px){.two-image-text-wrapper .images-wrapper{min-width:105rem;padding:3rem 2rem 0}}@media screen and (min-width:1024px){.two-image-text-wrapper .images-wrapper{min-width:120rem}}.two-image-text-wrapper .images-wrapper .image-wrapper{display:flex;flex:1}@media screen and (min-width:768px){.two-image-text-wrapper .images-wrapper .image-wrapper{flex:unset}}@media screen and (min-width:1024px){.two-image-text-wrapper .images-wrapper .image-wrapper{min-width:38rem}}.two-image-text-wrapper .images-wrapper .image-wrapper img{width:100%;height:100%}.two-image-text-wrapper--reserve{padding:5.6rem 2rem;background-color:var(--color-black-coffee, #252626);background-image:none;border-radius:var(--stbx-radius-medium)}@media screen and (min-width:1024px){.two-image-text-wrapper--reserve{max-width:136rem;margin:0 auto;border-radius:var(--stbx-radius-large)}}.two-image-text-wrapper--reserve .two-image-text-wrapper__subtitle{margin:0;color:var(--color-gold-reward, #cba052)}.two-image-text-wrapper--reserve .two-image-text-wrapper__subtitle--large{font-size:2rem}@media screen and (min-width:1024px){.two-image-text-wrapper--reserve .two-image-text-wrapper__subtitle--large{font-size:2.4rem}}.two-image-text-wrapper--reserve .content-wrapper{z-index:2;display:flex;flex-direction:column;gap:1.6rem;max-width:66.4rem;padding-inline:0;text-align:center}@media screen and (min-width:768px){.two-image-text-wrapper--reserve .content-wrapper{max-width:66.4rem}}.two-image-text-wrapper--reserve .content-wrapper .heading,.two-image-text-wrapper--reserve .content-wrapper .text-wrapper,.two-image-text-wrapper--reserve .content-wrapper .button{margin-top:0;margin-bottom:0}.two-image-text-wrapper--reserve .content-wrapper .button{margin-top:1.6rem}.two-image-text-wrapper--reserve .heading{font-family:var(--font-heading-family);font-size:2.4rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-top:1.6rem;color:var(--color-white, #fff)}@media screen and (min-width:1024px){.two-image-text-wrapper--reserve .heading{font-family:var(--font-heading-family);font-size:2.8rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-top:1.6rem}}@media screen and (min-width:1024px)and (min-width:1024px){.two-image-text-wrapper--reserve .heading{font-family:var(--font-heading-family);font-size:4rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}}.two-image-text-wrapper--reserve .text-wrapper{margin-top:1.6rem;color:var(--color-reserve-foreground, #f6efe4)}.two-image-text-wrapper--reserve .images-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;padding:0;margin:0;pointer-events:none}.two-image-text-wrapper--reserve .image-wrapper{position:absolute;top:calc(50% + .85rem);left:-16.9rem;width:31.9rem;height:33.6rem;background-color:var(--color-black-coffee);transform:translateY(-50%)}@media screen and (min-width:768px){.two-image-text-wrapper--reserve .image-wrapper{top:calc(50% - 1.5rem);left:-9rem;width:34.4rem;height:40.4rem}}@media screen and (min-width:1024px){.two-image-text-wrapper--reserve .image-wrapper{top:calc(50% - 3.5rem);left:-2.3rem;width:46.7rem;height:49.1rem}}.two-image-text-wrapper--reserve .image-wrapper img,.two-image-text-wrapper--reserve .image-wrapper svg{width:100%;height:100%;object-fit:contain;mix-blend-mode:hard-light;opacity:.06}@media screen and (min-width:1024px){.two-image-text-section{display:block;margin:5.6rem auto}.two-image-text-wrapper .images-wrapper .image-wrapper img{width:38rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-two-image-with-text.css.map */