.categories-banner-container{background:var(--color-page-warm);grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.1vw,22px);width:min(1800px,100% - 6vw);margin:4rem auto 0;padding:clamp(28px,3vw,58px) 0;display:grid}.categories-banner-item{aspect-ratio:2/3;color:#fff;background:#e9dfd4;min-width:0;text-decoration:none;position:relative;overflow:hidden}.categories-banner-item:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#130e0c33 34%,#130e0cd1 100%);position:absolute;inset:38% 0 0}.categories-banner-item img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.22,1,.36,1);display:block}.categories-banner-item-overlay{z-index:2;padding:clamp(18px,1.7vw,30px);position:absolute;bottom:0;left:0;right:0}.categories-banner-item-title{color:#fff;letter-spacing:-.025em;text-transform:uppercase;text-shadow:0 2px 12px #00000047;max-width:100%;font-family:Inter,sans-serif;font-weight:800;line-height:1.05;display:inline;font-size:clamp(1.05rem,1.45vw,1.7rem)!important}.categories-banner-item-title>span{margin-left:.2em;transition:transform .25s;display:inline-block;font-size:1em!important}@media (hover:hover) and (pointer:fine){.categories-banner-item:hover img{transform:scale(1.07)}.categories-banner-item:hover .categories-banner-item-title>span{transform:translate(5px)}}@media screen and (max-width:900px){.categories-banner-container{grid-template-columns:1fr;gap:12px;width:100%;margin-top:2rem;padding:20px 14px;display:grid;overflow:visible}.categories-banner-item{width:100%}.categories-banner-item-overlay{padding:18px}.categories-banner-item-title{font-size:clamp(1rem,5vw,1.35rem)!important}}