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