@layer base,variables,mixins,shared;.homepage-banner{aspect-ratio:1;border-radius:var(--border-radius-lg);background:var(--surface-lighter);align-items:flex-end;display:flex;position:relative;overflow:hidden}@media (min-width:800px){.homepage-banner{aspect-ratio:auto;align-items:center;min-height:104px}}.homepage-banner__picture{position:absolute;inset:0}.homepage-banner__background{object-fit:cover;width:100%;height:100%}.homepage-banner__content{justify-content:space-around;align-items:center;gap:var(--spacing-3xs);width:100%;padding:var(--spacing-sm);display:flex;position:relative}@media (min-width:800px){.homepage-banner__content{gap:var(--spacing-xl);padding:var(--spacing-xl)}}.homepage-banner__logo{flex-shrink:0;width:auto;height:22px;display:none}@media (min-width:800px){.homepage-banner__logo{display:block}}.homepage-banner__text{align-items:center;gap:var(--spacing-5xs);min-width:0;text-shadow:0 0 24px rgb(from var(--white) r g b/15%);white-space:nowrap;flex-direction:column;display:flex}@media (min-width:800px){.homepage-banner__text{justify-content:center;align-items:baseline;gap:var(--spacing-xs);flex-flow:wrap;flex:1}}.homepage-banner__highlighted{background:linear-gradient(90deg, var(--v2-yellow-300), var(--v2-yellow-50));-webkit-text-fill-color:#0000;font:var(--title-oneline-xl-black);-webkit-background-clip:text;background-clip:text}@media (min-width:800px){.homepage-banner__highlighted{font:var(--title-oneline-lg-black)}}@media (min-width:1200px){.homepage-banner__highlighted{font:var(--title-oneline-2xl-black)}}.homepage-banner__main{color:var(--text-light);font:var(--body-sm-bold);text-transform:uppercase}@media (min-width:800px){.homepage-banner__main{font:var(--title-oneline-lg-black)}}@media (min-width:1200px){.homepage-banner__main{font:var(--title-oneline-2xl-black)}}.homepage-banner__cta{min-width:160px;min-height:50px;padding:var(--spacing-2xs) var(--spacing-xl);background:var(--v2-red-400);color:var(--text-light);font:var(--title-oneline-sm-black);text-transform:uppercase;white-space:nowrap;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:inline-flex}@media (min-width:800px){.homepage-banner__cta{min-height:56px;padding:var(--spacing-xs) var(--spacing-xl);font:var(--body-xl-bold);text-transform:capitalize}}@media (hover:hover){.homepage-banner__cta:hover{background:var(--v2-red-300)}}