.fragrance-arc{--fa-white: #FFFFFF;--fa-accent: #C4A882;--fa-text-headline: #1A1714;--fa-text-headline-lt: #1A1714;--fa-text-tertiary-lt: rgba(42, 34, 32, .45);--fa-shadow-card: 0 1px 3px rgba(42, 34, 32, .05), 0 4px 16px rgba(42, 34, 32, .06);--fa-radius: 3px;--fa-nav-h: 56px;--fa-header-h: 132px;--fa-inset: clamp(20px, 3.5vw, 48px);--fa-atc-h: 0px;padding-top:clamp(48px,8vw,96px);padding-right:0;padding-bottom:0;padding-left:0;position:relative;background:var(--fa-white)}@media(max-width:768px){.fragrance-arc{padding-top:0;--fa-header-h: 116px;--fa-inset: 16px;--fa-atc-h: 60px}}.fragrance-arc .arc-header{position:relative;max-width:none;margin:0;padding:clamp(20px,2.5vw,28px) clamp(20px,4vw,48px);background:var(--fa-white);display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,4vw,48px);border-bottom:1px solid rgba(42,34,32,.06)}.fragrance-arc .arc-header-text{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.fragrance-arc .arc-label{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--fa-accent);margin-bottom:12px}.fragrance-arc .arc-headline{font-family:Plus Jakarta Sans,sans-serif!important;font-style:normal!important;text-transform:none!important;font-size:clamp(18px,2vw,24px);font-weight:700;letter-spacing:-.02em;color:var(--fa-text-headline);line-height:1.25;margin:0}.fragrance-arc .arc-stack{position:relative;padding:0 var(--fa-inset) var(--fa-inset)}.fragrance-arc .arc-stage{position:sticky;top:calc(var(--fa-nav-h) + var(--fa-header-h) + var(--fa-inset));height:100vh;margin-top:0;background:transparent;pointer-events:none}.fragrance-arc .arc-stage:last-child{height:calc(100vh - var(--fa-nav-h) - var(--fa-header-h) - var(--fa-inset) * 2 - var(--fa-atc-h))}.fragrance-arc .arc-stage-inner{height:calc(100vh - var(--fa-nav-h) - var(--fa-header-h) - var(--fa-inset) * 2 - var(--fa-atc-h));display:flex;flex-direction:column;overflow:hidden;border-radius:var(--fa-radius);background:var(--fa-white);border:1px solid rgba(42,34,32,.06);box-shadow:var(--fa-shadow-card);pointer-events:auto;will-change:transform,opacity;transition:transform .45s cubic-bezier(.2,.6,.2,1),opacity .45s cubic-bezier(.2,.6,.2,1),box-shadow .3s ease-out}.fragrance-arc .arc-stage:not(.is-in-view) .arc-stage-inner{opacity:0;transform:translateY(18px)}.fragrance-arc .arc-stage-image{flex:0 0 62%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.fragrance-arc .arc-stage-image img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transition:transform .7s cubic-bezier(.2,.6,.2,1),filter .4s ease-out}.fragrance-arc .arc-stage-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#00000080,#0000 45%);z-index:3;pointer-events:none}.fragrance-arc .arc-stage-watermark{position:absolute;left:clamp(12px,1.4vw,20px);bottom:clamp(10px,1vw,16px);font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(18px,2.2vw,28px);letter-spacing:-.01em;line-height:1;color:#fffffff2;text-shadow:0 1px 8px rgba(0,0,0,.4);z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.fragrance-arc .arc-stage-opening .arc-stage-image,.fragrance-arc .arc-stage-1 .arc-stage-image{background:radial-gradient(ellipse 80% 70% at 50% 45%,#fbe8a6,#e8c66a 60%,#c99840)}.fragrance-arc .arc-stage-heart .arc-stage-image,.fragrance-arc .arc-stage-2 .arc-stage-image{background:radial-gradient(ellipse 80% 70% at 50% 45%,#c8b87a,#9e8c48 55%,#6e5e28)}.fragrance-arc .arc-stage-base .arc-stage-image,.fragrance-arc .arc-stage-3 .arc-stage-image{background:radial-gradient(ellipse 80% 70% at 50% 45%,#8e6e3a,#5c4220 55%,#2e1e10)}.fragrance-arc .arc-stage-card{flex:1 1 auto;background:var(--fa-white);padding:clamp(14px,1.6vw,22px) clamp(16px,2vw,28px);text-align:left;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:0;min-height:0;min-width:0;position:relative}.fragrance-arc .arc-stage-phase{font-size:clamp(9px,.7vw,10px);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--fa-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;opacity:.85}.fragrance-arc .arc-stage-headline{font-family:Playfair Display,Georgia,serif;font-weight:400;font-size:clamp(13px,1.35vw,18px);letter-spacing:-.005em;color:var(--fa-text-headline-lt);line-height:1.4;margin:6px 0 0;max-width:100%;word-break:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.fragrance-arc .arc-stage-notes{display:flex;flex-wrap:wrap;align-items:center;gap:8px;row-gap:3px;margin-top:0;padding-top:clamp(6px,.8vw,10px);border-top:1px solid rgba(42,34,32,.12);font-size:clamp(9px,.7vw,10px);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--fa-text-tertiary-lt);max-width:100%}.fragrance-arc .arc-stage-notes span+span:before{content:"\b7";margin-right:8px;opacity:.4}@media(min-width:1024px){.fragrance-arc .arc-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.5vw,20px);padding:var(--fa-inset)}.fragrance-arc .arc-stage{position:relative;top:auto;height:auto;pointer-events:auto}.fragrance-arc .arc-stage:last-child{height:auto}.fragrance-arc .arc-stage-inner{height:clamp(440px,62vh,620px)}}@media(max-width:1023px){.fragrance-arc .arc-stack{display:flex;flex-direction:column;gap:10px;padding:0 var(--fa-inset) var(--fa-inset)}.fragrance-arc .arc-stage{position:relative;top:auto;height:auto;pointer-events:auto}.fragrance-arc .arc-stage:last-child{height:auto}.fragrance-arc .arc-stage-inner{height:calc((100vh - var(--fa-nav-h) - var(--fa-inset) - var(--fa-atc-h) - 40px) / 3);min-height:200px;max-height:260px;flex-direction:row;border-radius:var(--fa-radius)}.fragrance-arc .arc-stage-image{flex:0 0 40%;min-width:0}.fragrance-arc .arc-stage-image:after{background:linear-gradient(to top,#0000008c,#0000 50%)}.fragrance-arc .arc-stage-watermark{left:10px;bottom:10px;font-size:16px}.fragrance-arc .arc-stage-card{flex:1 1 0;min-width:0;padding:12px 14px}.fragrance-arc .arc-stage-phase{font-size:8px;letter-spacing:.14em}.fragrance-arc .arc-stage-headline{font-size:12px;line-height:1.35;margin:4px 0 0;-webkit-line-clamp:4}.fragrance-arc .arc-stage-notes{padding-top:6px;gap:6px;font-size:8px;letter-spacing:.14em}.fragrance-arc .arc-stage-notes span+span:before{margin-right:6px}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/fragrance-arc.css.map */