.brand-header{padding-block:var(--spacing-1) 0}.brand-header .header-layout{--header-row-gap:var(--spacing-2_5);display:grid;gap:var(--header-row-gap) var(--gutter)}@media (max-width:479px){.brand-header .header-layout{grid-template-areas:"banner" "identity" "description" "social-links" "promo"}}@media (min-width:480px){.brand-header .header-layout{--header-row-gap:var(--spacing-1_5);--content-cols:3/-3;--header-rows:[banner-start] auto [banner-end identity-start] auto [identity-end social-links-start] auto [social-links-end description-start] auto [description-end promo-start] auto [promo-end];grid-template-columns:repeat(24,1fr);grid-template-rows:var(--header-rows)}}@media (min-width:1000px){.brand-header .header-layout{--header-rows:[banner-start promo-start] auto [banner-end promo-end identity-start] auto [identity-end social-links-start] auto [social-links-end description-start] auto [description-end];align-items:stretch}}.brand-header .header-layout .banner-image-area{--banner-ratio:2.25/1;aspect-ratio:var(--banner-ratio);border-radius:var(--border-radius-1_5);grid-row:banner;overflow:hidden;width:100%}@media (min-width:480px){.brand-header .header-layout .banner-image-area{--banner-ratio:898/331;--banner-col:1/-1;grid-column:var(--banner-col)}}@media (min-width:1000px){.brand-header .header-layout .banner-image-area{--banner-col:1/16}}@media (min-width:1000px) and (max-width:1279px){.brand-header .header-layout .banner-image-area{--banner-ratio:auto}}@media (min-width:1280px){.brand-header .header-layout .banner-image-area{--banner-col:1/17}}.brand-header .header-layout .banner-image-area .banner-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.brand-header .header-layout .promo-area{display:grid;grid-row:promo}@media (min-width:480px){.brand-header .header-layout .promo-area{--promo-col:var(--content-cols);grid-column:var(--promo-col)}}@media (min-width:1000px){.brand-header .header-layout .promo-area{--promo-col:16/-1}}@media (min-width:1280px){.brand-header .header-layout .promo-area{--promo-col:17/-1}}.brand-header .header-layout .identity-area{--identity-gap:var(--spacing-0_5);--identity-flex-direction:column;--identity-align-items:center;--logo-border-radius:var(--border-radius-0_5);--logo-size:6.25rem;--logo-overlap:2/3;--logo-offset:calc(var(--logo-size)*var(--logo-overlap));align-items:var(--identity-align-items);display:flex;flex-direction:var(--identity-flex-direction);gap:var(--identity-gap);grid-row:identity}@media (min-width:480px){.brand-header .header-layout .identity-area{--identity-flex-direction:row;--identity-align-items:flex-end;--identity-gap:var(--spacing-1_5)}}@media (min-width:1280px){.brand-header .header-layout .identity-area{--identity-gap:var(--spacing-2)}}@media (min-width:480px){.brand-header .header-layout .identity-area{--logo-overlap:2/5}}@media (min-width:750px){.brand-header .header-layout .identity-area{--logo-size:7.75rem}}@media (min-width:1280px){.brand-header .header-layout .identity-area{--logo-border-radius:var(--border-radius-1);--logo-size:11.375rem}}.brand-header .header-layout .identity-area .logo-image{background-color:#fff;border-radius:var(--logo-border-radius);box-shadow:var(--box-shadow-extra-light);height:var(--logo-size);-o-object-fit:contain;object-fit:contain;width:var(--logo-size)}@media (min-width:480px){.brand-header .header-layout .identity-area .logo-image{align-self:flex-start}}.brand-header .header-layout .identity-area .identity-text{display:flex;flex-direction:column}@media (max-width:479px){.brand-header .header-layout .identity-area .identity-text{margin-block-end:calc(var(--header-row-gap)*-.75);text-align:center}}.brand-header .header-layout .identity-area .identity-text .brand-website-link{--link-color:var(--pulse);color:var(--link-color);font-family:var(--monospace);font-size:var(--font-size-1);font-weight:var(--bold);letter-spacing:var(--letter-spacing-xxl);line-height:var(--line-height-1_5);text-transform:uppercase;transition:color var(--transition-props)}@media (min-width:480px){.brand-header .header-layout .identity-area .identity-text .brand-website-link{font-size:var(--font-size-0_875);letter-spacing:var(--letter-spacing-xl);line-height:var(--line-height-1_14)}}@media (min-width:1280px){.brand-header .header-layout .identity-area .identity-text .brand-website-link{font-size:var(--font-size-1);letter-spacing:var(--letter-spacing-xxl);line-height:var(--line-height-1_5)}}.brand-header .header-layout .identity-area .identity-text .brand-website-link:focus-visible,.brand-header .header-layout .identity-area .identity-text .brand-website-link:hover{--link-color:var(--pulse-dark);text-decoration:underline}.brand-header .header-layout .identity-area:has(.logo-image){--identity-pull:calc(var(--header-row-gap) + var(--logo-offset));margin-block-start:calc(var(--identity-pull)*-1)}@media (min-width:480px){.brand-header .header-layout .identity-area:has(.logo-image) .identity-text{--identity-text-gap:calc(var(--spacing-1_25) - var(--spacing-0_125));padding-block-start:calc(var(--logo-offset) + var(--identity-text-gap))}}@media (min-width:1280px){.brand-header .header-layout .identity-area:has(.logo-image) .identity-text{--identity-text-gap:var(--header-row-gap)}}.brand-header .header-layout .social-links-area{--social-links-justify:center;display:flex;grid-row:social-links;justify-content:var(--social-links-justify)}@media (min-width:480px){.brand-header .header-layout .social-links-area{--social-links-justify:flex-start}}@media (min-width:480px){.brand-header .header-layout:not(:has(.social-links-area)) .description-area{grid-row:social-links}}.brand-header .header-layout .description-area{text-wrap:pretty;--desc-text-align:center;grid-row:description;max-width:none;text-align:var(--desc-text-align)}@media (max-width:479px){.brand-header .header-layout .description-area{margin-block-end:calc(var(--header-row-gap)*-.5)}}@media (min-width:480px){.brand-header .header-layout .description-area{--desc-text-align:start}}.brand-header .header-layout .cta-area{--cta-flex-direction:column;--cta-justify:center;align-items:center;display:flex;flex-direction:var(--cta-flex-direction);flex-wrap:wrap;gap:var(--spacing-0_75);grid-row:cta;justify-content:var(--cta-justify)}@media (min-width:480px){.brand-header .header-layout .cta-area{--cta-flex-direction:row;--cta-justify:flex-start}.brand-header .header-layout .header-body-item{grid-column:var(--content-cols)}}
