wp-component[name=OneProductHero]{--bgColor: var(--color-brand-blue-400)}wp-component[name=OneProductHero]>.wrapper{border-radius:var(--radius-non-scalable-s);background-color:var(--bgColor);margin-inline:auto;max-width:1600px;overflow:clip}wp-component[name=OneProductHero] .columns{display:grid;gap:var(--spacing-non-scalable-m);grid-template-rows:auto;grid-template-columns:1fr;min-block-size:calc(100dvh - 172px)}@media screen and (min-width: 1024px){wp-component[name=OneProductHero] .columns{gap:var(--spacing-non-scalable-s);grid-template-rows:1fr;grid-template-columns:repeat(2,1fr);min-block-size:592px}wp-component[name=OneProductHero] .columns[data-image-align=right]{padding-inline-start:var(--spacing-non-scalable-5xl)}wp-component[name=OneProductHero] .columns[data-image-align=left]{padding-inline-end:var(--spacing-non-scalable-5xl)}}@media screen and (min-width: 1024px){wp-component[name=OneProductHero] .columns[data-image-align=left] .content-column:has(+.image-column){grid-column:2}wp-component[name=OneProductHero] .columns[data-image-align=left] .image-column{grid-column:1}}wp-component[name=OneProductHero] .columns .content-column{align-self:center;grid-column:1/-1;grid-row:1}wp-component[name=OneProductHero] .columns .content-column:has(+.image-column){grid-column:1;grid-row:2}@media screen and (min-width: 1024px){wp-component[name=OneProductHero] .columns .content-column:has(+.image-column){grid-column:1;grid-row:1}}wp-component[name=OneProductHero] .columns .image-column{position:relative;grid-column:1;grid-row:1}@media screen and (min-width: 1024px){wp-component[name=OneProductHero] .columns .image-column{grid-column:2}}wp-component[name=OneProductHero] .content-column{color:var(--text-neutral-base-inversed);display:grid;gap:var(--spacing-scalable-xl)}wp-component[name=OneProductHero] .content-column .text{display:grid;gap:var(--spacing-scalable-s)}wp-component[name=OneProductHero] .content-column h1{font-size:var(--font-heading-xl-size);font-weight:var(--font-heading-xl-weight);letter-spacing:var(--font-heading-xl-tracking);line-height:var(--font-heading-xl-line-height)}@media screen and (min-width: 1280px){wp-component[name=OneProductHero] .content-column h1{font-size:var(--font-heading-3xl-size);font-weight:var(--font-heading-3xl-weight);letter-spacing:var(--font-heading-3xl-tracking);line-height:var(--font-heading-3xl-line-height)}}wp-component[name=OneProductHero] .content-column p{font-size:var(--font-body-m-size);letter-spacing:var(--font-body-m-tracking);line-height:var(--font-body-m-line-height);text-wrap:balance}@media screen and (min-width: 1280px){wp-component[name=OneProductHero] .content-column p{font-size:var(--font-body-l-size);letter-spacing:var(--font-body-l-tracking);line-height:var(--font-body-l-line-height)}}wp-component[name=OneProductHero][data-style=background-image] .columns{position:relative}wp-component[name=OneProductHero][data-style=background-image] .columns .background-container{block-size:100%;inline-size:100%;top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}wp-component[name=OneProductHero][data-style=background-image] .columns .background-container>img{inline-size:100%;object-fit:cover}wp-component[name=OneProductHero][data-style=background-image] .columns .background-container:after{background-image:linear-gradient(to right,var(--surface-primary-transparent-light) 10%,transparent 100%);content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:1}@media screen and (min-width: 1024px){wp-component[name=OneProductHero][data-style=background-image] .columns .background-container:after{background-image:linear-gradient(to top right,var(--surface-primary-transparent-light) 10%,transparent 100%)}}wp-component[name=OneProductHero][data-style=background-image] .columns .content-column,wp-component[name=OneProductHero][data-style=background-image] .columns .image-column{padding-inline:var(--radius-non-scalable-m);position:relative;z-index:5}wp-component[name=OneProductHero][data-style=background-image] .columns .content-column{padding-block-end:var(--radius-non-scalable-m)}@media screen and (min-width: 1024px){wp-component[name=OneProductHero][data-style=background-image] .columns .content-column{grid-column:1;grid-row:1}}wp-component[name=OneProductHero][data-style=background-image] .columns .image-column{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;padding-block-start:var(--radius-non-scalable-m);place-items:center}@media screen and (min-width: 1024px){wp-component[name=OneProductHero][data-style=background-image] .columns .image-column{padding-block-start:0;padding-inline:0}}wp-component[name=OneProductHero][data-style=background-image] .columns .image-column>img{grid-column:1;grid-row:1;position:relative;z-index:1}wp-component[name=OneProductHero][data-style=image]>.wrapper{padding:var(--radius-non-scalable-m)}wp-component[name=OneProductHero][data-style=image] .image-column{display:flex;border-radius:var(--radius-non-scalable-s);overflow:clip}@media screen and (min-width: 1024px){wp-component[name=OneProductHero][data-style=image] .image-column{margin:var(--spacing-non-scalable-s)}}wp-component[name=OneProductHero][data-style=image] .image-column>img{object-fit:cover}wp-component[name=OneProductHero][data-style=image-full]>.wrapper{padding:var(--radius-non-scalable-m)}wp-component[name=OneProductHero][data-style=image-full] .image-column{display:flex;margin-block-start:calc(var(--spacing-non-scalable-m) * -1);margin-block-end:0;margin-inline-start:calc(var(--spacing-non-scalable-m) * -1);margin-inline-end:calc(var(--spacing-non-scalable-m) * -1)}@media screen and (min-width: 1024px){wp-component[name=OneProductHero][data-style=image-full] .image-column{margin-block-start:calc(var(--spacing-non-scalable-m) * -1);margin-block-end:calc(var(--spacing-non-scalable-m) * -1);margin-inline-start:0;margin-inline-end:calc(var(--spacing-non-scalable-m) * -1)}}wp-component[name=OneProductHero][data-style=image-full] .image-column>img{object-fit:cover}wp-component[name=OneProductHero][data-style=shape] .content-column{padding-inline:var(--radius-non-scalable-m);padding-block-end:var(--radius-non-scalable-m)}wp-component[name=OneProductHero][data-style=shape] .image-column{display:grid;grid-template-columns:1fr;grid-template-rows:1fr}wp-component[name=OneProductHero][data-style=shape] .image-column>img{grid-column:1;grid-row:1;position:relative;z-index:1}wp-component[name=OneProductHero][data-style=shape] .image-column:after{content:"";background-color:var(--surface-secondary-base);border-radius:56px;display:block;grid-column:1;grid-row:1;position:relative;width:minmax(100%,520px);height:minmax(100%,520px)}@media screen and (min-width: 1024px){wp-component[name=OneProductHero][data-style=shape] .image-column:after{border-radius:112px}}wp-component[name=OneProductHero][data-style=shape] .columns[data-image-align=right] .image-column[data-shape-align=inline]>img{align-self:center;justify-self:end;padding-block-start:calc(var(--spacing-scalable-m) * 2)}@media screen and (min-width: 1024px){wp-component[name=OneProductHero][data-style=shape] .columns[data-image-align=right] .image-column[data-shape-align=inline]>img{padding-inline-start:calc(var(--spacing-scalable-l) * 2)}}wp-component[name=OneProductHero][data-style=shape] .columns[data-image-align=right] .image-column[data-shape-align=inline]:after{margin-block-start:var(--spacing-scalable-m);right:-75%}@media screen and (min-width: 1024px){wp-component[name=OneProductHero][data-style=shape] .columns[data-image-align=right] .image-column[data-shape-align=inline]:after{margin-block-start:var(--spacing-scalable-l);margin-block-end:var(--spacing-scalable-l);right:-66%}}wp-component[name=OneProductHero][data-style=shape] .columns[data-image-align=left] .image-column[data-shape-align=inline]>img{align-self:center;justify-self:start;padding-block-start:calc(var(--spacing-scalable-m) * 2)}@media screen and (min-width: 1024px){wp-component[name=OneProductHero][data-style=shape] .columns[data-image-align=left] .image-column[data-shape-align=inline]>img{padding-inline-end:calc(var(--spacing-scalable-l) * 2)}}wp-component[name=OneProductHero][data-style=shape] .columns[data-image-align=left] .image-column[data-shape-align=inline]:after{left:-75%;margin-block-start:var(--spacing-scalable-m)}@media screen and (min-width: 1024px){wp-component[name=OneProductHero][data-style=shape] .columns[data-image-align=left] .image-column[data-shape-align=inline]:after{left:-66%;margin-block-start:var(--spacing-scalable-l);margin-block-end:var(--spacing-scalable-l)}}wp-component[name=OneProductHero][data-style=shape] .columns[data-image-align=left] .image-column[data-shape-align=block-end],wp-component[name=OneProductHero][data-style=shape] .columns[data-image-align=right] .image-column[data-shape-align=block-end]{overflow:clip}wp-component[name=OneProductHero][data-style=shape] .columns[data-image-align=left] .image-column[data-shape-align=block-end]>img,wp-component[name=OneProductHero][data-style=shape] .columns[data-image-align=right] .image-column[data-shape-align=block-end]>img{align-self:end;justify-self:center;padding-block-start:calc(var(--spacing-scalable-m) * 2)}@media screen and (min-width: 1024px){wp-component[name=OneProductHero][data-style=shape] .columns[data-image-align=left] .image-column[data-shape-align=block-end]>img,wp-component[name=OneProductHero][data-style=shape] .columns[data-image-align=right] .image-column[data-shape-align=block-end]>img{padding-block-start:calc(var(--spacing-scalable-l) * 2)}}wp-component[name=OneProductHero][data-style=shape] .columns[data-image-align=left] .image-column[data-shape-align=block-end]:after,wp-component[name=OneProductHero][data-style=shape] .columns[data-image-align=right] .image-column[data-shape-align=block-end]:after{bottom:-70%;margin-inline:var(--spacing-scalable-m)}@media screen and (min-width: 1024px){wp-component[name=OneProductHero][data-style=shape] .columns[data-image-align=left] .image-column[data-shape-align=block-end]:after,wp-component[name=OneProductHero][data-style=shape] .columns[data-image-align=right] .image-column[data-shape-align=block-end]:after{bottom:-60%;margin-inline:var(--spacing-scalable-l)}}
