.hero{--hero-grid-template-areas:"media" "headline" "deck";grid-template-areas:var(--hero-grid-template-areas);row-gap:var(--space-2);column-gap:var(--space-6);display:grid}@media (width>=1024px){.hero{--hero-grid-template-areas:"headline media" "deck media";grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr}}.hero:has(.hero-overline){--hero-grid-template-areas:"overline" "media" "headline" "deck";grid-template-rows:auto auto 1fr}@media (width>=1024px){.hero:has(.hero-overline){--hero-grid-template-areas:"overline overline" "headline media" "deck media"}}.hero:has(.hero-header){--hero-grid-template-areas:"media" "header" "headline" "deck";grid-template-rows:auto auto 1fr}@media (width>=1024px){.hero:has(.hero-header){--hero-grid-template-areas:"header media" "headline media" "deck media"}}.hero:has(.hero-overline):has(.hero-header){--hero-grid-template-areas:"overline" "media" "header" "headline" "deck";grid-template-rows:auto auto auto 1fr}@media (width>=1024px){.hero:has(.hero-overline):has(.hero-header){--hero-grid-template-areas:"overline overline" "header media" "headline media" "deck media"}}.hero-overline{grid-area:overline;place-self:end start}.hero-header{grid-area:header;place-self:start}.hero-headline{grid-area:headline;place-self:center start}.hero-deck{grid-area:deck;place-self:start}.hero-media{grid-area:media;margin-block-end:var(--size-2)}@media (width>=1024px){.hero-media{margin-block-end:0}}
