Enda flere CSS features

/* :has() - parent selector! */
.card:has(img) {
  display: grid;
}

/* aspect-ratio */
.video {
  aspect-ratio: 16 / 9;
}

/* color-mix() */
color: color-mix(in srgb, blue 50%, red);

/* Cascade layers */
@layer reset, components, utilities;

/* :is() and :where() */
:is(h1, h2, h3):hover {
  color: blue;
}

/* Subgrid */
.grid-item {
  display: grid;
  grid-template-columns: subgrid;
}