.vignette-card{display:grid;gap:1rem;justify-items:center;text-align:center;text-decoration:none;color:rgb(var(--color-foreground))}.vignette-card__art{width:100%;aspect-ratio:1;border-radius:1.2rem;overflow:hidden;background-color:rgba(var(--color-foreground),.04);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.vignette-card:hover .vignette-card__art,.vignette-card:focus-visible .vignette-card__art{transform:translateY(-.4rem)}.vignette-card:focus-visible{outline:none}.vignette-card:focus-visible .vignette-card__art{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.vignette-card__name{margin:0;font-size:2rem;line-height:1.15;text-wrap:balance;padding-bottom:.2rem;background:linear-gradient(rgb(var(--color-button)),rgb(var(--color-button))) no-repeat 50% 100% / 0% .1rem;transition:background-size .45s cubic-bezier(.2,.7,.2,1)}.vignette-card:hover .vignette-card__name,.vignette-card:focus-visible .vignette-card__name{background-size:100% .1rem}.grid:has(.vignette-card){row-gap:2.8rem}.gv-svg{display:block;width:100%;height:100%}.gv-line,.gv-line-olive{fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.gv-line{stroke:#2f3a2b}.gv-line-olive{stroke:#52602a}.gv-wash{filter:url(#gv-wash)}.gv-svg text{font-family:var(--font-heading-family)}@media(prefers-reduced-motion:no-preference){.gv-sway,.gv-sway-l,.gv-sway-r,.gv-breathe,.gv-bud,.gv-rise,.gv-fall,.gv-twinkle,.gv-pulse{transform-box:view-box}.gv-sway{transform-origin:100px 172px;animation:gv-sway 7s ease-in-out infinite alternate}.gv-sway-l{transform-origin:78px 170px;animation:gv-sway-l 8s ease-in-out infinite alternate}.gv-sway-r{transform-origin:122px 170px;animation:gv-sway-r 8s ease-in-out infinite alternate}.gv-breathe{transform-origin:100px 120px;animation:gv-breathe 6s ease-in-out infinite alternate}.gv-bud{transform-origin:101px 66px;animation:gv-bud 9s ease-in-out infinite}.gv-rise{animation:gv-rise 9s ease-in-out infinite}.gv-fall{animation:gv-fall 10s ease-in infinite}.gv-twinkle{transform-origin:128px 130px;animation:gv-twinkle 4.5s ease-in-out infinite}.gv-pulse{transform-origin:100px 84px;animation:gv-pulse 5s ease-in-out infinite}.gv-spin{animation:gv-spin 24s linear infinite}.gv-d1{animation-delay:-3s}.gv-d2{animation-delay:-6s}.gv-d3{animation-delay:-1.5s}}@keyframes gv-sway{0%{transform:rotate(-2.2deg)}to{transform:rotate(2.2deg)}}@keyframes gv-sway-l{0%{transform:rotate(-1.2deg)}to{transform:rotate(2deg)}}@keyframes gv-sway-r{0%{transform:rotate(1.2deg)}to{transform:rotate(-2deg)}}@keyframes gv-breathe{0%{transform:scale(1)}to{transform:scale(1.025)}}@keyframes gv-bud{0%,8%{transform:scale(.15);opacity:0}30%,85%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}@keyframes gv-rise{0%{transform:translate(0);opacity:0}20%{opacity:.9}to{transform:translate(6px,-70px);opacity:0}}@keyframes gv-fall{0%{transform:translate(0) rotate(0);opacity:0}12%{opacity:1}80%{opacity:.85}to{transform:translate(-14px,78px) rotate(160deg);opacity:0}}@keyframes gv-twinkle{0%,60%,to{transform:scale(.4);opacity:.2}75%{transform:scale(1.1);opacity:1}}@keyframes gv-spin{0%{transform:translate(0)}to{transform:translate(-72px)}}@keyframes gv-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.collection-hero--with-vignette .collection-hero__inner{display:block;padding-block:2.4rem 0}.collection-hero__panel{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.6rem 3.2rem;padding:clamp(1.6rem,3vw,3.2rem);border-radius:1.2rem;background-color:rgba(var(--color-foreground),.04)}.collection-hero__vignette{width:clamp(12rem,20vw,26rem);aspect-ratio:1;border-radius:1rem;overflow:hidden;background-color:rgb(var(--color-background))}.collection-hero--with-vignette .collection-hero__text-wrapper{max-width:64ch}.collection-hero--with-vignette .collection-hero__title{margin:0}.collection-hero--with-vignette .collection-hero__description{margin-top:.8rem;max-width:none}.collection-hero__proof{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;margin:1.2rem 0 0;font-size:1.4rem;color:rgba(var(--color-foreground),.75)}.collection-hero__star{color:#b8902c}@media screen and (max-width:749px){.collection-hero__panel{grid-template-columns:auto minmax(0,1fr);align-items:start}.collection-hero--with-vignette .collection-hero__text-wrapper{display:contents}.collection-hero__vignette{width:10rem;grid-row:1}.collection-hero--with-vignette .collection-hero__title{grid-column:2;grid-row:1;align-self:center}.collection-hero--with-vignette .collection-hero__description,.collection-hero__proof{grid-column:1 / -1;margin-top:0}}.collection-hero__step{display:none}@media screen and (min-width:1360px){.collection-hero{position:relative}.collection-hero__step{position:absolute;top:50%;z-index:2;display:flex;align-items:center;gap:1rem;transform:translateY(-50%);color:rgb(var(--color-foreground));text-decoration:none}.collection-hero__step--prev{left:2.4rem}.collection-hero__step--next{right:2.4rem}.collection-hero__step-icon{display:grid;place-items:center;width:4.4rem;height:4.4rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.14);background-color:rgba(var(--color-background),.6);opacity:.55;transition:opacity .3s ease,border-color .3s ease,transform .3s ease}.collection-hero__step-icon svg{width:1.8rem;height:1.8rem;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.collection-hero__step-label{font-family:var(--font-heading-family);font-size:1.7rem;font-style:italic;white-space:nowrap;opacity:0;transition:opacity .3s ease,transform .3s ease}.collection-hero__step--prev .collection-hero__step-label{transform:translate(-.6rem)}.collection-hero__step--next .collection-hero__step-label{transform:translate(.6rem)}.collection-hero__step:hover .collection-hero__step-icon,.collection-hero__step:focus-visible .collection-hero__step-icon{opacity:1;border-color:rgba(var(--color-foreground),.3)}.collection-hero__step--prev:hover .collection-hero__step-icon{transform:translate(-.2rem)}.collection-hero__step--next:hover .collection-hero__step-icon{transform:translate(.2rem)}.collection-hero__step:hover .collection-hero__step-label,.collection-hero__step:focus-visible .collection-hero__step-label{opacity:.8;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/category-vignettes.css.map */