.category-hero{min-height:385px;padding:80px clamp(24px,12vw,190px);background:linear-gradient(90deg,rgba(8,37,57,.96),rgba(8,37,57,.36)),url("assets/health-beauty.png") center 42%/cover;color:#fff;display:flex;align-items:center}.category-hero>div{max-width:580px}.category-hero h1,.categories h2{font-size:clamp(38px,4vw,58px);font-weight:500;line-height:1.2;margin:0}.category-hero p:not(.eyebrow){font-size:17px;line-height:1.8;color:#d8e5ea;max-width:540px}.categories{padding:105px clamp(24px,12vw,190px)}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:42px}.category-grid>a{position:relative;min-height:410px;overflow:hidden;background:#11384b;color:#fff;text-decoration:none}.category-grid img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .45s}.category-grid .mister-card img{object-position:center 45%}.category-grid .mask-card img{object-position:center}.category-grid>a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,23,35,.94),rgba(4,23,35,.02) 74%)}.category-grid>a:hover img{transform:scale(1.04)}.category-grid div{position:absolute;z-index:1;left:28px;right:28px;bottom:25px}.category-grid span{font-size:10px;letter-spacing:1px;color:#63dff4}.category-grid h3{font-size:25px;font-weight:500;margin:4px 0}.category-grid p{font-size:13px;line-height:1.7;color:#d7e7ec;margin:0;max-width:450px}.category-grid b{position:absolute;right:0;bottom:0;font-size:25px;font-weight:400}@media(max-width:800px){.category-hero{min-height:340px;padding-top:60px;padding-bottom:60px}.categories{padding-top:65px;padding-bottom:65px}.category-grid{grid-template-columns:1fr}.category-grid>a{min-height:340px}}