.o-hero{--py:3rem;--pheader:0px;overflow:clip;position:relative}@media (max-width:768px){.o-hero{--py:2.25rem}}.o-hero.has-background,.o-hero.has-bg-dotted{color:#fff}.o-hero.has-header-padding{--pheader:var(--header-height)}.o-hero_bg-dotted{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.o-hero.has-bg-dotted .o-bg-dotted{z-index:0}.o-hero_inner{display:flex;flex-direction:column;justify-content:space-between;min-height:100svh;padding-block:calc(var(--py) + var(--pheader)) var(--py);position:relative;z-index:5}.is-title-centered .o-hero_header{align-self:center;text-align:center}.o-hero_image{position:absolute;right:0;top:calc(var(--header-height) + 1.5rem);width:21.875rem;z-index:2}@media (max-width:768px){.o-hero_image{top:17.5rem;width:19.375rem}}.o-hero_image img{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:right;object-position:right;width:100%}.is-image-centered .o-hero_image{height:40rem;left:50%;right:unset;top:56.5%;transform:translate(-50%,-50%);width:27.8125rem}.is-image-centered .o-hero_image img{-o-object-position:center;object-position:center}.o-hero_background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.o-hero_background img,.o-hero_background video{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.o-hero_prefix{margin-bottom:.625rem}.o-hero_title{font-family:UniversExtended,sans-serif;font-size:3.5rem;line-height:1;max-width:calc(var(--layout-column-width)*10 + var(--layout-columns-gap)*9);text-transform:uppercase;text-wrap:balance}@media (max-width:768px){.o-hero_title{font-size:2rem;max-width:none}}.o-hero_content{align-self:flex-end;font-size:.875rem;max-width:50%;padding-left:1.375rem;padding-left:var(--dot-before-padding,1.375rem);position:relative;text-wrap:balance}.o-hero_content:before{background-color:var(--dot-color,#f70b48);content:"";height:.375rem;left:var(--dot-before-left,0);position:absolute;top:.4lh;transform-origin:center;width:.375rem}.is-content-left .o-hero_content{align-self:flex-start}.is-content-right .o-hero_content{align-self:flex-end}@media (max-width:768px){.o-hero_content{max-width:none}}
