.cafe-intro{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}.cafe-intro__hero{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem}@media screen and (min-width:990px){.cafe-intro__hero{flex-direction:row;align-items:center;justify-content:space-between;gap:4rem}.cafe-intro__text-content{flex:0 0 55%;max-width:55%}.cafe-intro__video-wrapper{flex:0 0 40%;max-width:40%}}.cafe-intro__subheading{margin-bottom:1rem;display:block}.cafe-intro__heading{margin-bottom:1.5rem}.cafe-intro__text{margin-bottom:2rem}.cafe-intro__video-container{position:relative;border-radius:20px;overflow:hidden;width:100%;aspect-ratio:16 / 9;display:block}.cafe-intro__video-container video-element,.cafe-intro__video-container .media-wrapper{width:100%;height:100%;display:block}.cafe-intro__video-container video,.cafe-intro__video-container iframe{width:100%;height:100%;object-fit:cover}.cafe-intro__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;background:none;border:none;padding:0;cursor:pointer;transition:transform .3s ease}.cafe-intro__play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.cafe-intro__grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:4rem}@media screen and (min-width:750px){.cafe-intro__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:990px){.cafe-intro__grid{grid-template-columns:repeat(4,1fr)}}.cafe-intro__item{display:flex;flex-direction:column;align-items:center;text-align:center}.cafe-intro__icon{margin-bottom:1.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.cafe-intro__icon img,.cafe-intro__icon-mask{width:100%;height:100%;object-fit:contain}.cafe-intro__item-title{margin-bottom:.5rem;font-family:var(--font-heading-family);font-size:1.8rem}.cafe-intro__item-text{font-size:1.4rem;line-height:1.5}.cafe-intro__footer{text-align:center;margin-top:4rem}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-cafe-intro.css.map */