@layer reset, base, layout, components, blocks, brand, utilities;
@layer brand{.hero__title{text-transform:uppercase}.hero .button--accent{color:var(--color-on-action);background-color:var(--color-action);border-color:#0000}.hero .button--accent:not([aria-disabled=true],:disabled):hover,.hero .button--accent[aria-expanded=true]{background-color:var(--color-action-hover);border-color:#0000}.hero__card{border-color:var(--color-border-card)}@media (width>=48rem){.hero__card{border-color:var(--color-border-subtle)}}}