.wp-block-coffee-friend-five-banners{height:100%;width:100%}.wp-block-coffee-friend-five-banners .banner-wrapper{display:grid;grid-template-areas:"img0 img0" "img0 img0" "img1 img1" "img2 img3" "img4 img4" "img4 img4";grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:100%;max-width:100%;width:100%;grid-column-gap:8px;column-gap:8px;grid-row-gap:16px;row-gap:16px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper{column-gap:12px;grid-template-columns:1fr 1fr;grid-template-rows:minmax(100px,170px) minmax(100px,170px) auto;row-gap:24px}}@media (min-width:1024px){.wp-block-coffee-friend-five-banners .banner-wrapper{column-gap:20px;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(100px,175px) minmax(100px,150px) auto;row-gap:16px}}@media (min-width:1200px){.wp-block-coffee-friend-five-banners .banner-wrapper{column-gap:32px;grid-template-rows:minmax(100px,190px) minmax(100px,160px) auto;row-gap:24px}}@media (min-width:1600px){.wp-block-coffee-friend-five-banners .banner-wrapper{column-gap:40px;grid-template-rows:minmax(100px,260px) minmax(100px,220px) auto;row-gap:30px}}@media(min-width:1024px){.wp-block-coffee-friend-five-banners .banner-wrapper{grid-template-areas:"img0 img0 img0 img0 img0 img1 img1 img1 img1 img4 img4 img4" "img0 img0 img0 img0 img0 img2 img2 img3 img3 img4 img4 img4"}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner{position:relative}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img0{grid-area:img0}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img0 .text span{font-size:28px;line-height:35px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img0 .text span{font-size:48px;letter-spacing:-.015em;line-height:60px}}@media (min-width:1024px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img0 .text span{font-size:32px;line-height:40px}}@media (min-width:1200px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img0 .text span{font-size:32px;line-height:40px}}@media (min-width:1600px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img0 .text span{font-size:48px;line-height:60px}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img0 img{height:334px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img0 img{height:100%}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img0 button.style2{margin-top:40px}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img1{font-family:Inter,sans-serif;font-size:32px;grid-area:img1;line-height:40px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img1{font-size:36px;line-height:45px}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img1 .text span{font-family:Outfit,sans-serif;font-size:20px;line-height:25px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img1 .text span{font-size:32px;line-height:40px}}@media (min-width:1024px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img1 .text span{font-size:28px;line-height:35px}}@media (min-width:1600px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img1 .text span{font-size:32px;line-height:40px}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img1 .text button{line-height:1.5}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img1 img{height:164px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img1 img{height:100%}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img2{grid-area:img2}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img3{grid-area:img3}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img2 img,.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img3 img{height:164px;object-position:100% 100%}@media (min-width:430px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img2 img,.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img3 img{object-position:center}}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img2 img,.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img3 img{height:100%}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img2 .text span,.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img3 .text span{font-family:Outfit,sans-serif;font-size:16px;line-height:19px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img2 .text span,.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img3 .text span{font-size:24px;line-height:30px}}@media (min-width:1024px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img2 .text span,.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img3 .text span{font-size:24px}}@media (min-width:1200px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img2 .text span,.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img3 .text span{font-size:28px;line-height:35px}}@media (min-width:1600px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img2 .text span,.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img3 .text span{font-size:32px;line-height:40px}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img4{grid-area:img4}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img4{font-size:24px}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img4 img{height:334px}@media (min-width:1024px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img4 img{height:100%}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img4 .text span{font-size:28px;line-height:35px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img4 .text span{font-size:32px;line-height:40px}}@media (min-width:1024px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img4 .text span{font-size:28px;line-height:35px}}@media (min-width:1200px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img4 .text span{max-height:100%}}@media (min-width:1600px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner.img4 .text span{font-size:32px;line-height:40px}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text{align-items:flex-start;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:24px;justify-content:flex-start;left:16px;position:absolute;right:16px;top:16px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text{left:32px;right:32px;top:32px}}@media (min-width:1024px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text{left:16px;right:16px;top:16px}}@media (min-width:1200px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text{left:24px;right:24px;top:24px}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text span{font-family:Outfit,sans-serif;font-weight:700}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text span{font-weight:800}}@media (min-width:1024px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text span{font-weight:700}}@media (min-width:1600px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text span{font-weight:800}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text div{font-size:14px;font-weight:300;line-height:16px;margin-bottom:4px}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text div{font-size:18px;line-height:24px;margin-bottom:8px}}@media (min-width:1024px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text div{font-size:14px;line-height:16px;margin-bottom:4px}}@media (min-width:1600px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text div{font-size:18px;line-height:24px;margin-bottom:8px}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text .text-color-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text .text-color-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text button{font-size:14px;font-weight:300;line-height:16px;margin-top:24px;text-align:left}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text button{margin-top:16px}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text button.style1{-webkit-text-decoration-line:underline;text-decoration-line:underline}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text button.style1.text-color-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text button.style1.text-color-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text button.style2{border-radius:8px;font-size:14px;font-weight:700;padding:8px 12px;text-align:center;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}@media (min-width:768px){.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text button.style2{margin-top:28px;padding:17px 24px}}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text button.style2.text-color-white{border-width:1px;--tw-border-opacity:1;border-color:rgba(255,255,255,var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .text button.style2.text-color-black{border-width:1px;--tw-border-opacity:1;border-color:rgba(0,0,0,var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners .banner-wrapper .banner img{height:100%;min-width:100%;object-fit:cover}.wp-block-coffee-friend-five-banners .banner-wrapper .banner .banner-link{border-radius:16px;display:block;height:100%;overflow:hidden;position:relative}.wp-block-coffee-friend-five-banners.is-style-b2b{height:100%;width:100%}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:100%;max-width:100%;width:100%;grid-gap:16px;gap:16px}@media (min-width:1024px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper{gap:30px 40px;grid-template-columns:repeat(12,minmax(0,1fr))}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-1,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-2,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-3{grid-template-rows:repeat(2,minmax(0,1fr))}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-1,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-2,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-3{grid-template-areas:"img0 img0" "img1 img1" "img2 img2"}@media(min-width:1024px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-1,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-2,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-3{grid-template-areas:"img0 img0 img0 img0 img0 img0 img1 img1 img1 img1 img1 img1" "img0 img0 img0 img0 img0 img0 img2 img2 img2 img2 img2 img2"}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-4,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-5{grid-template-rows:repeat(4,minmax(0,1fr))}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-4,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-5{grid-template-areas:"img0" "img1" "img2" "img3" "img4"}@media(min-width:1024px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-4,.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper.banners-5{grid-template-areas:"img0 img0 img0 img0 img0 img0 img1 img1 img1 img1 img1 img1" "img0 img0 img0 img0 img0 img0 img2 img2 img2 img2 img2 img2" "img3 img3 img3 img3 img3 img3 img3 img4 img4 img4 img4 img4" "img3 img3 img3 img3 img3 img3 img3 img4 img4 img4 img4 img4"}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner{display:block;position:relative}@media (min-width:1200px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner{display:flex}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img0{grid-area:img0}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img1{grid-area:img1}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img1 img{max-height:228px}@media (min-width:768px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img1 img{max-height:100%}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img1 .text span{font-size:32px;font-weight:800;line-height:45px}@media (min-width:1024px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img1 .text span{font-size:24px;line-height:22px}}@media (min-width:1600px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img1 .text span{font-size:36px;font-weight:700}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img2{grid-area:img2}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img2 img{max-height:228px}@media (min-width:768px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img2 img{max-height:100%}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img2 .text span{font-size:32px;font-weight:800;line-height:45px}@media (min-width:1024px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img2 .text span{font-size:24px;line-height:22px}}@media (min-width:1600px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img2 .text span{font-size:36px;font-weight:700}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img3{grid-area:img3}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img3 img{max-height:336px}@media (min-width:768px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img3 img{max-height:100%}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner.img4{grid-area:img4}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .desktop-image{display:none}@media (min-width:768px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .desktop-image{display:block}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .mobile-image{display:block}@media (min-width:768px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .mobile-image{display:none}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner img{min-width:100%;object-fit:cover}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .banner-link{display:block;height:100%;overflow:hidden}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;left:24px;position:absolute;top:24px;--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}@media (min-width:1600px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text{left:32px;top:32px}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text div{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text div.text-color-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text span{font-size:32px;font-weight:800;line-height:40px;--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text span.text-color-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text button{border-radius:.5rem;border-width:1px;margin-top:1rem;--tw-border-opacity:1;border-color:rgba(0,0,0,var(--tw-border-opacity));font-size:14px;font-weight:600;padding:.5rem .75rem;--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity));-webkit-text-decoration-line:none;text-decoration-line:none}@media (min-width:768px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text button{font-size:16px;font-weight:700}}@media (min-width:1600px){.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text button{margin-top:1.75rem;padding:17px 1.5rem}}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text button.style2{border-width:0;padding:0;-webkit-text-decoration-line:underline;text-decoration-line:underline}.wp-block-coffee-friend-five-banners.is-style-b2b .banner-wrapper .banner .text button.text-color-white{--tw-border-opacity:1;border-color:rgba(255,255,255,var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}