.HaxorFeatures{display:block;padding-block:48px 64px;background:#fff}
.HaxorFeatures__Header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}
.HaxorFeatures__Header h2{margin:0}
.HaxorFeatures__Controls{display:none;gap:8px;flex-shrink:0}
.HaxorFeatures__Rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px}
.HaxorFeature{display:block;position:relative;isolation:isolate;overflow:hidden;border-radius:6px;grid-column:span 2;aspect-ratio:1.08;color:#fff;background:#d8d6d1}
.HaxorFeature:nth-child(n+4){grid-column:span 3;aspect-ratio:1.33}
.HaxorFeature::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.12) 45%,rgba(0,0,0,.72) 100%);pointer-events:none}
.HaxorFeature__Image{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.HaxorFeature__Content{position:absolute;z-index:2;inset:auto 20px 20px}
body[class] .HaxorFeature__Content h4{color:#fff;line-height:1.15;margin:0 0 8px}
.HaxorFeature__Content p{font-size:var(--type-card-copy);font-weight:500;line-height:1.3;color:#f5f5f7;margin:0}
.HaxorFeature:focus-visible{outline:2px solid #ad0000;outline-offset:3px}
@media(min-width:768px) and (max-width:1023px){.HaxorFeatures__Rail{gap:20px}.HaxorFeature{aspect-ratio:.8}.HaxorFeature:nth-child(n+4){aspect-ratio:1.1}.HaxorFeature__Content{inset:auto 14px 16px}}
@media(max-width:767px){
 .HaxorFeatures{padding-block:32px 48px}
 .HaxorFeatures__Header{align-items:flex-end;gap:12px;margin-bottom:24px}
 .HaxorFeatures__Controls{display:flex}
 .HaxorFeatures__Rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
 .HaxorFeatures__Rail::-webkit-scrollbar{display:none}
 .HaxorFeature,.HaxorFeature:nth-child(n+4){flex:0 0 calc((100% - 16px)/1.5);min-width:0;aspect-ratio:.78;scroll-snap-align:start}
 .HaxorFeature__Content{inset:auto 12px 16px}
}