.tutorials__intro{display:flex;flex-direction:column;position:relative;padding:var(--spacing-x-large) var(--spacing-large);background-color:var(--color-background-primary)}.tutorials__breadcrumbs{color:var(--color-body-text-light);font-size:var(--body-size-small);margin-bottom:var(--spacing-medium)}.tutorials__breadcrumbs a{color:inherit}.tutorials__title{margin-bottom:var(--spacing-small)}.tutorials__intro-content{display:flex;flex-direction:column;margin-bottom:var(--spacing-x-large)}.tutorials__intro-content .product__title{margin-top:0}.tutorials__intro-content .product__benefits{margin-bottom:0}.tutorials__intro-content .product__servings{display:none}.tutorials__image-contain{align-items:center;display:flex;justify-content:center;aspect-ratio:16 / 9;width:100%;overflow:hidden}.tutorials__image{object-fit:cover;object-position:center;width:100%;height:auto}.tutorials__video{display:flex;width:100%}.tutorials__video iframe{border:0;width:100%;height:auto;aspect-ratio:16 / 9}.tutorials__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-large);padding:var(--spacing-x-large) var(--spacing-large);position:relative}.tutorials__grid:after{position:absolute;content:"";bottom:0;left:var(--spacing-large);width:calc(100% - var(--spacing-large) * 2);height:1px;background-color:var(--color-background-secondary);z-index:1}.tutorials__grid-title{text-transform:uppercase;font-weight:var(--font-weight-normal);color:var(--color-body-text-light)}.tutorials__filter{background-repeat:no-repeat;background-size:cover;color:var(--color-body-text-white);font-weight:var(--font-weight-bold);text-transform:uppercase;text-decoration:none;align-items:center;display:flex;justify-content:center;aspect-ratio:16 / 9}.tutorials__article-card{display:flex;flex-direction:column;gap:var(--spacing-x-small);text-decoration:none;color:inherit}.tutorials__article-image-contain{aspect-ratio:16 / 9;width:100%;height:auto;overflow:hidden;position:relative}.tutorials__article-card--product .tutorials__article-image-contain{aspect-ratio:4 / 3}.tutorials__article-image-contain:hover .tutorials__article-image{transform:translate(-50%,-50%) scale(1.1)}.tutorials__article-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:100%;height:auto;transition:transform var(--duration-long) var(--ease-out-slow)}@media screen and (min-width: 750px){.tutorials__intro{display:grid;grid-template-columns:1fr 1fr;row-gap:var(--spacing-medium);column-gap:var(--spacing-3x-large);padding:var(--spacing-2x-large) var(--spacing-x-large)}.tutorials__grid-title,.tutorials__breadcrumbs{grid-column:1 / -1}.tutorials__video,.tutorials__image-contain{width:100%;margin-left:0}.tutorials__intro-content{justify-content:center;margin-bottom:0}.tutorials__grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:var(--spacing-large);padding:var(--spacing-2x-large) var(--spacing-x-large)}.tutorials__grid:after{left:var(--spacing-x-large);width:calc(100% - var(--spacing-x-large) * 2)}}@media screen and (min-width: 1200px){.tutorials__grid{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/section-tutorials.css.map */