.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}}@media (width>=768px){:root{--font-size-display-xs:var(--font-size-md);--font-size-display-sm:var(--font-size-xl);--font-size-display-md:var(--font-size-3xl);--font-size-display-lg:var(--font-size-5xl);--font-size-display-xl:var(--font-size-7xl);--font-size-display-2xl:var(--font-size-10xl);--space-1:var(--size-1);--space-2:var(--size-2);--space-3:var(--size-3);--space-4:var(--size-4);--space-5:var(--size-5);--space-6:var(--size-6);--space-8:var(--size-8);--space-10:var(--size-10);--space-12:var(--size-12);--space-14:var(--size-14);--space-16:var(--size-16);--space-18:var(--size-18);--space-20:var(--size-20);--space-30:var(--size-30);--space-40:var(--size-40)}}