.wp-block-coffee-friend-four-banners{height:100%;width:100%}.wp-block-coffee-friend-four-banners .banner-wrapper{display:grid;grid-template-areas:"img0" "img1" "img2" "img3";grid-template-columns:1fr;grid-template-rows:1fr;height:100%;max-width:100%;width:100%;grid-row-gap:16px;row-gap:16px}@media (min-width:768px){.wp-block-coffee-friend-four-banners .banner-wrapper{row-gap:24px}}@media (min-width:1024px){.wp-block-coffee-friend-four-banners .banner-wrapper{gap:20px;grid-template-columns:42.24138fr 33.33333fr 24.42529fr;grid-template-rows:minmax(100px,190px) minmax(100px,160px) auto}}@media (min-width:1200px){.wp-block-coffee-friend-four-banners .banner-wrapper{gap:32px;grid-template-rows:minmax(100px,224px) minmax(100px,190px) auto}}@media (min-width:1600px){.wp-block-coffee-friend-four-banners .banner-wrapper{gap:40px;grid-template-rows:minmax(100px,317px) minmax(100px,270px) auto}}@media(min-width:1024px){.wp-block-coffee-friend-four-banners .banner-wrapper{grid-template-areas:"img0 img1 img3" "img0 img2 img3"}}.wp-block-coffee-friend-four-banners .banner-wrapper .banner{position:relative}.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img0{grid-area:img0}.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img0 .text span{font-size:32px;font-weight:800;line-height:40px}@media (min-width:768px){.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img0 .text span{font-size:40px;line-height:50px}}@media (min-width:1024px){.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img0 .text span{font-size:32px;line-height:40px}}@media (min-width:1600px){.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img0 .text span{font-size:40px;line-height:50px}}.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img0 .text button.style2{margin-top:24px}.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img0 .image-wrapper{height:388px}@media (min-width:1024px){.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img0 .image-wrapper{height:100%}}.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img1{grid-area:img1}.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img1 .image-wrapper{height:249px}@media (min-width:1024px){.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img1 .image-wrapper{height:100%}}.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img2{grid-area:img2}.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img2 .image-wrapper{height:220px}@media (min-width:1024px){.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img2 .image-wrapper{height:100%}}.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img3{grid-area:img3}@media (min-width:768px){.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img3{font-size:24px}}.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img3 .text span{font-size:32px;font-weight:800;line-height:40px}@media (min-width:1024px){.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img3 .text span{font-size:24px;font-weight:700;line-height:30px}}.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img3 .image-wrapper{height:388px}@media (min-width:1024px){.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img3 .image-wrapper{height:100%}}.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img0 .image-wrapper:not(.full-background) img,.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img3 .image-wrapper:not(.full-background) img{max-height:66.67%}.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img1 .text,.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img2 .text{height:calc(100% - 32px)}@media (min-width:768px){.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img1 .text,.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img2 .text{height:calc(100% - 80px)}}@media (min-width:1024px){.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img1 .text,.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img2 .text{height:calc(100% - 32px)}}@media (min-width:1200px){.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img1 .text,.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img2 .text{height:calc(100% - 80px)}}.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img1 .text span,.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img2 .text span{font-size:20px;font-weight:700;line-height:25px}@media (min-width:768px){.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img1 .text span,.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img2 .text span{font-size:24px;line-height:30px}}.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img1 .text button,.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img2 .text button{bottom:0;line-height:1.5;position:absolute}.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img1 .image-wrapper:not(.full-background) img,.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img2 .image-wrapper:not(.full-background) img{max-height:80%;max-width:60%}@media (min-width:1200px){.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img1 .image-wrapper:not(.full-background) img,.wp-block-coffee-friend-four-banners .banner-wrapper .banner.img2 .image-wrapper:not(.full-background) img{max-width:73%}}.wp-block-coffee-friend-four-banners .banner-wrapper .banner .image-wrapper{min-width:100%}.wp-block-coffee-friend-four-banners .banner-wrapper .banner .image-wrapper.full-background img{height:100%;object-fit:cover;width:100%}.wp-block-coffee-friend-four-banners .banner-wrapper .banner .image-wrapper:not(.full-background) img{bottom:0;height:auto;object-fit:contain;object-position:right bottom;position:absolute;right:0;width:auto}.wp-block-coffee-friend-four-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-four-banners .banner-wrapper .banner .text{left:40px;right:40px;top:40px}}@media (min-width:1024px){.wp-block-coffee-friend-four-banners .banner-wrapper .banner .text{left:16px;right:16px;top:16px}}@media (min-width:1600px){.wp-block-coffee-friend-four-banners .banner-wrapper .banner .text{left:40px;right:40px;top:40px}}.wp-block-coffee-friend-four-banners .banner-wrapper .banner .text span{font-family:Outfit,sans-serif}.wp-block-coffee-friend-four-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-four-banners .banner-wrapper .banner .text div{font-size:18px;line-height:24px}}@media (min-width:1024px){.wp-block-coffee-friend-four-banners .banner-wrapper .banner .text div{font-size:14px;line-height:16px}}@media (min-width:1600px){.wp-block-coffee-friend-four-banners .banner-wrapper .banner .text div{font-size:18px;line-height:24px}}.wp-block-coffee-friend-four-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-four-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-four-banners .banner-wrapper .banner .text button{font-weight:300;margin-top:24px;text-align:left}@media (min-width:768px){.wp-block-coffee-friend-four-banners .banner-wrapper .banner .text button{margin-top:16px}}.wp-block-coffee-friend-four-banners .banner-wrapper .banner .text button.style1{font-size:14px;line-height:16px;-webkit-text-decoration-line:underline;text-decoration-line:underline}.wp-block-coffee-friend-four-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-four-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-four-banners .banner-wrapper .banner .text button.style2{border-radius:8px;font-size:16px;font-weight:700;line-height:22px;padding:9px 16px;text-align:center;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.wp-block-coffee-friend-four-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-four-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-four-banners .banner-wrapper .banner .banner-link{border-radius:16px;display:block;height:100%;overflow:hidden;position:relative}.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper{display:grid;grid-template-areas:none;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:none;height:100%;max-width:100%;width:100%;grid-gap:16px;gap:16px}@media (min-width:768px){.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1200px){.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper{gap:40px}}.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img0,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img1,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img2,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img3{grid-area:auto;height:336px}@media (min-width:768px){.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img0,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img1,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img2,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img3{height:293px}}@media (min-width:1200px){.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img0,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img1,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img2,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img3{height:450px}}@media (min-width:1600px){.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img0,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img1,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img2,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img3{height:627px}}.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img0 .text,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img1 .text,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img2 .text,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img3 .text{height:auto;left:24px;right:24px;top:24px}@media (min-width:1200px){.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img0 .text,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img1 .text,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img2 .text,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img3 .text{left:40px;right:40px;top:40px}}.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img0 .text span,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img1 .text span,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img2 .text span,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img3 .text span{font-size:32px;font-weight:700;line-height:40px}.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img0 .text button,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img1 .text button,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img2 .text button,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img3 .text button{margin-top:16px;padding:16px 24px;position:static}.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img0 .text>div,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img1 .text>div,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img2 .text>div,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img3 .text>div{display:none}.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img0 .image-wrapper,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img1 .image-wrapper,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img2 .image-wrapper,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img3 .image-wrapper{height:100%}.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img0 .image-wrapper:not(.full-background) img,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img1 .image-wrapper:not(.full-background) img,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img2 .image-wrapper:not(.full-background) img,.wp-block-coffee-friend-four-banners.is-style-row .banner-wrapper .banner.img3 .image-wrapper:not(.full-background) img{left:50%;max-height:66.67%;max-width:80%;right:auto;--tw-translate-x:-50%;object-position:bottom;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}