#brands-hero{background-image:url(/assets/img/man-getting-ready-his-mission.webp);background-size:cover;background-position:center;padding:280px var(--pd);position:relative;margin-bottom:-200px}#brands-hero>.content{position:relative;z-index:1;max-width:800px;color:#000;margin:0 auto;text-align:center}#brands-hero>.content h1{font-size:48px;margin-bottom:20px}#brands-hero>.content p{font-size:18px}#brands-hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,var(--bg),rgba(255,255,255,.75),rgba(255,255,255,.29));z-index:0}#brands-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--cg);max-width:var(--w-m);margin:0 auto;padding:var(--pd)}#brands-grid>a.brand-card{display:block;padding:24px 12px;border:1px solid #ccc;border-radius:8px;text-align:center;background:#fff;text-decoration:none;color:#222}#brands-grid>a.brand-card>img{width:100%;max-width:150px;height:86px;padding:0 12px;object-fit:contain;margin-bottom:12px}#brands-grid>a.brand-card>h3{font-size:18px;margin:0}#brand-hero{padding:280px var(--pd);position:relative;margin-bottom:-200px}#brand-hero img.background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}#brand-hero>.content{position:relative;z-index:1;max-width:800px;color:#000;margin:0 auto;text-align:center}#brand-hero>.content img.logo{max-width:200px;height:auto;margin-bottom:20px}#brand-hero>.content h1{font-size:48px;margin-bottom:20px}#brand-hero>.content .actions{display:flex;justify-content:center;gap:20px;margin-bottom:20px}#brand-hero>.content .actions a{padding:12px 24px;background:#fff;color:#222;text-decoration:none;font-weight:700;border-radius:24px;box-shadow:1px 4px 8px #2221}#brand-hero>.content p{font-size:18px}#brand-hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,var(--bg),rgba(255,255,255,.5333333333));z-index:0}#brand-products{max-width:var(--w-m);margin:0 auto;padding:var(--pd);position:relative;z-index:1}#brand-products h2{font-size:32px;margin-bottom:20px;text-align:center}#brand-products>h3{font-size:48px;margin-top:56px;margin-bottom:-8px;color:#9e9e9e;position:relative}#brand-products>h3>span{font-size:28px;position:absolute;top:-28px;left:0;color:#afafaf}@media screen and (min-width:360px){#brand-products>h3{font-size:64px;margin-top:64px}#brand-products>h3>span{font-size:32px}}#brand-products>.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding:20px 0}