.material-promo__container{box-sizing:border-box}.material-promo__intro{position:relative;margin-bottom:1.6rem}.material-promo__title{margin:0}.material-promo__intro-copy{position:absolute;top:calc(100% + 1rem);left:0;z-index:1;width:calc(40% - 4rem);max-width:44rem}.material-promo__description{color:rgba(var(--color-foreground),.72);font-size:calc(var(--font-body-scale) * 1rem);line-height:1.5}.material-promo__description>*{margin:0}.material-promo__link.button--simple{display:inline-block;width:auto;margin-top:.8rem}.material-promo__row{display:flex;align-items:center;gap:0}.material-promo__line{flex:1 1 auto;height:1px;background-color:rgba(var(--color-foreground),.16);margin-left:calc(50% - 50vw)}.material-promo__card{flex:0 0 60%;max-width:60%;padding:1.4rem;border-radius:14px;background-color:rgba(var(--color-foreground),.05);box-sizing:border-box}.material-promo__grid{display:grid;grid-template-columns:repeat(var(--promo-cols, 2),minmax(0,1fr));gap:1.4rem}.material-promo__item{display:block;text-decoration:none;color:inherit}.material-promo__item--static{cursor:default}.material-promo__media{overflow:hidden;border-radius:10px;background-color:rgba(var(--color-foreground),.06);aspect-ratio:7 / 3}.material-promo__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.material-promo__placeholder{object-fit:contain;padding:2rem}a.material-promo__item:hover .material-promo__image{transform:scale(1.03)}.material-promo__caption{margin:1rem .2rem .2rem;font-size:clamp(1.4rem,1.25rem + .4vw,1.55rem);line-height:1.35;color:rgb(var(--color-foreground));transition:opacity .55s cubic-bezier(.22,1,.36,1)}a.material-promo__item:hover .material-promo__caption{opacity:.55}@media screen and (min-width:750px)and (max-width:989px){.material-promo__intro-copy{position:static;width:auto;max-width:54rem;margin-top:.8rem}.material-promo__card{flex-basis:74%;max-width:74%}}@media screen and (max-width:749px){.material-promo__intro-copy{position:static;width:auto;max-width:none;margin-top:.8rem}.material-promo__row{display:block}.material-promo__line{display:none}.material-promo__card{flex:none;max-width:none;width:auto}.material-promo__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-material-promo.css.map */