.pureblocks-hero{--hero-bg: var(--color-brand-primary-yellow-35, #ffefce);--hero-blob: var(--color-brand-primary-yellow-50, #ffe8b8);position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2xl, 2rem);padding:var(--pureblocks-section-padding-top, var(--spacing-2xl, 2rem)) var(--grid-margin, 1rem) var(--spacing-4xl, 3rem) var(--grid-margin, 1rem);background-color:var(--hero-bg, var(--color-brand-primary-blue-15, #d9f6fd))}.pureblocks-hero--bg-yellow{--hero-bg: var(--color-brand-primary-yellow-35, #ffefce);--hero-blob: var(--color-brand-primary-yellow-50, #ffe8b8)}.pureblocks-hero--bg-blue{--hero-bg: var(--color-brand-primary-blue-15, #d9f6fd);--hero-blob: var(--color-brand-primary-blue-35, #a6e9fb)}.pureblocks-hero--bg-purple{--hero-bg: var(--color-brand-primary-purple-15, #f1e6ff);--hero-blob: var(--color-brand-primary-purple-35, #dec5ff)}.pureblocks-hero--bg-green{--hero-bg: var(--color-brand-primary-green-15, #eafbf5);--hero-blob: var(--color-brand-primary-green-35, #b4edd8)}.pureblocks-hero--bg-beige{--hero-bg: var(--color-brand-secondary-beige-30, #f6f1ed);--hero-blob: var(--color-brand-secondary-beige-50, #f1e9e1)}.pureblocks-hero__blob{position:absolute;top:0;right:clamp(-8rem,-10vw,-2rem);width:clamp(18rem,42vw,36rem);height:auto;color:var(--hero-blob, var(--color-brand-primary-yellow-50, #ffe8b8));pointer-events:none;z-index:0}.pureblocks-hero__content,.pureblocks-hero__media{position:relative;z-index:1}.pureblocks-hero__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-m, 1rem);width:100%;max-width:52rem;margin-inline:auto;text-align:center}.pureblocks-hero__title{margin:0;font-family:var(--font-family-heading, "Fira Sans", sans-serif);font-size:var(--text-styles-base-h1-special-font-size, 2rem);line-height:var(--text-styles-base-h1-special-line-height, 2.2rem);color:var(--color-neutral-black, #141414)}.pureblocks-hero__text{margin:0;max-width:42rem;font-size:var(--text-styles-base-p-font-size, 1rem);line-height:var(--text-styles-base-p-line-height, 1.5rem);color:var(--color-neutral-black, #141414)}.pureblocks-hero__buttons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--spacing-xs, 0.5rem);margin-top:var(--spacing-xl, 2rem)}.pureblocks-hero__media{width:100%;max-width:var(--container-max-width-lg, 1280px);display:flex;justify-content:center;align-items:center}.pureblocks-hero__image-wrapper{position:relative;width:min(100%,var(--hero-image-width, 52rem));margin-inline:auto;aspect-ratio:760/507;overflow:hidden;border-radius:var(--radius-3xl, 3rem);box-shadow:0 8px 32px 0 var(--color-shadow-light, rgba(0, 0, 0, 0.06));transition:width .12s linear;will-change:width}.pureblocks-hero__image-wrapper>img,.pureblocks-hero__image-wrapper .pureblocks-image-wrapper,.pureblocks-hero__image-wrapper .pureblocks-image-wrapper img,.pureblocks-hero__image-wrapper picture,.pureblocks-hero__image-wrapper picture img{display:block;width:100%;height:100%}.pureblocks-hero__image-wrapper>img,.pureblocks-hero__image-wrapper .pureblocks-image-wrapper img,.pureblocks-hero__image-wrapper picture img{object-fit:cover}.pureblocks-hero__image-wrapper .block-editor-media-placeholder{height:100%;min-height:14rem}@media(width >= 768px){.pureblocks-hero__blob{top:10%;right:0;width:clamp(24rem,36vw,40rem)}}@media(width >= 1280px){.pureblocks-hero__blob{right:0;width:clamp(28rem,34vw,42rem)}}body:has(.site-content .pureblocks-hero.pureblocks-hero--bg-blue) .site-header,body:has(.site-content .pureblocks-hero.pureblocks-hero--bg-blue) .site-banner{background-color:var(--color-brand-primary-blue-15, #d9f6fd)}body:has(.site-content .pureblocks-hero.pureblocks-hero--bg-green) .site-header,body:has(.site-content .pureblocks-hero.pureblocks-hero--bg-green) .site-banner{background:var(--color-brand-primary-green-15, #eafbf5)}body:has(.site-content .pureblocks-hero.pureblocks-hero--bg-yellow) .site-header,body:has(.site-content .pureblocks-hero.pureblocks-hero--bg-yellow) .site-banner{background:var(--color-brand-primary-yellow-35, #ffefce)}body:has(.site-content .pureblocks-hero.pureblocks-hero--bg-purple) .site-header,body:has(.site-content .pureblocks-hero.pureblocks-hero--bg-purple) .site-banner{background:var(--color-brand-primary-purple-15, #f1e6ff)}body:has(.site-content .pureblocks-hero.pureblocks-hero--bg-beige) .site-header,body:has(.site-content .pureblocks-hero.pureblocks-hero--bg-beige) .site-banner{background:var(--color-brand-secondary-beige-30, #f6f1ed)}