@layer ui.components{.ui-hero-frame{padding:var(--space-sm)}.ui-hero-frame__clip{flex-direction:column;max-width:1800px;max-height:993px;margin-inline:auto;display:flex;overflow:hidden}.ui-hero-frame__frame{border-radius:var(--radius-panel);background-color:#000;width:100%;height:max(540px,100svh - 16px);position:relative;overflow:hidden}.ui-hero-frame__media{position:absolute;inset:0}.ui-hero-frame__media img{object-fit:cover;object-position:top;width:100%;height:100%}.ui-hero-frame__layer{padding:var(--space-md) var(--space-md) var(--space-xxl);flex-direction:column;display:flex;position:absolute;inset:0}.ui-hero-frame__scrim{bottom:0;pointer-events:none;background:linear-gradient(#0000 0%,#000 100%);width:100%;height:150px;position:absolute;inset-inline-start:0}.ui-hero-frame__head{flex-shrink:0;position:relative}.ui-hero-frame__stage{flex:1;align-items:flex-end;width:100%;max-width:1536px;height:100%;margin-inline:auto;display:flex;position:relative}@media (min-width:768px){.ui-hero-frame__frame{height:max(580px,100dvh - 24px)}.ui-hero-frame__frame[data-focus=right-md] .ui-hero-frame__media img{object-position:right}.ui-hero-frame__frame[data-focus=left-md] .ui-hero-frame__media img{object-position:left}}@media (min-width:1024px){.ui-hero-frame{padding:var(--space-md)}.ui-hero-frame__media img{object-position:center}.ui-hero-frame__frame[data-focus=top-lg] .ui-hero-frame__media img{object-position:top}.ui-hero-frame__frame[data-focus=left-md] .ui-hero-frame__media img{object-position:left}.ui-hero-frame__layer{padding:var(--space-xxl)}}@media (min-width:1280px){.ui-hero-frame__frame{height:max(600px,100dvh - 24px)}.ui-hero-frame__media img{object-position:0% 0%}.ui-hero-frame__frame[data-focus=bottom-xl] .ui-hero-frame__media img{object-position:bottom}.ui-hero-frame__frame[data-focus=center-xl] .ui-hero-frame__media img{object-position:center}.ui-hero-frame__frame[data-focus=top-lg] .ui-hero-frame__media img{object-position:top}.ui-hero-frame__frame[data-focus=left-md] .ui-hero-frame__media img{object-position:left}}@media (min-width:1536px){.ui-hero-frame__frame{height:max(770px,100dvh - 24px)}}.ui-hero-frame[data-variant=banner]{padding:var(--space-sm) var(--space-sm) 0}.ui-hero-frame[data-variant=banner] .ui-hero-frame__frame{height:max(670px, calc(100svh - 15px - env(safe-area-inset-bottom,0px)))}.ui-hero-frame[data-variant=banner] .ui-hero-frame__layer{padding:clamp(.75rem,.5598rem + .8696vw,1.375rem) 20px}.ui-hero-frame[data-variant=banner] .ui-hero-frame__stage{max-width:none}.ui-hero-frame[data-variant=banner] .ui-hero-frame__scrim{background:0 0;height:auto;inset:0}.ui-hero-frame[data-variant=banner] .ui-hero-frame__scrim:before,.ui-hero-frame[data-variant=banner] .ui-hero-frame__scrim:after{content:"";opacity:.4;width:100%;position:absolute;inset-inline-start:0}.ui-hero-frame[data-variant=banner] .ui-hero-frame__scrim:before{background:linear-gradient(#000 0%,#0000 100%);height:89px;top:0}.ui-hero-frame[data-variant=banner] .ui-hero-frame__scrim:after{background:linear-gradient(#0000 0%,#000 50%);height:100px;bottom:0}@media (min-width:768px){.ui-hero-frame[data-variant=banner] .ui-hero-frame__frame{height:max(580px,100dvh - 15px)}.ui-hero-frame[data-variant=banner] .ui-hero-frame__scrim:before,.ui-hero-frame[data-variant=banner] .ui-hero-frame__scrim:after{height:210px}}@media (min-width:1024px){.ui-hero-frame[data-variant=banner]{padding:var(--space-md)}.ui-hero-frame[data-variant=banner] .ui-hero-frame__layer{padding-inline:var(--space-lg)}.ui-hero-frame[data-variant=banner] .ui-hero-frame__scrim:after{display:none}}@media (min-width:1280px){.ui-hero-frame[data-variant=banner] .ui-hero-frame__frame{height:max(600px,100dvh - 15px)}}@media (min-width:1536px){.ui-hero-frame[data-variant=banner] .ui-hero-frame__frame{height:max(770px,100dvh - 15px)}}.ui-hero-frame[data-variant=campaign] .ui-hero-frame__frame{height:max(670px,100svh - 16px)}.ui-hero-frame[data-variant=campaign] .ui-hero-frame__media img{object-position:center}.ui-hero-frame[data-variant=campaign] .ui-hero-frame__layer{padding:var(--space-md) var(--space-md) var(--space-xxl)}.ui-hero-frame[data-variant=campaign] .ui-hero-frame__scrim{background:0 0;height:auto;inset:0}.ui-hero-frame[data-variant=campaign] .ui-hero-frame__scrim:before,.ui-hero-frame[data-variant=campaign] .ui-hero-frame__scrim:after{content:"";opacity:.4;width:100%;position:absolute;inset-inline-start:0}.ui-hero-frame[data-variant=campaign] .ui-hero-frame__scrim:before{background:linear-gradient(#000 0%,#0000 100%);height:210px;display:none;top:0}.ui-hero-frame[data-variant=campaign] .ui-hero-frame__scrim:after{background:linear-gradient(#0000 0%,#000 100%);height:355px;bottom:0}@media (min-width:768px){.ui-hero-frame[data-variant=campaign] .ui-hero-frame__frame{border-radius:20.32px;height:max(580px,100dvh - 32px)}.ui-hero-frame[data-variant=campaign] .ui-hero-frame__scrim:before{display:block}}@media (min-width:1024px){.ui-hero-frame[data-variant=campaign]{padding:var(--space-lg) var(--space-xxl)}.ui-hero-frame[data-variant=campaign] .ui-hero-frame__layer{padding:var(--space-xl) var(--space-lg) var(--space-lg)}.ui-hero-frame[data-variant=campaign] .ui-hero-frame__scrim:after{display:none}}@media (min-width:1280px){.ui-hero-frame[data-variant=campaign] .ui-hero-frame__frame{height:max(600px,100dvh - 32px)}.ui-hero-frame[data-variant=campaign] .ui-hero-frame__media img{object-position:center}}@media (min-width:1536px){.ui-hero-frame[data-variant=campaign] .ui-hero-frame__frame{height:max(770px,100dvh - 32px)}}.ui-hero-frame__frame[data-focus=right-55-md] .ui-hero-frame__media img,.ui-hero-frame__frame[data-focus=left-65-md] .ui-hero-frame__media img{object-position:top}@media (min-width:768px){.ui-hero-frame__frame[data-focus=right-55-md] .ui-hero-frame__media img{object-position:right 55%}.ui-hero-frame__frame[data-focus=left-65-md] .ui-hero-frame__media img{object-position:left 65%}}}