@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.section-bopiko-hero{position:relative}.bopiko-hero{position:relative;isolation:isolate;overflow:hidden}.bopiko-hero__inner{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(3.2rem,6vw,8rem);min-height:54rem;padding-top:var(--bopiko-hero-padding-top);padding-bottom:var(--bopiko-hero-padding-bottom)}.bopiko-hero__content{position:relative;z-index:2;max-width:60rem}.bopiko-hero__heading{max-width:11ch;margin:0;color:var(--bopiko-charcoal);font-size:clamp(4.4rem,5.7vw,7.4rem);line-height:.98;letter-spacing:-.055em}.bopiko-hero__text{max-width:54rem;margin-top:2.4rem;color:#332c2ac7;font-size:clamp(1.65rem,1.5vw,1.9rem)}.bopiko-hero__text p{margin:0;line-height:1.55}.bopiko-hero__actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3.2rem}.bopiko-hero__button{min-width:18rem}.bopiko-hero__visual{position:relative;min-width:0;aspect-ratio:1.08 / 1;overflow:hidden;border:.1rem solid var(--bopiko-border);border-radius:clamp(2.4rem,4vw,4.2rem);background:var(--bopiko-peach);box-shadow:var(--bopiko-shadow-md)}.bopiko-hero__visual picture{display:block;width:100%;height:100%}.bopiko-hero__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.bopiko-hero__inner--media-left .bopiko-hero__image{object-position:left center}.bopiko-hero__inner--media-right .bopiko-hero__image{object-position:right center}.bopiko-hero__decorations{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.bopiko-hero__shape,.bopiko-hero__spark{position:absolute;display:block}.bopiko-hero__shape--one{top:-9rem;left:-8rem;width:28rem;height:28rem;border-radius:43% 57% 52% 48%/48% 40% 60% 52%;background:var(--bopiko-lavender-soft);opacity:.72;transform:rotate(18deg)}.bopiko-hero__shape--two{right:-7rem;bottom:-12rem;width:32rem;height:32rem;border-radius:50%;background:var(--bopiko-sage);opacity:.58}.bopiko-hero__spark{color:var(--bopiko-lavender);font-size:2.4rem;opacity:.62}.bopiko-hero__spark--one{top:14%;left:47%}.bopiko-hero__spark--two{right:3.5%;bottom:10%;color:#b57a65;font-size:1.7rem}.bopiko-hero__visual--placeholder{display:grid;place-items:center;background:linear-gradient(145deg,var(--bopiko-peach),var(--bopiko-blush))}.bopiko-hero__placeholder-art{position:relative;width:58%;aspect-ratio:1}.bopiko-hero__placeholder-circle,.bopiko-hero__placeholder-arch,.bopiko-hero__placeholder-star{position:absolute;display:block}.bopiko-hero__placeholder-circle{top:5%;right:4%;width:68%;height:68%;border-radius:50%;background:#fff9f0b8}.bopiko-hero__placeholder-arch{bottom:2%;left:3%;width:58%;height:72%;border:2.2rem solid rgba(117,97,168,.24);border-bottom:0;border-radius:999px 999px 0 0}.bopiko-hero__placeholder-star{top:4%;left:7%;color:var(--bopiko-lavender);font-size:clamp(3rem,5vw,6rem)}.bopiko-hero__editor-note{position:absolute;right:2rem;bottom:2rem;left:2rem;margin:0;color:var(--bopiko-charcoal);font-weight:700;text-align:center}@media screen and (max-width:989px){.bopiko-hero__inner{gap:3.2rem;min-height:48rem}.bopiko-hero__heading{font-size:clamp(4rem,6.4vw,5.6rem)}.bopiko-hero__button{min-width:16rem;padding-inline:2.2rem}}@media screen and (max-width:749px){.bopiko-hero__inner{grid-template-columns:1fr;gap:2.8rem;min-height:0;padding-top:min(var(--bopiko-hero-padding-top),3.2rem);padding-bottom:min(var(--bopiko-hero-padding-bottom),3.2rem)}.bopiko-hero__content{max-width:56rem;text-align:center}.bopiko-hero__heading{max-width:13ch;margin-inline:auto;font-size:clamp(3.6rem,11vw,4.8rem);line-height:1.02}.bopiko-hero__text{max-width:46rem;margin:1.8rem auto 0;font-size:1.6rem}.bopiko-hero__actions{justify-content:center;margin-top:2.4rem}.bopiko-hero__visual{width:100%;max-height:34rem;aspect-ratio:1.36 / 1;border-radius:var(--bopiko-radius-xl)}.bopiko-hero__spark--one{top:42%;left:5%}}@media screen and (max-width:479px){.bopiko-hero__actions{flex-direction:column}.bopiko-hero__button{width:100%}.bopiko-hero__visual{max-height:28rem}}@media screen and (max-width:374px){.bopiko-hero__inner{gap:2.2rem}.bopiko-hero__heading{font-size:3.35rem}.bopiko-hero__text{margin-top:1.4rem;font-size:1.5rem}.bopiko-hero__actions{gap:1rem;margin-top:2rem}.bopiko-hero__button{min-height:4.8rem}.bopiko-hero__visual{max-height:23rem}}@media(prefers-reduced-motion:reduce){.bopiko-hero *,.bopiko-hero *:before,.bopiko-hero *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-bopiko-hero.css.map */