.gradient-bg-pinkblue{background-image:var(--helio-gradient-pinkblue)}.gradient-bg-pinkyellow{background-image:var(--helio-gradient-pinkyellow)}.gradient-bg-lavendersalmon{background-image:var(--helio-gradient-lavendersalmon)}.gradient-bg-bluesalmon{background-image:var(--helio-gradient-bluesalmon)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.js .topper-page[data-animate][data-animate-seen=true] .topper__media{animation:fade-in .35s ease-in-out 1 forwards;opacity:0;will-change:opacity}:root{--helio-topper-page-gradient:var(--helio-gradient-pinkblue)}.wp-block-heliotrope-topper-page{--helio-block-max-width:100%;--helio-topper-padding:var(--helio-scale-space-topper);--topper-page-image-border-width:10px;position:relative}.wp-block-heliotrope-topper-page:before{background:var(--helio-color-bg-light);content:"";height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:100vw;z-index:-1}.wp-block-heliotrope-topper-page .topper__content{display:flex;flex-direction:column}.wp-block-heliotrope-topper-page .topper__eyebrow{color:var(--helio-jazzberry);margin:0;order:1;text-transform:uppercase}.wp-block-heliotrope-topper-page .topper__title{margin-bottom:0;margin-top:var(--helio-scale-space-5);order:2;padding-bottom:10px}.wp-block-heliotrope-topper-page .topper__text{margin-top:var(--helio-scale-space-2);max-width:550px;order:3}.wp-block-heliotrope-topper-page .topper__inner{display:flex;flex-direction:column;gap:var(--helio-scale-space-4);padding:var(--helio-topper-padding) 0}.wp-block-heliotrope-topper-page .topper__media{align-items:center;display:flex;margin:0;position:relative}.wp-block-heliotrope-topper-page .circle-border-image__media-inner{display:flex;height:100%;padding:var(--topper-page-image-border-width);position:relative}.wp-block-heliotrope-topper-page .circle-border-image__media-image__inner{aspect-ratio:3/2;height:100%}.wp-block-heliotrope-topper-page .circle-border-image__media-border{border-radius:var(--helio-radius-sm);height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}.wp-block-heliotrope-topper-page .circle-border-image__media-border:before{background:var(--helio-topper-page-gradient);content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.wp-block-heliotrope-topper-page .circle-border-image__media-image{border-radius:var(--helio-radius-xs);height:100%}.wp-block-heliotrope-topper-page .circle-border-image__media-image img{height:100%;object-fit:cover}.wp-block-heliotrope-topper-page .circle-border-image__media-border,.wp-block-heliotrope-topper-page .circle-border-image__media-image,.wp-block-heliotrope-topper-page .topper__media{overflow:hidden}@media(min-width:960px){.wp-block-heliotrope-topper-page{--topper-page-image-border-width:30px;flex-direction:row;padding:0}.wp-block-heliotrope-topper-page .topper__content{flex:1 0 50%;padding:var(--helio-topper-padding) 0}.wp-block-heliotrope-topper-page .topper__inner{flex-direction:row;padding:0}.wp-block-heliotrope-topper-page .topper__media{aspect-ratio:3/2;min-height:612px;min-width:918px}.wp-block-heliotrope-topper-page .circle-border-image__media-inner{padding:0;width:100%}.wp-block-heliotrope-topper-page .circle-border-image__media-container{aspect-ratio:1/1;height:150%;left:0;position:absolute;top:50%;transform:translateY(-50%)}.wp-block-heliotrope-topper-page .circle-border-image__media-border{aspect-ratio:1/1;border-radius:50%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--topper-page-border-gradient-rotation,0deg));transition:transform .8s ease,opacity .3s ease}.wp-block-heliotrope-topper-page .circle-border-image__media-border:before{aspect-ratio:1/1;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);width:100%}.wp-block-heliotrope-topper-page .circle-border-image__media-image{aspect-ratio:1/1;border-radius:50%;height:calc(100% - var(--topper-page-image-border-width)*2 + 4px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.wp-block-heliotrope-topper-page .circle-border-image__media-image__inner{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% + var(--topper-page-image-border-width)*2)}}@media(min-width:1250px){.wp-block-heliotrope-topper-page .topper__content{margin-right:clamp(10px,5vw,72px)}}.js .topper-page{--topper-page-border-gradient-rotation:-80deg}.js .topper-page[data-animate] .topper__media{opacity:0}.js .topper-page[data-animate][data-animate-seen=true]{--topper-page-border-gradient-rotation:0deg}