.section-occasions{--occasion-card-gap: 2rem;--occasion-card-radius: 1.2rem;--occasion-card-padding: 2.5rem;--occasion-transition: all .35s cubic-bezier(.4, 0, .2, 1)}.occasions-header{margin-bottom:4rem;max-width:70rem;margin-left:auto;margin-right:auto}.occasions-subheading{text-transform:uppercase;letter-spacing:.15em;font-size:1.2rem;margin-bottom:1rem;opacity:.8}.occasions-heading{margin:0 0 1.5rem;line-height:1.1}.occasions-description{font-size:1.6rem;line-height:1.6;opacity:.85;max-width:55rem;margin:0 auto}.occasions-grid{gap:var(--occasion-card-gap);margin-bottom:4rem}.occasion-card{position:relative;border-radius:var(--occasion-card-radius);overflow:hidden;transition:var(--occasion-transition);height:100%}.occasion-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000014}.occasion-card__inner{padding:var(--occasion-card-padding);height:100%;display:flex;flex-direction:column;position:relative}.occasion-card__icon-wrapper{margin-bottom:2rem;display:inline-flex;align-items:center;justify-content:center;width:6rem;height:6rem;border-radius:1.2rem;background:rgba(var(--color-foreground),.05);color:rgb(var(--color-link))}.occasion-card__icon-wrapper--default{color:rgb(var(--color-link))}.occasion-card__icon-wrapper svg{width:2.8rem;height:2.8rem;stroke-width:1.5}.occasion-card__icon{object-fit:contain}.occasion-card__content{flex:1;display:flex;flex-direction:column}.occasion-card__heading{margin:0 0 1rem;line-height:1.25;font-weight:600}.occasion-card__description{font-size:1.4rem;line-height:1.6;opacity:.8;margin-bottom:2rem;flex:1}.occasion-card__description p{margin:0}.occasion-card__button-wrapper{margin-top:auto}.occasion-card__button-wrapper .button{width:100%}.occasion-card__badge{position:absolute;top:1.5rem;right:1.5rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.4rem 1rem;border-radius:100px;line-height:1}.occasions-footer{margin-top:2rem}@media screen and (min-width:750px){.section-occasions{--occasion-card-padding: 3rem}.occasions-description{font-size:1.8rem}.occasion-card__description{font-size:1.5rem}}@media screen and (min-width:990px){.section-occasions{--occasion-card-gap: 2.4rem}}@media(prefers-reduced-motion:reduce){.occasion-card{transition:none}.occasion-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-occasions.css.map */