.ap-scent-moods{background:var(--ap-moods-background, var(--ap-cream));color:var(--ap-moods-foreground, var(--ap-forest));overflow:hidden;padding-block:var(--ap-moods-padding-mobile, 64px)}.ap-scent-moods__inner{margin-inline:auto;max-inline-size:1600px}.ap-scent-moods__header{display:grid;gap:1.5rem;padding-inline:clamp(1.25rem,5vw,2rem)}.ap-scent-moods__eyebrow{color:var(--ap-moods-accent, var(--ap-copper));font-family:var(--ap-font-body);font-size:.6875rem;font-weight:700;letter-spacing:.15em;line-height:1.3;margin:0 0 .875rem;text-transform:uppercase}.ap-scent-moods__heading{color:inherit;font-family:var(--ap-font-display);font-size:clamp(2.25rem,11vw,3.5rem);font-weight:400;letter-spacing:-.04em;line-height:.98;margin:0;max-inline-size:12ch}.ap-scent-moods__intro{align-items:flex-start;display:flex;flex-direction:column;gap:.875rem}.ap-scent-moods__text{color:inherit;font-family:var(--ap-font-editorial, var(--ap-font-body));font-size:1.18rem;font-weight:400;line-height:1.5;max-inline-size:32rem;opacity:.78}.ap-scent-moods__text :first-child{margin-block-start:0}.ap-scent-moods__text :last-child{margin-block-end:0}.ap-scent-moods__finder{align-items:center;border-block-end:1px solid var(--ap-moods-accent, var(--ap-copper));color:var(--ap-moods-accent, var(--ap-copper));display:inline-flex;font-family:var(--ap-font-body);font-size:.6875rem;font-weight:700;gap:.5rem;letter-spacing:.1em;padding-block-end:.25rem;text-decoration:none;text-transform:uppercase}.ap-scent-moods__finder span{transition:transform var(--ap-transition)}.ap-scent-moods__finder:hover span{transform:translate(.125rem,-.125rem)}.ap-scent-moods__viewport{margin-block-start:2.25rem;overflow-x:auto;padding-inline:clamp(1.25rem,5vw,2rem);scrollbar-width:none;scroll-padding-inline:clamp(1.25rem,5vw,2rem);scroll-snap-type:x mandatory}.ap-scent-moods__viewport::-webkit-scrollbar{display:none}.ap-scent-moods__grid{display:grid;gap:.75rem;grid-auto-columns:min(82vw,22rem);grid-auto-flow:column}.ap-scent-mood{min-block-size:20rem;overflow:hidden;position:relative;scroll-snap-align:start}.ap-scent-mood__link{background:linear-gradient(135deg,var(--ap-mood-start),var(--ap-mood-end));block-size:100%;color:var(--ap-cream);display:block;min-block-size:inherit;overflow:hidden;position:relative;text-decoration:none}.ap-scent-mood__link:after{background:linear-gradient(180deg,#ffffff05,#08141021);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.ap-scent-mood__link--image:after{background:linear-gradient(180deg,#0814100f 24%,#081410c7)}.ap-scent-mood__media{display:block;top:0;right:0;bottom:0;left:0;position:absolute}.ap-scent-mood__image{block-size:100%;display:block;inline-size:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.ap-scent-mood__number{font-family:var(--ap-font-body);font-size:.625rem;font-weight:700;inset-block-start:1.125rem;inset-inline-start:1.125rem;letter-spacing:.09em;position:absolute;z-index:2}.ap-scent-mood__ring{border:2px solid rgba(255,255,255,.13);border-radius:50%;block-size:11rem;inline-size:11rem;inset-block-start:-3.5rem;inset-inline-end:-3rem;position:absolute;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.ap-scent-mood__orb{background:#ffffff13;border-radius:50%;block-size:6rem;inline-size:6rem;inset-block-start:42%;inset-inline-start:-3.5rem;position:absolute;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.ap-scent-mood__content{display:flex;flex-direction:column;inset-block-end:1.25rem;inset-inline:1.125rem 3.25rem;position:absolute;z-index:2}.ap-scent-mood__title{font-family:var(--ap-font-display);font-size:clamp(1.625rem,7vw,2.125rem);font-weight:500;letter-spacing:-.035em;line-height:1}.ap-scent-mood__notes{font-family:var(--ap-font-body);font-size:.6875rem;font-weight:300;line-height:1.5;margin-block-start:.625rem;opacity:.82}.ap-scent-mood__arrow{font-size:1rem;inset-block-end:1.25rem;inset-inline-end:1.125rem;position:absolute;transition:transform var(--ap-transition);z-index:2}.ap-scent-mood__link:hover .ap-scent-mood__ring{transform:scale(1.08) translate(-.25rem,.25rem)}.ap-scent-mood__link:hover .ap-scent-mood__orb{transform:translate(.5rem)}.ap-scent-mood__link:hover .ap-scent-mood__arrow{transform:translate(.1875rem,-.1875rem)}.ap-scent-mood__link--image:hover .ap-scent-mood__image{transform:scale(1.025)}.ap-scent-mood__link:focus-visible{outline:2px solid var(--ap-cream);outline-offset:-4px}.ap-scent-moods__mobile-hint{align-items:center;color:inherit;display:flex;font-family:var(--ap-font-body);font-size:.625rem;font-weight:700;gap:.625rem;letter-spacing:.12em;margin:1.25rem 0 0;opacity:.62;padding-inline:clamp(1.25rem,5vw,2rem);text-transform:uppercase}.ap-scent-moods__mobile-hint span{background:var(--ap-moods-accent, var(--ap-copper));block-size:1px;inline-size:2.5rem}@media(min-width:48rem){.ap-scent-moods__header{align-items:end;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr)}.ap-scent-moods__heading{font-size:clamp(3.5rem,7vw,5.5rem)}.ap-scent-moods__intro{justify-self:end}}@media(min-width:62rem){.ap-scent-moods{padding-block:var(--ap-moods-padding-desktop, 104px)}.ap-scent-moods__inner{max-inline-size:none}.ap-scent-moods__header,.ap-scent-moods__viewport{padding-inline:clamp(2rem,2.8vw,3.75rem)}.ap-scent-moods__heading{font-size:clamp(3.5rem,5.2vw,4.75rem);max-inline-size:13em;text-wrap:wrap}.ap-scent-moods__viewport{margin-block-start:2rem;overflow:visible}.ap-scent-moods__grid{gap:.75rem;grid-auto-columns:auto;grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr))}.ap-scent-mood{aspect-ratio:2.25 / 1;min-block-size:0}.ap-scent-mood__number{inset-block-start:1.375rem;inset-inline-start:1.375rem}.ap-scent-mood__content{inset-block-end:1.5rem;inset-inline:1.375rem 3.75rem}.ap-scent-mood__title{font-size:clamp(1.625rem,2vw,2.25rem)}.ap-scent-mood__arrow{inset-block-end:1.5rem;inset-inline-end:1.375rem}.ap-scent-moods__mobile-hint{display:none}}@media(prefers-reduced-motion:reduce){.ap-scent-moods__finder span,.ap-scent-mood__image,.ap-scent-mood__ring,.ap-scent-mood__orb,.ap-scent-mood__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/ap-scent-moods.css.map */