.hero-ritual{--hero-ritual-accent: #b96f4a;--hero-ritual-shadow: 0 6px 14px -6px rgb(51 48 42 / 30%)}.hero-ritual__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,5vw,5rem)}.hero-ritual__content{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;max-width:34rem}.hero-ritual__eyebrow{margin:0;font-family:var(--font-body--family);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--hero-ritual-accent)}.hero-ritual__heading{margin:0;line-height:1.08}.hero-ritual__heading em{font-style:italic;color:var(--hero-ritual-accent)}.hero-ritual__subheading{margin:0;max-width:30rem;font-size:1.0625rem;line-height:1.65;color:rgb(var(--color-foreground-rgb) / .75)}.hero-ritual__subheading p{margin:0}.hero-ritual__button{margin-top:.5rem;display:inline-flex;align-items:center;gap:.5rem}.hero-ritual__button-arrow{transition:transform var(--animation-speed, .2s) var(--animation-easing, ease)}.hero-ritual__button:hover .hero-ritual__button-arrow{transform:translate(3px)}.hero-ritual__media{position:relative;display:flex;justify-content:center;align-items:center;min-height:22rem}.hero-ritual__circle{position:relative;width:min(26rem,100%);aspect-ratio:1;border-radius:50%;background-color:var(--hero-ritual-circle, #eae0c8)}.hero-ritual__image-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58%;aspect-ratio:.82;display:flex;align-items:center;justify-content:center}.hero-ritual__image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 28px rgb(51 48 42 / 20%))}.hero-ritual__badge{position:absolute;right:16%;bottom:15%;z-index:1;background-color:rgb(var(--color-background-rgb, 243 238 227));border-radius:10px;box-shadow:var(--hero-ritual-shadow);padding:.75rem 1.125rem;display:flex;flex-direction:column;gap:.15rem;max-width:12rem}.hero-ritual__badge-name{margin:0;font-size:.8125rem;font-weight:600;color:var(--color-foreground)}.hero-ritual__badge-price{margin:0;font-size:.8125rem;color:var(--hero-ritual-accent)}@media screen and (max-width:989px){.hero-ritual__inner{grid-template-columns:1fr}.hero-ritual__content{max-width:none;align-items:center;text-align:center}.hero-ritual__subheading{max-width:none}.hero-ritual__media{min-height:18rem}.hero-ritual__circle{width:min(20rem,80vw)}}@media screen and (max-width:480px){.hero-ritual__badge{max-width:9.5rem;padding:.625rem .875rem}.hero-ritual__badge-name,.hero-ritual__badge-price{font-size:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-hero-ritual.css.map */