.style-guide{padding:0}.style-guide__header{text-align:center;margin-bottom:4rem}.style-guide__title{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:600;color:rgb(var(--color-foreground));margin:0;line-height:1.2}.style-guide__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;list-style:none;padding:0;margin:0}@media screen and (max-width:749px){.style-guide__grid{grid-template-columns:1fr;gap:1rem}}.style-guide__card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:3rem 2.5rem;min-height:22rem;justify-content:flex-end;background:rgba(var(--color-foreground),.08);border-radius:1rem;overflow:hidden;cursor:pointer;transition:background .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.style-guide__card:hover{background:rgba(var(--color-foreground),.14);transform:translateY(-6px)}.style-guide__number{position:absolute;top:-1.5rem;right:1rem;width:auto;height:auto;border-radius:0;background:none;margin:0;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s ease}.style-guide__card:hover .style-guide__number{transform:scale(1.08) translateY(-4px);opacity:.9}.style-guide__number span{font-size:10rem;font-weight:800;color:rgba(var(--color-foreground),.06);line-height:1;letter-spacing:-.04em;transition:color .4s ease}.style-guide__card:hover .style-guide__number span{color:rgba(var(--color-foreground),.1)}.style-guide__description{font-size:1.25rem;line-height:1.5;color:rgba(var(--color-foreground),.7);margin:0 0 1.2rem;max-width:30ch;position:relative;z-index:1;transition:color .3s ease,transform .4s cubic-bezier(.4,0,.2,1)}.style-guide__card:hover .style-guide__description{color:rgba(var(--color-foreground),.9);transform:translate(4px)}.style-guide__link{display:inline-flex;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:600;color:rgb(var(--color-foreground));text-decoration:none;position:relative;z-index:1;transition:gap .3s ease}.style-guide__card:hover .style-guide__link{gap:.9rem}.style-guide__arrow{font-size:1.15rem;transition:transform .3s ease}.style-guide__card:hover .style-guide__arrow{transform:translate(3px)}.style-guide__card.scroll-trigger.animate--slide-in{opacity:0}.style-guide__card.scroll-trigger.animate--slide-in.scroll-trigger--animate{opacity:1}@media(prefers-reduced-motion:reduce){.style-guide__card,.style-guide__number,.style-guide__number span,.style-guide__description,.style-guide__link,.style-guide__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-style-guide.css.map */