.stoneart-collection-categories{position:relative;background:var(--stoneart-charcoal);color:var(--stoneart-ivory);padding:140px 0 110px;overflow:hidden}
.stoneart-collection-categories__content{width:min(1440px,calc(100% - 100px));margin:0 auto}
.stoneart-collection-categories__header{display:grid;grid-template-columns:50px auto 1fr;align-items:center;gap:20px;margin-bottom:110px;color:rgba(242,239,232,.4);font-family:var(--stoneart-sans);font-size:8px;letter-spacing:.19em;text-transform:uppercase}
.stoneart-collection-categories__number{font-family:var(--stoneart-serif);font-size:17px;color:rgba(242,239,232,.7);letter-spacing:0}
.stoneart-collection-categories__line{height:1px;background:rgba(242,239,232,.17);margin-left:25px}
.stoneart-collection-categories__intro{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:end;margin-bottom:90px}
.stoneart-collection-categories__intro>span{display:block;grid-column:1/-1;margin-bottom:-55px;color:rgba(242,239,232,.38);font-family:var(--stoneart-sans);font-size:7px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.stoneart-collection-categories__intro h2{margin:0;font-family:var(--stoneart-serif);font-size:clamp(70px,8vw,120px);font-weight:300;line-height:.8;letter-spacing:-.06em}
.stoneart-collection-categories__intro h2 em{padding-left:clamp(45px,6vw,90px);color:#c9c0b4;font-style:italic}
.stoneart-collection-categories__intro p{max-width:390px;margin:0 0 8px;color:rgba(242,239,232,.5);font-family:var(--stoneart-sans);font-size:10px;line-height:1.9}
.stoneart-collection-categories__list{border-top:1px solid rgba(242,239,232,.18)}
.stoneart-collection-categories__item{position:relative;display:grid;grid-template-columns:65px 155px 1fr 40px;align-items:center;min-height:170px;padding:18px 0;border-bottom:1px solid rgba(242,239,232,.18);color:var(--stoneart-ivory);text-decoration:none;overflow:hidden}
.stoneart-collection-categories__item-image{position:absolute;top:10px;right:90px;width:190px;height:150px;background-size:cover;background-position:center;opacity:0;transform:translateX(25px) scale(.96);transition:opacity .55s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.stoneart-collection-categories__item-image--marble{background-image:url("/static/images/collection/category-marble.jpg")}
.stoneart-collection-categories__item-image--travertine{background-image:url("/static/images/collection/category-travertine.jpg")}
.stoneart-collection-categories__item-image--limestone{background-image:url("/static/images/collection/category-limestone.jpg")}
.stoneart-collection-categories__item-image--quartzite{background-image:url("/static/images/collection/category-quartzite.jpg")}
.stoneart-collection-categories__item:hover .stoneart-collection-categories__item-image{opacity:1;transform:translateX(0) scale(1)}
.stoneart-collection-categories__item-number{font-family:var(--stoneart-serif);font-size:16px;color:rgba(242,239,232,.42)}
.stoneart-collection-categories__item-info{display:flex;flex-direction:column;gap:9px}
.stoneart-collection-categories__item-info span{color:rgba(242,239,232,.35);font-family:var(--stoneart-sans);font-size:6px;letter-spacing:.16em;text-transform:uppercase}
.stoneart-collection-categories__item-info h3{margin:0;font-family:var(--stoneart-serif);font-size:47px;font-weight:300;line-height:.9;letter-spacing:-.03em;transition:transform .45s cubic-bezier(.16,1,.3,1),color .4s ease}
.stoneart-collection-categories__item:hover .stoneart-collection-categories__item-info h3{transform:translateX(10px);color:#d1c8bb}
.stoneart-collection-categories__arrow{justify-self:end;font-size:21px;font-weight:300;color:rgba(242,239,232,.5);transition:transform .4s ease,color .4s ease}
.stoneart-collection-categories__item:hover .stoneart-collection-categories__arrow{transform:translate(5px,-5px);color:var(--stoneart-ivory)}
@media(max-width:1100px){
.stoneart-collection-categories{padding:110px 0 90px}
.stoneart-collection-categories__content{width:calc(100% - 80px)}
.stoneart-collection-categories__intro{gap:60px}
.stoneart-collection-categories__intro h2{font-size:clamp(62px,7.6vw,100px)}
.stoneart-collection-categories__item-image{right:70px;width:160px;height:135px}
.stoneart-collection-categories__item{grid-template-columns:55px 135px 1fr 35px}
.stoneart-collection-categories__item-info h3{font-size:40px}
}
@media(max-width:900px){
.stoneart-collection-categories__header{margin-bottom:75px}
.stoneart-collection-categories__intro{grid-template-columns:1fr;gap:30px;margin-bottom:65px}
.stoneart-collection-categories__intro>span{grid-column:auto;margin-bottom:0}
.stoneart-collection-categories__intro p{margin-left:12%;max-width:500px}
.stoneart-collection-categories__item{grid-template-columns:55px 1fr 35px;min-height:145px}
.stoneart-collection-categories__item-image{right:60px;width:145px;height:115px}
.stoneart-collection-categories__item-info{position:relative;z-index:1}
}
@media(max-width:600px){
.stoneart-collection-categories{padding:85px 0 65px}
.stoneart-collection-categories__content{width:calc(100% - 40px)}
.stoneart-collection-categories__header{grid-template-columns:30px auto 1fr;gap:10px;margin-bottom:60px;font-size:6px;letter-spacing:.14em}
.stoneart-collection-categories__number{font-size:14px}
.stoneart-collection-categories__line{margin-left:8px}
.stoneart-collection-categories__intro{gap:27px;margin-bottom:50px}
.stoneart-collection-categories__intro>span{font-size:6px;letter-spacing:.16em}
.stoneart-collection-categories__intro h2{font-size:clamp(55px,14.3vw,77px);line-height:.84}
.stoneart-collection-categories__intro h2 em{padding-left:9vw}
.stoneart-collection-categories__intro p{margin-left:8%;font-size:9px;line-height:1.85}
.stoneart-collection-categories__item{grid-template-columns:35px 1fr 25px;min-height:120px;padding:12px 0}
.stoneart-collection-categories__item-image{right:30px;width:105px;height:88px;opacity:.18;transform:none}
.stoneart-collection-categories__item:hover .stoneart-collection-categories__item-image{opacity:.28;transform:none}
.stoneart-collection-categories__item-number{font-size:13px}
.stoneart-collection-categories__item-info{gap:7px}
.stoneart-collection-categories__item-info span{font-size:5px}
.stoneart-collection-categories__item-info h3{font-size:31px}
.stoneart-collection-categories__item:hover .stoneart-collection-categories__item-info h3{transform:none}
.stoneart-collection-categories__arrow{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
.stoneart-collection-categories__item-image{transition:none}
.stoneart-collection-categories__item-info h3{transition:none}
.stoneart-collection-categories__arrow{transition:none}
}