.features-hux-12 .hux12-list{display:grid;gap:2rem;counter-reset:hux12}
.features-hux-12 .hux12-item{display:grid;gap:0;counter-increment:hux12}
.features-hux-12 .hux12-media{position:relative;margin:0;aspect-ratio:16/9;max-height:460px;overflow:hidden;border-radius:.5rem .5rem 0 0}
.features-hux-12 .hux12-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.features-hux-12 .hux12-item:hover .hux12-media img{transform:scale(1.05)}
.features-hux-12 .hux12-media::before{
  content:counter(hux12,decimal-leading-zero);
  position:absolute;top:1rem;left:1rem;z-index:2;
  font-family:var(--font-heading);font-weight:700;font-size:.95rem;letter-spacing:.05em;
  color:#fff;background:var(--color-accent);
  padding:.35rem .85rem;border-radius:999px;
  box-shadow:0 6px 16px -4px rgba(0,0,0,.35);
}
.features-hux-12 .hux12-panel{
  background:linear-gradient(160deg,var(--color-heading-ink) 0%,var(--color-primary-dark) 100%);
  color:#fff;padding:1.75rem 1.5rem 1.75rem 1.75rem;border-radius:0 0 .5rem .5rem;
  border-left:3px solid var(--color-accent);
  box-shadow:0 12px 30px -14px rgba(0,0,0,.4);
}
.features-hux-12 .hux12-title{margin:0 0 .6em;line-height:1.4;color:#fff;position:relative;padding-bottom:.6em}
.features-hux-12 .hux12-title::after{content:'';position:absolute;left:0;bottom:0;width:2.2rem;height:2px;background:var(--color-accent)}
.features-hux-12 .hux12-text{margin:0 0 1.4rem;color:rgba(255,255,255,.92);line-height:1.85}
.features-hux-12 .hux12-more{margin:0}
.features-hux-12 .hux-btn{display:inline-flex;align-items:center;gap:.5rem;justify-content:center;min-height:44px;padding:.7em 1.9em;border-radius:999px;background:var(--color-primary);color:var(--color-on-primary);text-decoration:none;font-weight:600;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.features-hux-12 .hux-btn::after{content:'→';transition:transform .25s ease}
.features-hux-12 .hux-btn:hover{opacity:1;background:var(--color-accent);box-shadow:0 8px 20px -6px rgba(0,0,0,.35);transform:translateY(-2px)}
.features-hux-12 .hux-btn:hover::after{transform:translateX(4px)}

@media (min-width:768px){
  .features-hux-12 .px-4{padding-inline:1.5rem}
  .features-hux-12 .hux12-list{gap:3rem}
}
@media (min-width:1024px){
  .features-hux-12 .px-4{padding-inline:2rem}
  .features-hux-12 .hux12-item{grid-template-columns:1fr 1fr;align-items:stretch}
  .features-hux-12 .hux12-media{aspect-ratio:auto;border-radius:.5rem 0 0 .5rem}
  .features-hux-12 .hux12-panel{border-radius:0 .5rem .5rem 0;display:flex;flex-direction:column;justify-content:center;padding:2.5rem 3rem}
  .features-hux-12 .hux12-item:nth-child(even){grid-template-columns:1fr 1fr}
  .features-hux-12 .hux12-item:nth-child(even) .hux12-media{order:2;border-radius:0 .5rem .5rem 0}
  .features-hux-12 .hux12-item:nth-child(even) .hux12-panel{order:1;border-radius:.5rem 0 0 .5rem;border-left:none;border-right:3px solid var(--color-accent);padding:2.5rem 3rem}
  .features-hux-12 .hux12-item:nth-child(even) .hux12-title::after{left:auto;right:0}
}