/* GENERATED by scripts/build/tailwind/build-tailwind.ts — edit frameworks/tailwind/Theme.css or a manifest, not this file. */
@import '../../../Prelude.generated.css';

@layer utilities {
  .arena-hero__root {
    display: grid;
    width: 100%;
    padding-block: var(--rhythm-section);
  }
  .arena-hero__words {
    display: flex;
    min-width: 0px;
    flex-direction: column;
    gap: var(--gap-items);
  }
  .arena-hero__eyebrow {
    margin: 0px;
    font-family: var(--ff-eyebrow);
    font-size: var(--step-eyebrow);
    --tw-font-weight: var(--fw-eyebrow);
    font-weight: var(--fw-eyebrow);
    --tw-tracking: var(--track-eyebrow);
    letter-spacing: var(--track-eyebrow);
    color: var(--ink-eyebrow);
    text-transform: var(--tt-eyebrow);
  }
  .arena-hero__title {
    margin: 0px;
    font-family: var(--ff-heading);
    font-size: var(--step-title-hero);
    --tw-leading: var(--lh-heading);
    line-height: var(--lh-heading);
    --tw-font-weight: var(--fw-heading);
    font-weight: var(--fw-heading);
    --tw-tracking: var(--track-heading);
    letter-spacing: var(--track-heading);
    color: var(--ink-heading);
  }
  .arena-hero__lede {
    margin: 0px;
    max-width: 65ch;
    font-family: var(--font-body);
    font-size: var(--fs-lg);
    --tw-leading: var(--lh-prose);
    line-height: var(--lh-prose);
    color: var(--ink-body);
  }
  .arena-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--gap-inline);
  }
  .arena-hero__figure {
    min-width: 0px;
  }
  .arena-hero__root--layout-stacked {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: var(--rhythm-component);
  }
  .arena-hero__root--layout-split {
    align-items: center;
    gap: var(--rhythm-section);
  }
  .arena-hero__root--layout-bleed {
    position: relative;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    overflow: hidden;
    border-radius: var(--r-media);
    padding: var(--pad-surface);
  }
  .arena-hero__words--layout-bleed {
    z-index: 10;
    grid-column-start: 1;
    grid-row-start: 1;
  }
  .arena-hero__figure--layout-bleed {
    grid-column-start: 1;
    grid-row-start: 1;
    align-self: stretch;
  }
  .arena-hero__words--align-start {
    align-items: flex-start;
    text-align: start;
  }
  .arena-hero__words--align-center {
    align-items: center;
    text-align: center;
  }
  .arena-hero__words--cv1 {
    justify-content: flex-end;
  }
  .arena-hero__words--cv2 {
    justify-content: center;
  }
}