.haya-intro{overflow:hidden}.haya-intro__inner{display:grid;grid-template-columns:1fr;grid-template-areas:"top" "heading" "visual" "lead" "aside";gap:2.8rem;padding-block:4rem 6.4rem}.haya-intro__top{grid-area:top;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem 2.4rem;padding-bottom:1.6rem;border-bottom:1px solid rgba(var(--color-foreground),.16)}.haya-intro__eyebrow,.haya-intro__tagline{margin:0;font-family:var(--font-mono-family);font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase}.haya-intro__eyebrow{display:inline-flex;align-items:center;gap:1rem;color:rgb(var(--haya-clay, var(--color-foreground)))}.haya-intro__eyebrow:before{content:"";width:.8rem;height:.8rem;border-radius:50%;background:currentColor}.haya-intro__tagline{color:rgba(var(--color-foreground),.6)}.haya-intro__heading{grid-area:heading;margin:0;font-size:clamp(4.4rem,7.4vw,11.2rem);font-weight:550;letter-spacing:-.045em;line-height:.96;text-wrap:balance}.haya-intro__lead-col{grid-area:lead;display:flex;flex-direction:column;gap:2.4rem}.haya-intro__lead{font-size:1.9rem;line-height:1.55;letter-spacing:-.01em}.haya-intro__lead>*,.haya-intro__text>*{margin:0}.haya-intro__chips{display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0;list-style:none}.haya-intro__chip{padding:.8rem 1.6rem;border:1px solid rgba(var(--color-foreground),.22);border-radius:999px;font-size:1.35rem;font-weight:500}.haya-intro__chip:first-child{border-color:transparent;background:rgb(var(--haya-sage-ink, var(--color-button)));color:#f4f4ef}.haya-intro__visual{grid-area:visual;position:relative}.haya-intro__media,.haya-intro__inset{position:relative;overflow:hidden;background:rgba(var(--color-foreground),.08)}.haya-intro__media{aspect-ratio:4 / 5;border-radius:var(--haya-arch, 999px 999px 2.4rem 2.4rem)}.haya-intro__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.haya-intro__badge{position:absolute;left:1.6rem;bottom:1.6rem;width:11.2rem;height:11.2rem;animation:haya-intro-spin 24s linear infinite}.haya-intro__badge circle{fill:rgb(var(--haya-butter, 238, 214, 140))}.haya-intro__badge text{font-family:var(--font-mono-family);font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase;fill:rgb(var(--haya-forest, var(--color-foreground)))}.haya-intro__badge-star{fill:rgb(var(--haya-clay, var(--color-foreground)))}@keyframes haya-intro-spin{to{transform:rotate(360deg)}}.haya-intro__aside{grid-area:aside;display:grid;grid-template-columns:9.6rem 1fr;align-items:center;gap:2rem}.haya-intro__inset{aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 .6rem rgb(var(--color-background)),0 0 0 .7rem rgba(var(--color-foreground),.14)}.haya-intro__text{font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground),.74)}.haya-intro__aside:not(:has(.haya-intro__inset)){grid-template-columns:1fr}@media screen and (min-width:990px){.haya-intro__inner{grid-template-columns:4fr 3fr 4fr;grid-template-rows:auto auto 1fr;grid-template-areas:"top top top" "heading heading visual" "lead aside visual";column-gap:5.6rem;row-gap:4.8rem;padding-block:4.8rem 9.6rem}.haya-intro__heading{align-self:end;font-size:clamp(5.6rem,7.2vw,11.2rem)}.haya-intro__lead-col,.haya-intro__aside{align-self:start}.haya-intro__aside{grid-template-columns:1fr;gap:2.4rem}.haya-intro__inset{width:12.8rem}.haya-intro__media{aspect-ratio:auto;height:100%;min-height:56rem}.haya-intro__badge{right:auto;bottom:auto;top:18%;left:-6.8rem;width:13.6rem;height:13.6rem}}@media(prefers-reduced-motion:reduce){.haya-intro__badge{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-haya-intro.css.map */