.audience-tiles{padding:var(--km-space-12) 0}.audience-tiles__head{text-align:center;margin-bottom:var(--km-space-9);padding:0 var(--km-space-6)}.audience-tiles__eyebrow{margin:0 0 var(--km-space-2);color:var(--color-accent);font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider)}.audience-tiles__title{margin:0;font-family:var(--font-heading-family);font-weight:500;font-size:clamp(2.8rem,4vw,4.4rem);line-height:1.05;letter-spacing:var(--tracking-tight);color:var(--color-text)}.audience-tiles__count{margin-left:1.4rem;font-family:var(--font-body-family);font-size:clamp(1.2rem,1.3vw,1.5rem);font-weight:400;letter-spacing:.06em;color:var(--color-accent, rgba(var(--color-foreground), .6));vertical-align:middle;font-variant-numeric:tabular-nums;white-space:nowrap}.audience-tiles__rows{display:flex;flex-direction:column;gap:var(--km-space-6)}.at-row{overflow-x:auto;overflow-y:hidden;padding-block:1rem;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:auto;overscroll-behavior-x:contain;cursor:grab;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.at-row::-webkit-scrollbar{display:none}.at-row.is-dragging{cursor:grabbing}.at-track{display:flex;align-items:stretch;gap:var(--km-space-6);width:max-content}.at-tile{flex:0 0 clamp(22rem,20vw,28rem);display:flex;flex-direction:column;background:var(--km-cream);color:var(--km-ink);border:1px solid var(--km-cream-rule);border-radius:var(--km-radius-md);overflow:hidden;text-decoration:none;box-shadow:var(--km-shadow-sm);transition:transform var(--km-dur-base) var(--km-ease-out),box-shadow var(--km-dur-base) var(--km-ease-out)}.at-tile__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--km-neutral-0)}.at-tile__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:var(--km-space-5);opacity:0;transition:opacity var(--km-dur-slow) var(--km-ease-out),transform var(--km-dur-slower) cubic-bezier(.16,1,.3,1);-webkit-user-drag:none;pointer-events:none}.at-tile__img.is-active{opacity:1}.at-tile:hover .at-tile__img.is-active{transform:scale(1.04)}.at-tile__badge{position:absolute;top:var(--km-space-3);left:var(--km-space-3);z-index:1;padding:var(--km-space-1) var(--km-space-3);background:var(--color-accent);color:var(--km-ink);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);border-radius:var(--km-radius-pill);white-space:nowrap}.at-tile__meta{display:flex;flex-direction:column;gap:var(--km-space-1);padding:var(--km-space-5) var(--km-space-5) var(--km-space-6)}.at-tile__house{font-family:var(--font-heading-family);font-size:2.2rem;font-weight:600;line-height:1.1;letter-spacing:var(--tracking-tight);color:var(--km-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.at-tile__scent{font-size:1.25rem;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--km-ink);opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--km-dur-base) var(--km-ease-out)}.at-tile__scent--fading{opacity:0}.at-tile:hover,.at-tile:focus-visible{transform:translateY(-.6rem);box-shadow:var(--km-shadow-md),0 0 0 1px var(--km-glow-gold);outline:none}.at-tile:focus-visible{box-shadow:var(--km-shadow-md),0 0 0 2px var(--color-accent)}.at-tile--featured{border-color:var(--color-accent);box-shadow:var(--km-shadow-md),0 0 0 1px var(--color-accent)}.at-tile--maison{flex-basis:clamp(46rem,44vw,60rem);flex-direction:row;align-items:stretch}.at-tile--maison .at-tile__media{width:46%;flex-shrink:0;aspect-ratio:4 / 5;border-right:1px solid var(--km-cream-rule)}.at-tile--maison .at-tile__meta{flex:1;justify-content:center;gap:var(--km-space-3);padding:var(--km-space-7) var(--km-space-8)}.at-tile--maison .at-tile__house{font-size:clamp(2.8rem,3vw,4rem);white-space:normal}.at-tile--maison .at-tile__scent{font-size:1.4rem;white-space:normal}.audience-tiles__rowwrap--products{--at-pscale: .8}.audience-tiles__rowwrap--products .at-tile{flex-basis:clamp(calc(22rem * var(--at-pscale)),calc(20vw * var(--at-pscale)),calc(28rem * var(--at-pscale)))}.audience-tiles__rowwrap--products .at-tile__img{padding:calc(var(--km-space-5) * var(--at-pscale))}.audience-tiles__rowwrap--products .at-tile__meta{padding:calc(var(--km-space-5) * var(--at-pscale)) calc(var(--km-space-5) * var(--at-pscale)) calc(var(--km-space-6) * var(--at-pscale));gap:calc(var(--km-space-1) * var(--at-pscale))}.audience-tiles__rowwrap--products .at-tile__house{font-size:calc(2.2rem * var(--at-pscale))}.audience-tiles__rowwrap--products .at-tile__scent{font-size:calc(1.25rem * var(--at-pscale))}.at-tile__price{display:inline-flex;gap:var(--km-space-2);align-items:baseline;font-size:1.25rem;font-weight:600;color:var(--km-ink)}.at-tile__pricerow{display:flex;align-items:center;justify-content:space-between;gap:var(--km-space-2);margin-top:var(--km-space-1)}.at-tile .km2-frag-type{flex:none;font-size:.85rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--km-gold-deep, #9c7d3f);white-space:nowrap}.audience-tiles__rowwrap--products .at-tile__price{font-size:calc(1.25rem * var(--at-pscale))}@media screen and (max-width:749px){.audience-tiles{padding:var(--km-space-10) 0}.at-tile{flex-basis:20rem}.at-tile__house{font-size:1.76rem}.at-tile__scent{font-size:.8rem}.audience-tiles__rowwrap--products .at-tile{flex-basis:16rem}.audience-tiles__rowwrap--products .at-tile__house{font-size:1.4rem}.audience-tiles__rowwrap--products .at-tile__scent,.audience-tiles__rowwrap--products .at-tile__price{font-size:.7rem}.audience-tiles__rowwrap--products .km2-frag-type{font-size:.68rem}.at-tile__badge{font-size:.8rem;padding:var(--km-space-1) var(--km-space-2)}.at-tile--maison{flex-basis:min(82vw,34rem)}.at-tile--maison .at-tile__house{font-size:2.4rem}.at-tile--maison .at-tile__scent{font-size:1rem}}@media(prefers-reduced-motion:reduce){.at-row{overflow:visible;cursor:default;-webkit-mask-image:none;mask-image:none}.at-track{flex-wrap:wrap;width:auto;justify-content:center;gap:var(--km-space-5)}.at-tile,.at-tile__img{transition:none}.at-tile[aria-hidden=true]{display:none}.at-tile--maison{flex-basis:100%}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/audience-tiles.css.map */