.menu-hero-banner{justify-content:center;align-items:space-between;gap:var(--spacing-horizontal-xlarge);background-color:var(--color-surface-background);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:row;width:100%;display:flex;position:relative;overflow:hidden}.menu-hero-banner--small{min-height:calc(var(--spacing-vertical-titan)*3 + var(--spacing-vertical-xxlarge));padding:var(--spacing-vertical-xlarge) var(--spacing-horizontal-ultra)}.menu-hero-banner--small .menu-hero-banner__title{font-size:var(--typography-headline-small)}.menu-hero-banner--small .menu-hero-banner__subtitle{font-size:var(--typography-body-medium)}.menu-hero-banner--medium{min-height:calc(var(--spacing-vertical-titan)*5);padding:var(--spacing-vertical-mega) var(--spacing-horizontal-ultra)}.menu-hero-banner--medium .menu-hero-banner__title{font-size:var(--typography-headline-medium)}.menu-hero-banner--medium .menu-hero-banner__subtitle{font-size:var(--typography-body-large)}.menu-hero-banner--large{min-height:calc(var(--spacing-vertical-titan)*7);padding:var(--spacing-vertical-colosal) var(--spacing-horizontal-ultra)}.menu-hero-banner--large .menu-hero-banner__title{font-size:var(--typography-display-medium);letter-spacing:var(--typography-letter-spacing-tight)}.menu-hero-banner--large .menu-hero-banner__subtitle{font-size:var(--typography-body-extralarge);max-width:calc(var(--spacing-vertical-titan)*7.5)}.menu-hero-banner--bg-color{background-color:var(--color-surface-background)}.menu-hero-banner--bg-color:after{content:"";background:radial-gradient(ellipse 80% 60% at 50% 100%, color-mix(in srgb, var(--color-brand-primary-light) 3%, transparent) 0%, transparent 70%);z-index:0;pointer-events:none;position:absolute;inset:0}.menu-hero-banner--bg-color:before{content:"";bottom:0;left:var(--spacing-horizontal-ultra);right:var(--spacing-horizontal-ultra);height:var(--stroke-small);background:var(--color-border-extra-light);z-index:1;position:absolute}.menu-hero-banner--bg-image:before{content:"";background:linear-gradient(to right, var(--color-overlay-gradient-start) 0%, var(--color-overlay-gradient-mid) 50%, var(--color-overlay-gradient-end) 100%);z-index:1;position:absolute;inset:0}.menu-hero-banner--bg-image .menu-hero-banner__content{z-index:2}.menu-hero-banner--bg-image .menu-hero-banner__title,.menu-hero-banner--bg-image .menu-hero-banner__subtitle{color:var(--color-text-inverse)}.menu-hero-banner--align-left{justify-content:flex-start}.menu-hero-banner--align-left .menu-hero-banner__content{text-align:left;align-items:flex-start}.menu-hero-banner--align-center{justify-content:center}.menu-hero-banner--align-center .menu-hero-banner__content{text-align:center;align-items:center}.menu-hero-banner__content{justify-content:flex-start;align-items:flex-start;gap:var(--spacing-vertical-xlarge);max-width:calc(var(--spacing-vertical-titan)*10);z-index:2;flex-direction:column;display:flex}.menu-hero-banner__title{font-family:var(--typography-font-family-heading);font-weight:var(--typography-font-weight-bold);color:var(--color-text-primary);line-height:var(--typography-line-height-tight);margin:0}.menu-hero-banner__subtitle{font-family:var(--typography-font-family-body);font-weight:var(--typography-font-weight-regular);color:var(--color-text-secondary);line-height:var(--typography-line-height-tall);margin:0}.menu-hero-banner__cta{margin-top:var(--spacing-vertical-large)}.menu-hero-banner__image{object-fit:contain;z-index:1;max-width:50%;max-height:100%;position:absolute;bottom:0;right:0}@media (max-width:1024px){.menu-hero-banner{text-align:center;flex-direction:column}.menu-hero-banner--align-left .menu-hero-banner__content,.menu-hero-banner--align-center .menu-hero-banner__content{text-align:center;align-items:center}.menu-hero-banner__content{max-width:100%}.menu-hero-banner__image{max-width:80%;margin-top:var(--spacing-vertical-large);position:relative}.menu-hero-banner--small{min-height:calc(var(--spacing-vertical-titan)*4 + var(--spacing-vertical-small) + var(--stroke-medium));padding:var(--spacing-vertical-large) var(--spacing-horizontal-large)}.menu-hero-banner--medium{min-height:calc(var(--spacing-vertical-giga)*7 + var(--spacing-vertical-large));padding:var(--spacing-vertical-xlarge) var(--spacing-horizontal-xlarge)}.menu-hero-banner--large{min-height:60vh;padding:var(--spacing-vertical-ultra) var(--spacing-horizontal-xlarge)}}