.dd-flavors{--dd-ease: cubic-bezier(.2, .7, .2, 1);padding-top:calc(var(--dd-pad-top) * .65);padding-bottom:calc(var(--dd-pad-bottom) * .65);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.dd-flavors{padding-top:var(--dd-pad-top);padding-bottom:var(--dd-pad-bottom)}}.dd-flavors__header{display:grid;gap:2.4rem;margin-bottom:4rem}@media screen and (min-width:990px){.dd-flavors__header{grid-template-columns:1fr minmax(0,40rem);align-items:end;gap:6rem;margin-bottom:6.4rem}}.dd-flavors__eyebrow{display:flex;align-items:center;gap:1.2rem;margin:0 0 2rem;font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.32em;line-height:1;text-transform:uppercase;color:rgba(var(--color-foreground),.7)}.dd-flavors__eyebrow:before{content:"";width:3.2rem;height:1px;background:currentColor}.dd-flavors__heading{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(4rem,9vw,8rem);line-height:.95;text-transform:uppercase;color:rgb(var(--color-foreground))}.dd-flavors__text{margin:0 0 2rem;font-size:1.6rem;line-height:1.6;color:rgba(var(--color-foreground),.72)}.dd-flavors__link{display:inline-flex;align-items:center;gap:1.2rem;padding-bottom:.6rem;border-bottom:1px solid rgba(var(--color-foreground),.4);font-size:1.3rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:rgb(var(--color-foreground));transition:border-color .3s var(--dd-ease)}.dd-flavors__link svg{width:1.8rem;height:1.1rem;transition:transform .4s var(--dd-ease)}.dd-flavors__link:hover{border-color:rgb(var(--color-foreground))}.dd-flavors__link:hover svg{transform:translate(.4rem)}.dd-flavors__grid{display:grid;gap:1.6rem;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.dd-flavors__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}}.dd-flavor{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:56rem;padding:2.8rem;overflow:hidden;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}@media screen and (min-width:990px){.dd-flavor{min-height:72rem;padding:4rem}}.dd-flavor__watermark{position:absolute;top:2.4rem;left:50%;z-index:-1;transform:translate(-50%);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(9rem,22vw,22rem);line-height:.85;text-transform:uppercase;white-space:nowrap;color:rgba(var(--color-foreground),.07);transition:transform 1.2s var(--dd-ease),color .6s var(--dd-ease);pointer-events:none}@media screen and (min-width:750px){.dd-flavor__watermark{font-size:clamp(10rem,13vw,22rem)}}.dd-flavor__media{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:4rem 0 2.4rem}.dd-flavor__tile{position:relative;width:min(78%,46rem);aspect-ratio:1;overflow:hidden;border-radius:.4rem;background:#f2f2f0;box-shadow:0 2.4rem 4.8rem -2.4rem #00000059,0 .2rem .6rem #00000014;transition:transform .9s var(--dd-ease),box-shadow .9s var(--dd-ease)}.dd-flavor__tile .dd-flavor__img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--dd-ease)}.dd-flavor__img{display:block}.dd-flavor__img--cutout{position:relative;width:min(68%,42rem);height:auto;filter:drop-shadow(0 2.4rem 2.4rem rgba(0,0,0,.18));transition:transform .9s var(--dd-ease)}.dd-flavor__img--placeholder{fill:rgba(var(--color-foreground),.25)}.dd-flavor__shadow{position:absolute;left:50%;bottom:2.4rem;width:min(56%,34rem);height:3.2rem;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,#00000038,#0000);transition:transform .9s var(--dd-ease),opacity .9s var(--dd-ease)}.dd-flavor__info{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:2rem 3.2rem;padding-top:2.4rem;border-top:1px solid rgba(var(--color-foreground),.18)}.dd-flavor__title{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(3.2rem,4vw,4.4rem);line-height:1;text-transform:uppercase;color:rgb(var(--color-foreground))}.dd-flavor__overlay-link{color:inherit;text-decoration:none}.dd-flavor__overlay-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.dd-flavor__overlay-link:focus-visible{outline:none;box-shadow:none}.dd-flavor:has(.dd-flavor__overlay-link:focus-visible){outline:2px solid rgb(var(--color-foreground));outline-offset:-.6rem}.dd-flavor__tagline{margin:.8rem 0 0;font-size:1.5rem;line-height:1.5;color:rgba(var(--color-foreground),.75)}.dd-flavor__buy{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem 2.4rem}.dd-flavor__price{display:inline-flex;align-items:center;gap:1rem;font-size:1.6rem;font-weight:600;letter-spacing:.04em}.dd-flavor__badge{white-space:nowrap;padding:.4rem .8rem;border:1px solid rgba(var(--color-foreground),.5);font-size:1rem;letter-spacing:.16em;text-transform:uppercase}.dd-flavor__cta{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:1.2rem;padding:1.5rem 2.2rem;white-space:nowrap;overflow:hidden;border:1px solid rgb(var(--color-foreground));font-size:1.2rem;font-weight:600;letter-spacing:.18em;line-height:1;text-transform:uppercase;transition:color .45s var(--dd-ease)}.dd-flavor__cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:rgb(var(--color-foreground));transform:scaleX(0);transform-origin:right center;transition:transform .5s var(--dd-ease)}.dd-flavor__cta svg{width:1.8rem;height:1.1rem;transition:transform .45s var(--dd-ease)}@media(hover:hover){.dd-flavor:hover .dd-flavor__img--cutout{transform:translateY(-1.6rem) rotate(-2deg) scale(1.03)}.dd-flavor:hover .dd-flavor__tile{transform:translateY(-1rem);box-shadow:0 3.6rem 6.4rem -2.4rem #0006,0 .2rem .6rem #00000014}.dd-flavor:hover .dd-flavor__tile .dd-flavor__img{transform:scale(1.04)}.dd-flavor:hover .dd-flavor__shadow{transform:translate(-50%) scale(.85);opacity:.7}.dd-flavor:hover .dd-flavor__watermark{transform:translate(-50%) translateY(-.8rem);color:rgba(var(--color-foreground),.1)}.dd-flavor:hover .dd-flavor__cta{color:rgb(var(--color-background))}.dd-flavor:hover .dd-flavor__cta:before{transform:scaleX(1);transform-origin:left center}.dd-flavor:hover .dd-flavor__cta svg{transform:translate(.4rem)}}@media(prefers-reduced-motion:reduce){.dd-flavor__img,.dd-flavor__tile,.dd-flavor__shadow,.dd-flavor__watermark,.dd-flavor__cta,.dd-flavor__cta:before,.dd-flavor__cta svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-dd-flavors.css.map */