.fabrics-section{padding-block:8.25rem;overflow:hidden}.fabrics-section__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter)}.fabrics-section__descriptor{grid-column:1/3}.fabrics-section__main{position:relative;grid-column:3/-1;display:grid;grid-template-columns:subgrid;gap:var(--gutter)}.fabrics-section__content{grid-column:1/6;display:flex;flex-direction:column;align-items:flex-start;gap:2rem;padding-left:3.125rem}.fabrics-section__heading{margin-top:5.25rem}.fabrics-section__description{padding-inline-end:5rem}.fabrics-section__media{position:absolute;grid-column:6/-1;width:100%;height:100%;padding-inline-start:5rem}.fabrics-section__video,.fabrics-section__image{width:100%;max-width:100%;height:100%;object-fit:cover}.fabrics-section__video--contained{object-fit:contain;object-position:right}.fabrics-section__carousel{display:block;padding-bottom:7.625rem;margin-top:5.5rem;position:relative}.fabrics-section__carousel swiper-slide{transition:opacity .2s ease}@media(max-width:1100px){.fabrics-section__grid{display:flex;flex-direction:column;gap:.25rem}.fabrics-section__main{gap:2.5rem}.fabrics-section__content{display:flex;flex-direction:column;padding:0}.fabrics-section__media{position:relative;padding:0}.fabrics-section__image,.fabrics-section__video{aspect-ratio:16/9;max-height:30rem}.fabrics-section__video--contained{object-fit:cover;object-position:center}.fabrics-section__heading{margin:0}}@media(max-width:991px){.fabrics-section__carousel{margin-top:3rem;padding-inline:2rem}}.fabric-card{display:flex;position:relative;padding:1rem;width:10rem;height:15rem;flex-shrink:0;text-decoration:none}.fabric-card__title{transition:opacity .25s ease}.fabric-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;clip-path:inset(5rem 1rem 2rem 1rem);transition:clip-path .4s ease}@media(hover:hover)and (pointer:fine){.fabric-card__tooltip{position:absolute;top:calc(100% + 3rem);left:-1rem;display:flex;flex-direction:column;gap:1rem;width:65ch;max-width:calc(100vw - 2rem);height:7.625rem;background-color:#fff;padding:1rem;transition:.2s ease-out;transition-property:opacity,top;opacity:0;z-index:2;overflow:hidden;pointer-events:none}.fabric-card:hover .fabric-card__title{opacity:0}.fabric-card:hover .fabric-card__image{clip-path:inset(0)}.fabric-card:hover .fabric-card__tooltip{opacity:1;top:calc(100% + .375rem);transition:.4s ease-out;transition-property:opacity,top}}@media(hover:none)and (pointer:coarse){.fabric-card{width:7rem;height:9rem}.fabrics-section__carousel{margin-top:3rem;padding-inline:2rem}.fabric-card__image{clip-path:inset(3rem 1rem 1rem 1rem)}.fabric-card__tooltip{position:absolute;top:calc(100% + 3rem);display:flex;flex-direction:column;gap:1rem;width:65ch;height:6.5rem;background-color:#fff;padding:1rem 0;transition:.2s ease-out;transition-property:opacity,top;opacity:0;overflow:hidden;pointer-events:none}.swiper-slide-active .fabric-card .fabric-card__title{opacity:0}.swiper-slide-active .fabric-card .fabric-card__image{clip-path:inset(.5rem)}.swiper-slide-active .fabric-card .fabric-card__tooltip{opacity:1;top:calc(100% + 1rem);left:-2rem;transition:.4s ease-out;transition-property:opacity,top;text-wrap:pretty}}@media(hover:none)and (pointer:coarse)and (max-width:991px){.swiper-slide-active .fabric-card .fabric-card__tooltip{width:calc(100vw - 2.5rem)}}.fabrics-section__carousel--show-carousel-arrows .fabrics-section__carousel-nav{display:flex}.fabrics-section__carousel-nav{position:absolute;top:7.75rem;left:0;display:none;justify-content:space-between;width:100%}.fabrics-section__carousel.fabrics-section__carousel--show-carousel-arrows swiper-slide.swiper-slide-visible:not(.swiper-slide-fully-visible){opacity:.25}@media(max-width:991px){.fabrics-section__carousel{padding-bottom:11rem}.fabrics-section__carousel--show-carousel-arrows .fabrics-section__carousel-nav{display:none}.fabrics-section__carousel.fabrics-section__carousel--show-carousel-arrows swiper-slide.swiper-slide-visible:not(.swiper-slide-fully-visible){opacity:1}.fabrics-section__carousel swiper-slide .fabric-card .fabric-card__image{clip-path:inset(3rem 1rem 1rem 1rem)}.fabrics-section__carousel swiper-slide.swiper-slide-active .fabric-card .fabric-card__image{clip-path:inset(.5rem)}.fabrics-section__carousel swiper-slide .fabric-card .fabric-card__tooltip{opacity:0}.fabrics-section__carousel swiper-slide.swiper-slide-active .fabric-card .fabric-card__tooltip{display:flex;flex-direction:column;gap:1rem;position:absolute;width:calc(100vw - 2.5rem);opacity:1;top:calc(100% + 1rem);left:-2rem;transition:.4s ease-out;transition-property:opacity,top;text-wrap:pretty;height:11.5rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-fabrics.css.map */