.supercategories-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex;position:relative}.supercategories-container h1{position:absolute;top:0}.supercategory{aspect-ratio:4/5;border-radius:12px;width:clamp(350px,25%,400px);position:relative;overflow:hidden}.supercategory img{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.supercategory .text-content{color:#fff;background:#0003;flex-direction:column;justify-content:end;height:calc(100% - 30px);padding:30px;transition:background-color .4s;display:flex}.supercategory:hover .text-content{background:#000000b3}.supercategory .supercategory-heading{align-items:end;height:8rem;display:flex}.supercategory h2{margin-top:0;margin-bottom:30px;transition:color .3s}.supercategory:hover h2{color:var(--c-primary)}.supercategory p{color:#0000;width:100%;height:0;margin:0;line-height:1.5em;transition:height .4s,color .8s}.supercategory:hover p{height:calc(100% - var(--heading-height) - 30px);color:var(--c-light)}@media (pointer:coarse){.text-content{background:#0009!important}.supercategory p{height:calc(100% - var(--heading-height) - 30px);color:var(--c-light)}.supercategory h2{color:var(--c-primary)}}@media not (min-width:1000px){.supercategory{height:auto;aspect-ratio:unset}}