.section--about-hero{position:relative;background-color:var(--color-violet-100);color:var(--color-ink)}.about-hero__background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.about-hero__background-image{inline-size:100%;block-size:100%;object-fit:cover;opacity:var(--about-hero-bg-opacity, .4);mix-blend-mode:multiply}.about-hero__inner{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-12);min-block-size:calc(var(--fluid-372-372) - 80px + var(--about-hero-pt-mobile, 40px) + var(--about-hero-pb-mobile, 40px));padding-block:var(--about-hero-pt-mobile, 40px) var(--about-hero-pb-mobile, 40px);padding-inline-start:var(--fluid-24-40);padding-inline-end:var(--fluid-40-40)}.about-hero__title{margin:0;color:var(--color-ink);letter-spacing:-.02em}.about-hero__text{max-inline-size:var(--fluid-549-549);font-size:var(--font-size-body-md);line-height:var(--line-height-body)}.about-hero__text p{font-weight:var(--font-weight-light)}.about-hero__text :last-child{margin-block-end:0}.about-hero__clipart{position:absolute;inset-block-end:calc(-1 * var(--fluid-40-40));inset-inline-end:var(--fluid-7-7);inline-size:min(89.7vw,var(--fluid-390-390));aspect-ratio:356 / 234;container-type:inline-size;pointer-events:none;z-index:1}.about-hero__cloud-photo{position:absolute;inset-block-start:0;inset-inline-start:29.1%;inline-size:59.2%;aspect-ratio:1;background-color:var(--color-white);-webkit-mask:url(about-hero-cloud.svg) center / contain no-repeat;mask:url(about-hero-cloud.svg) center / contain no-repeat}.about-hero__cloud-photo-image{position:absolute;top:1.5cqw;right:1.5cqw;bottom:1.5cqw;left:1.5cqw;inline-size:calc(100% - 3cqw);block-size:calc(100% - 3cqw);object-fit:cover;-webkit-mask:url(about-hero-cloud.svg) center / contain no-repeat;mask:url(about-hero-cloud.svg) center / contain no-repeat}.about-hero__sparkle{position:absolute;inset-block-start:27.2%;inset-inline-start:0;inline-size:12.16%;rotate:33.118deg;z-index:1}.about-hero__bubble{position:absolute;inset-block-start:31.8%;inset-inline-start:15.1%;inline-size:40.5%;display:flex;align-items:center;justify-content:center;rotate:15deg}.about-hero__bubble-shape{inline-size:100%;block-size:auto}.about-hero__bubble-text{position:absolute;color:var(--color-brand-blue);font-family:var(--font-heading-family);font-size:4.5cqw;line-height:1.1;text-align:center;white-space:nowrap}.about-hero__pills{position:absolute;inset-block-start:66.3%;inset-inline-start:44.1%;inline-size:49.2%;display:flex;align-items:center;justify-content:center;rotate:-3.9deg}.about-hero__pills-shape{inline-size:100%;block-size:auto}.about-hero__pills-text{position:absolute;color:var(--color-brand-blue);font-family:var(--font-display-family);font-size:9cqw;line-height:1;text-align:center;white-space:nowrap}.about-hero__sparkle img,.about-hero__heart img{inline-size:100%;block-size:auto}.about-hero__heart{position:absolute;inset-block-start:60%;inset-inline-start:87%;inline-size:15.2%;rotate:11.7deg}@media(min-width:768px){.about-hero__inner{justify-content:flex-end;min-block-size:calc(var(--fluid-334-334) - 128px + var(--about-hero-pt-desktop, 80px) + var(--about-hero-pb-desktop, 48px));padding-block:var(--about-hero-pt-desktop, 80px) var(--about-hero-pb-desktop, 48px)}.about-hero__text{max-inline-size:min(var(--fluid-549-549),calc(100% - var(--fluid-260-534) - var(--fluid-16-56) - var(--fluid-40-40)))}.about-hero__clipart{inset-block-start:auto;inset-block-end:calc(-.0705 * var(--fluid-260-534));inset-inline-end:max(var(--fluid-16-56),calc((100vw - var(--page-width)) / 2 + var(--fluid-16-56)));inline-size:var(--fluid-260-534);aspect-ratio:534 / 334}.about-hero__cloud-photo{inset-inline-start:26.13%;inline-size:53.97%}.about-hero__bubble{inset-block-start:30.6%;inset-inline-start:9.27%;inline-size:35.11%}.about-hero__pills{inset-block-start:58.5%;inset-inline-start:36.62%;inline-size:52.57%}.about-hero__heart{inset-block-start:59.35%;inset-inline-start:84.6%;inline-size:15.4%}}@media(min-width:1920px){.about-hero__inner{min-block-size:calc(22rem - 128px + var(--about-hero-pt-desktop, 80px) + var(--about-hero-pb-desktop, 48px))}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-about-hero.css.map */