.tiles{overflow:hidden}.tiles__items{--items-horizontal-spacing: calc(var(--page-gutter) / 2);--items-vertical-spacing: calc(var(--page-gutter) / 2)}.tile{border-radius:2rem;background-color:var(--section-background-secondary);color:var(--section-color-paragraphs);text-align:center;padding:4.8rem 3rem 3rem}.tile__content{margin-bottom:6.4rem}.tile__title{color:inherit;margin:0 0 1rem}.tile__author{font-family:var(--font-tertiary-family);font-size:1.3rem;line-height:1.25;text-align:center;margin:0;padding:1.4rem .6rem 1.6rem 0}.tile__image-icon{position:absolute;top:0;left:50%;width:37%;max-width:14.4rem;transform:translate(-50%,-42%);z-index:2}.tile--review .tile__image{position:relative;max-width:40.1rem;width:72.73%;margin:0 auto;padding:.5rem .6rem;color:var(--color-paragraphs);background-color:var(--color-background-body);box-shadow:0 1rem .6rem #00000029}.tile--review .tile__media{padding-bottom:79.312%}.tile--feature,.tile--content{overflow:hidden;padding-top:6.2rem}.tile--feature .tile__content,.tile--content .tile__content{margin-bottom:3.5rem}.tile--feature .tile__image{min-width:44.5rem;margin:0 -1rem -7.2rem;filter:drop-shadow(-.5rem 5rem 1.2rem rgba(0,0,0,.21))}@media screen and (min-width: 750px){.tiles__items{--items-width: 75%}.tile__author{padding:2rem 0;font-size:1.8rem}.tile--review .tile__image{padding:.9rem 1.2rem}}@media screen and (min-width: 990px){.tiles__items{--items-width: 50%}.tile{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:6.4rem 4rem 6rem}.tile__content{width:100%;max-width:64rem;margin:0 auto 6.9rem}.tile__title{margin-bottom:.7rem}.tile__author{padding:3rem 0;font-size:2rem}.tile--feature .tile__image{min-width:auto;margin:0 .4rem -20.1% 1.3rem}}@media screen and (min-width: 1300px){.tile{padding-top:9.4rem;padding-bottom:9rem}.tile--feature{padding-top:9.6rem}.tile__author{font-size:2.8rem}}@media (max-width: 575px){.tile--content{padding-inline:20px}}.tile--content .tile__image .media{height:clamp(180px,30vw,400px);border-radius:20px;overflow:hidden}@media (max-width: 767px){.tile--content .tile__image .media{height:clamp(180px,46vw,250px)}}.tile--content .tile__content{max-width:100%;margin-bottom:8rem}@media (max-width: 767px){.tile--content .tile__content{margin-bottom:55px}}@media (max-width: 575px){.tile--content .tile__content{margin-bottom:30px}}.tile--content .tile__title{margin-bottom:3rem}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-tiles.css.map */