.brand-introduction { padding-block: var(--space-brand-introduction-section-top) var(--space-brand-introduction-section-bottom); }
.brand-introduction__container, .brand-introduction__heading, .brand-introduction__copy-card, .brand-introduction__logo { display: flex; flex-direction: column; }
.brand-introduction__container { align-items: center; gap: var(--space-brand-introduction-content); }
.brand-introduction__heading { align-items: center; gap: var(--space-brand-introduction-heading); text-align: center; }
.brand-introduction__eyebrow, .brand-introduction__title, .brand-introduction__copy p { margin: 0; }
.brand-introduction__eyebrow { color: var(--color-trusted); font-size: var(--fs-brand-introduction-eyebrow); font-weight: var(--fw-bold); letter-spacing: var(--tracking-eyebrow); line-height: var(--lh-compact); text-transform: uppercase; }
.brand-introduction__title { color: var(--color-text); font-size: var(--fs-brand-introduction-title); font-weight: var(--fw-bold); letter-spacing: var(--tracking-eyebrow); line-height: var(--lh-compact); }
.brand-introduction__title em, .brand-introduction__copy em { color: var(--color-trusted); font-style: italic; }
.brand-introduction__panel { display: grid; width: min(100%, var(--size-brand-introduction-panel)); grid-template-columns: var(--size-brand-introduction-copy) minmax(0, 1fr); gap: var(--space-brand-introduction-panel); min-block-size: var(--size-brand-introduction-panel-block); padding: var(--space-brand-introduction-panel); border-radius: var(--radius-brand-introduction-panel); background: var(--color-audit-card); }
.brand-introduction__copy-card { min-inline-size: 0; justify-content: space-between; gap: var(--space-brand-introduction-copy-content); padding: var(--space-brand-introduction-copy); border: 2px dashed var(--color-brand-introduction-dash); border-radius: var(--radius-brand-introduction-inner); background: var(--color-white); }
.brand-introduction__copy { color: var(--color-text); font-size: var(--fs-brand-introduction-copy); font-weight: var(--fw-bold); line-height: 1.3; }
.brand-introduction__copy p + p { margin-block-start: var(--space-brand-introduction-paragraph); }
.brand-introduction__cta { align-self: flex-start; block-size: var(--size-brand-introduction-button); padding-inline: var(--space-brand-introduction-button-inline); font-size: var(--fs-brand-introduction-button); }
.brand-introduction__media { position: relative; min-inline-size: 0; overflow: clip; border-radius: var(--radius-brand-introduction-inner); }
.brand-introduction__image, .brand-introduction__overlay { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; }
.brand-introduction__image { max-inline-size: none; object-fit: cover; }
.brand-introduction__overlay { background: rgb(5 5 5 / 30%); }
.brand-introduction__logo { position: absolute; inset: 50% auto auto 50%; align-items: center; inline-size: var(--size-brand-introduction-logo); transform: translate(-50%, -50%); color: var(--color-page); }
.brand-introduction__symbol { display: block; inline-size: var(--size-brand-introduction-logo-symbol); aspect-ratio: 133.606 / 97.5391; }
.brand-introduction__symbol .icon { inline-size: 100%; block-size: 100%; }
.brand-introduction__name { margin-block-start: -2px; font-family: var(--font-brand); font-size: var(--fs-brand-introduction-name); line-height: .9; letter-spacing: -.06em; }

@media (max-width: 1023px) {
  .brand-introduction__panel { display: flex; flex-direction: column; gap: var(--space-brand-introduction-panel); min-block-size: 0; }
  .brand-introduction__copy-card { gap: var(--space-brand-introduction-copy-content); }
  .brand-introduction__cta { min-block-size: var(--size-brand-introduction-button); height: var(--size-brand-introduction-button); }
  .brand-introduction__media { block-size: var(--size-brand-introduction-panel-block); flex: none; }
}