.fragrance-showcase{position:relative;overflow:hidden;background:#0a0a0a;color:var(--fs-text-color, #f2f0ea)}.fragrance-showcase__eyebrow-wrap{position:absolute;top:32px;left:0;right:0;z-index:3;text-align:center}.fragrance-showcase__eyebrow{margin:0;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--fs-heading-color, #f2f0ea);opacity:.75}.fragrance-showcase__stage{position:relative;min-height:clamp(560px,var(--fs-min-height, 100vh),900px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:110px 24px 48px}.fragrance-showcase__backdrops{position:absolute;top:0;right:0;bottom:0;left:0}.fragrance-showcase__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1.1s cubic-bezier(.65,0,.35,1);background:radial-gradient(60% 46% at 50% 40%,#e0b25229,#e0b25200 70%),radial-gradient(90% 70% at 50% 66%,var(--bd-end, #1a1a1a) 0%,transparent 72%),linear-gradient(160deg,var(--bd-start, #0a0a0a) 0%,var(--bd-end, #1a1a1a) 100%);background-color:var(--bd-start, #0a0a0a)}.fragrance-showcase__backdrop.is-active{opacity:1;z-index:1}.fragrance-showcase__backdrop img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.fragrance-showcase__backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;mix-blend-mode:overlay;pointer-events:none;background-repeat:repeat;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.fragrance-showcase__backdrop-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 85% at 50% 105%,#0009,#0000 55%),radial-gradient(140% 90% at 50% -10%,#0006,#0000 45%),radial-gradient(circle at 50% 62%,#0000,#00000052)}.fragrance-showcase__bottles{position:relative;z-index:2;width:100%;height:clamp(260px,46vh,460px);perspective:1400px;overflow:hidden}.fragrance-showcase__bottle{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(24px) scale(.96);pointer-events:none;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.fragrance-showcase__bottle.is-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.fragrance-showcase__bottle img{display:block;max-height:100%;max-width:80%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 40px 60px rgba(0,0,0,.45));transform:rotateX(0) rotateY(0) translateZ(0);transition:transform .5s cubic-bezier(.22,1,.36,1);will-change:transform}.fragrance-showcase__bottle-placeholder svg{width:220px;height:220px;opacity:.25}.fragrance-showcase__copy{position:relative;z-index:3;display:grid;width:100%;max-width:620px;margin-top:28px;text-align:center;padding:0 24px}.fragrance-showcase__copy-panel{grid-area:1 / 1;margin:0 auto;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .7s cubic-bezier(.22,1,.36,1) .15s,transform .7s cubic-bezier(.22,1,.36,1) .15s}.fragrance-showcase__copy-panel.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.fragrance-showcase__family{margin:0 0 6px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;opacity:.8}.fragrance-showcase__name{margin:0 0 6px;font-size:clamp(28px,4vw,44px);line-height:1.05;letter-spacing:.02em;font-weight:600}.fragrance-showcase__for{margin:0 0 14px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.fragrance-showcase__notes{margin:0 0 6px;font-size:14px;line-height:1.6;opacity:.85}.fragrance-showcase__perfumer{margin:0 0 18px;font-size:12px;font-style:italic;opacity:.6}.fragrance-showcase__cta{display:inline-flex;align-items:center;justify-content:center;margin-top:6px;padding:14px 32px;border:1px solid currentColor;font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:inherit;transition:background-color .3s ease,color .3s ease}.fragrance-showcase__cta:hover{background-color:currentColor}.fragrance-showcase__cta:hover span{color:#0a0a0a}.fragrance-showcase__arrow{position:absolute;top:50%;z-index:4;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-22px;border:1px solid rgba(242,240,234,.35);border-radius:50%;background:#0a0a0a40;color:#f2f0ea;cursor:pointer;transition:background-color .25s ease,border-color .25s ease}.fragrance-showcase__arrow:hover{background:#f2f0ea1f;border-color:#f2f0eab3}.fragrance-showcase__arrow--prev{left:20px}.fragrance-showcase__arrow--next{right:20px}.fragrance-showcase__rail-wrap{position:relative;z-index:4;padding:32px 24px 40px}.fragrance-showcase__rail{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}.fragrance-showcase__thumb{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;background:none;color:#f2f0ea;opacity:.55;cursor:pointer;transition:opacity .3s ease,transform .3s ease}.fragrance-showcase__thumb-swatch{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;overflow:hidden;background:linear-gradient(160deg,var(--bd-start, #0a0a0a) 0%,var(--bd-end, #1a1a1a) 100%);border:1px solid rgba(242,240,234,.15);transition:border-color .3s ease}.fragrance-showcase__thumb-swatch img{width:70%;height:70%;object-fit:contain}.fragrance-showcase__thumb-name{font-size:10px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.fragrance-showcase__thumb.is-active,.fragrance-showcase__thumb:hover{opacity:1;transform:translateY(-2px)}.fragrance-showcase__thumb.is-active .fragrance-showcase__thumb-swatch{border-color:#f2f0eab3}.fragrance-showcase__progress{position:relative;width:160px;height:2px;margin:16px auto 0;background:#f2f0ea33;overflow:hidden}.fragrance-showcase__progress span{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;background:#f2f0ea;transform-origin:left}.fragrance-showcase__progress span.is-animating{transition:width linear}@media(max-width:749px){.fragrance-showcase__stage{padding:90px 20px 32px}.fragrance-showcase__bottles{height:clamp(220px,34vh,340px)}.fragrance-showcase__copy{margin-top:20px}.fragrance-showcase__name{font-size:26px}.fragrance-showcase__arrow{display:none}.fragrance-showcase__rail-wrap{padding:24px 20px 28px}.fragrance-showcase__rail{gap:18px}.fragrance-showcase__thumb-name{display:none}}@media(prefers-reduced-motion:reduce){.fragrance-showcase__backdrop,.fragrance-showcase__bottle,.fragrance-showcase__bottle img,.fragrance-showcase__copy-panel,.fragrance-showcase__cta{transition:none!important}.fragrance-showcase__bottle,.fragrance-showcase__bottle img{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-fragrance-showcase.css.map */