.venoa-story{--story-radius: var(--venoa-radius-lg, 1.25rem);--story-muted: rgb(var(--color-foreground-rgb) / .68);--story-line: rgb(var(--color-foreground-rgb) / .14);overflow:clip}.venoa-story [data-scent=cherry]{--story-scent: #c23a52}.venoa-story [data-scent=pacific]{--story-scent: #8cc0e4}.venoa-story [data-scent=purple]{--story-scent: #9b7ad0}.venoa-story__head{max-width:44rem;margin-bottom:clamp(2.5rem,6vw,4.5rem)}.venoa-story__title{font-size:clamp(2.4rem,5.4vw,4.6rem);line-height:1.02;letter-spacing:-.02em;text-wrap:balance}.venoa-story__lede{margin-top:1rem;color:var(--story-muted)}.venoa-story__panels{display:grid;gap:clamp(3.5rem,10vw,5rem)}.venoa-story__panel-media{position:relative;overflow:hidden;aspect-ratio:4 / 5;border-radius:var(--story-radius);background:rgb(var(--color-foreground-rgb) / .06)}.venoa-story__panel-media img,.venoa-story__panel-media svg{display:block;width:100%;height:100%;object-fit:cover}.venoa-story__panel-body{padding-top:1.75rem}.venoa-story__no{display:inline-flex;align-items:center;gap:.75rem;margin:0 0 .9rem;font-family:var(--font-subheading--family);font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--story-muted)}.venoa-story__no:before{content:"";width:2.25rem;height:2px;border-radius:2px;background:var(--story-scent, var(--color-primary))}.venoa-story__name{margin:0;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(2.5rem,4.6vw,4.25rem);line-height:1;letter-spacing:-.02em;color:var(--color-foreground-heading, var(--color-foreground))}.venoa-story__line{margin:1rem 0 0;max-width:28rem;min-height:2.7em;font-family:var(--font-accent--family);font-style:var(--font-accent--style);font-size:clamp(1.15rem,1.6vw,1.4rem);line-height:1.35;text-wrap:pretty;color:var(--color-foreground)}.venoa-story__notes{display:grid;gap:0;margin:1.75rem 0 0;max-width:30rem;border-top:1px solid var(--story-line)}.venoa-story__notes>div{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:1rem;padding-block:.8rem;border-bottom:1px solid var(--story-line)}.venoa-story__notes dt{font-family:var(--font-subheading--family);font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary);padding-top:.2em}.venoa-story__notes dd{margin:0;font-size:.95rem;line-height:1.5;color:var(--story-muted)}.venoa-story__buy{margin-top:2rem}.venoa-story__price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .9rem}.venoa-story__price{font-family:var(--font-heading--family);font-size:1.75rem;line-height:1;color:var(--color-foreground-heading, var(--color-foreground))}.venoa-story__compare{font-size:1rem;color:var(--story-muted)}.venoa-story__soldout{padding:.3rem .7rem;border:1px solid var(--story-line);border-radius:100px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--story-muted)}.venoa-story__note{margin:.5rem 0 0;font-size:.8125rem;color:var(--story-muted)}.venoa-story__facts{display:grid;gap:1rem 2rem;margin:1.5rem 0 0;max-width:30rem}.venoa-story__facts>div{display:grid;gap:.3rem}.venoa-story__facts dt{font-family:var(--font-subheading--family);font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary)}.venoa-story__facts dd{margin:0;font-size:1rem;line-height:1.45;color:var(--color-foreground)}@media screen and (min-width:750px){.venoa-story__facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.venoa-story__pin{display:contents}.venoa-story__stage,.venoa-story__count,.venoa-story__track{display:none}@media screen and (min-width:750px)and (max-width:989px){.venoa-story__panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;align-items:center}.venoa-story__panel:nth-child(2n) .venoa-story__panel-media{order:2}.venoa-story__panel-body{padding-top:0}}@media screen and (min-width:990px){.venoa-story__layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(3rem,6vw,7rem);align-items:start}.venoa-story__stage{--stage-top: calc(var(--header-height, 72px) + 2.5rem);display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:var(--stage-top);height:calc(100vh - var(--stage-top) - 2.5rem);min-height:30rem;max-height:56rem}.venoa-story__frames{position:relative;flex:1 1 auto;min-height:0}.venoa-story__frame{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;visibility:hidden;transition:opacity var(--venoa-dur-slow, .5s) var(--venoa-ease-out, ease-out),visibility 0s linear var(--venoa-dur-slow, .5s)}.venoa-story__frame.is-active{opacity:1;visibility:visible;transition:opacity var(--venoa-dur-slow, .5s) var(--venoa-ease-out, ease-out)}.venoa-story__frame-main{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--story-radius);background:rgb(var(--color-foreground-rgb) / .06)}.venoa-story__frame-main img,.venoa-story__frame-main svg{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform .9s var(--venoa-ease-out, ease-out)}.venoa-story__frame.is-active .venoa-story__frame-main img{transform:scale(1)}.venoa-story__nav{display:grid;grid-template-columns:repeat(var(--story-count, 3),minmax(0,1fr));gap:1rem}.venoa-story__nav-btn{position:relative;display:flex;gap:.6rem;align-items:baseline;min-width:0;padding:.9rem 0 .2rem;border:0;background:none;font-family:var(--font-body--family);font-size:.75rem;letter-spacing:.12em;text-align:left;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / .45);cursor:pointer;transition:color var(--venoa-dur, .35s) var(--venoa-ease-out, ease-out)}.venoa-story__nav-btn:before,.venoa-story__nav-btn:after{content:"";position:absolute;top:0;left:0;height:2px;border-radius:2px}.venoa-story__nav-btn:before{right:0;background:var(--story-line)}.venoa-story__nav-btn:after{width:100%;background:var(--story-scent, var(--color-primary));transform:scaleX(0);transform-origin:left;transition:transform .6s var(--venoa-ease-soft, ease-out)}.venoa-story__nav-btn[aria-current=true]{color:var(--color-foreground)}.venoa-story__nav-btn[aria-current=true]:after{transform:scaleX(1)}@media(hover:hover){.venoa-story__nav-btn:hover{color:var(--color-foreground)}}.venoa-story__nav-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.venoa-story__nav-dot{display:none}.venoa-story__nav-no{flex:none;font-family:var(--font-subheading--family);font-weight:600}.venoa-story__nav-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}venoa-scent-story:not([data-mode=stage]) .venoa-story__panels{gap:0}venoa-scent-story:not([data-mode=stage]) .venoa-story__panel{display:flex;align-items:center;min-height:min(82vh,52rem)}venoa-scent-story:not([data-mode=stage]) .venoa-story__panel:first-child{align-items:flex-start;padding-top:2rem}.venoa-story__panel-media{display:none}.venoa-story__panel-body{padding-top:0}.venoa-js venoa-scent-story:not([data-mode=stage]) .venoa-story__panel{transition:opacity var(--venoa-dur, .35s) var(--venoa-ease-out, ease-out)}.venoa-js venoa-scent-story[data-ready]:not([data-mode=stage]) .venoa-story__panel:not(.is-active){opacity:.32}.venoa-js venoa-scent-story[data-ready]:not([data-mode=stage]) .venoa-story__panel:not(.is-active):focus-within{opacity:1}}venoa-scent-story[data-scenes]{position:relative;display:block}venoa-scent-story[data-scenes] .venoa-story__pin{position:relative;isolation:isolate;display:grid;box-sizing:border-box}.venoa-story:has(venoa-scent-story[data-scenes]):before{display:none}venoa-scent-story[data-scenes] .venoa-story__pin:before{content:"";position:absolute;inset:0 calc(var(--page-margin, 1.25rem) * -1);z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 30% 50%,var(--story-tint, transparent),transparent 74%)}venoa-scent-story[data-scenes] .venoa-story__stage{display:contents}venoa-scent-story[data-scenes] .venoa-story__frames{position:relative;min-height:0}venoa-scent-story[data-scenes] .venoa-story__frame{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:1;visibility:hidden;translate:none!important;transition:none!important}venoa-scent-story[data-scenes] .venoa-story__frame.is-shown{visibility:visible;z-index:1}venoa-scent-story[data-scenes] .venoa-story__frame-main{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--story-radius);background:rgb(var(--color-foreground-rgb) / .06)}venoa-scent-story[data-scenes] .venoa-story__frame-main img,venoa-scent-story[data-scenes] .venoa-story__frame-main svg{display:block;width:100%;height:100%;object-fit:cover;transform:none;transition:none}venoa-scent-story[data-scenes] .venoa-story__panels{display:grid;gap:0;min-height:0}venoa-scent-story[data-scenes] .venoa-story__panel{grid-area:1 / 1;align-self:start;min-width:0;opacity:0;visibility:hidden;translate:0 6px;transition:opacity .12s cubic-bezier(.4,0,1,1),translate 0s linear .12s,visibility 0s linear .12s}venoa-scent-story[data-scenes] .venoa-story__panel.is-text{z-index:1;opacity:1;visibility:visible;translate:0 0;transition:opacity .17s cubic-bezier(0,0,.2,1) .12s,translate .2s cubic-bezier(.2,.7,.2,1) .11s,visibility 0s linear .11s}venoa-scent-story[data-scenes] .venoa-story__panel-visual{display:none}venoa-scent-story[data-scenes] .venoa-story__panel-body{padding-top:0}venoa-scent-story[data-scenes] .venoa-story__panel-body>*{translate:none!important}@media screen and (min-width:990px){venoa-scent-story[data-mode=stage]{--story-stage-h: 100vh;--story-stage-h: 100svh}venoa-scent-story[data-mode=stage] .venoa-story__pin{position:sticky;top:0;z-index:1;height:var(--story-stage-h);grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);grid-template-rows:minmax(0,1fr) auto;column-gap:clamp(3rem,6vw,7rem);row-gap:1.1rem;padding-block:clamp(1.5rem,5vh,3.25rem)}venoa-scent-story[data-mode=stage] .venoa-story__frames{grid-column:1;grid-row:1}venoa-scent-story[data-mode=stage] .venoa-story__nav{grid-column:1;grid-row:2}venoa-scent-story[data-mode=stage] .venoa-story__panels{grid-column:2;grid-row:1;align-self:stretch;max-width:32rem}venoa-scent-story[data-mode=stage] .venoa-story__panel{align-self:center}venoa-scent-story[data-mode=stage] .venoa-story__name{font-size:clamp(2.5rem,3.6vw,3.75rem)}venoa-scent-story[data-mode=stage] .venoa-story__line{margin-top:.8rem;font-size:clamp(1.1rem,1.35vw,1.3rem)}venoa-scent-story[data-mode=stage] .venoa-story__facts{margin-top:1.3rem}venoa-scent-story[data-mode=stage] .venoa-story__notes{margin-top:1.3rem}venoa-scent-story[data-mode=stage] .venoa-story__notes>div{padding-block:.62rem}venoa-scent-story[data-mode=stage] .venoa-story__buy{margin-top:1.4rem}venoa-scent-story[data-mode=stage] .venoa-story__track{display:block;height:calc((var(--story-count, 3) - 1) * var(--story-stage-h))}html:has(venoa-scent-story[data-mode=stage]) .header-section:has(>#header-component[sticky]){transition:opacity .38s var(--venoa-ease-out, ease-out),visibility 0s linear 0s}html:has(venoa-scent-story[data-mode=stage][data-engaged]) .header-section:has(>#header-component[sticky]){opacity:0;visibility:hidden;pointer-events:none;transition:opacity .38s var(--venoa-ease-out, ease-out),visibility 0s linear .38s}html:has(venoa-scent-story[data-mode=stage][data-engaged]) .venoa-sticky-cta__pill[data-stuck]{opacity:0;visibility:hidden;pointer-events:none;transform:none;transition:opacity .38s var(--venoa-ease-out, ease-out),visibility 0s linear .38s}}@media screen and (min-width:990px)and (max-height:860px){venoa-scent-story[data-mode=stage] .venoa-story__pin{row-gap:.8rem;padding-block:clamp(1rem,3.5vh,2rem)}venoa-scent-story[data-mode=stage] .venoa-story__no{margin-bottom:.6rem}venoa-scent-story[data-mode=stage] .venoa-story__name{font-size:clamp(2.2rem,3vw,3rem)}venoa-scent-story[data-mode=stage] .venoa-story__line{margin-top:.55rem;font-size:1.08rem}venoa-scent-story[data-mode=stage] .venoa-story__concept{margin-top:.6rem}venoa-scent-story[data-mode=stage] :is(.venoa-story__facts,.venoa-story__notes){margin-top:.9rem}venoa-scent-story[data-mode=stage] .venoa-story__facts{gap:.7rem 1.75rem}venoa-scent-story[data-mode=stage] .venoa-story__facts dd{font-size:.92rem;line-height:1.4}venoa-scent-story[data-mode=stage] .venoa-story__notes>div{padding-block:.45rem}venoa-scent-story[data-mode=stage] .venoa-story__notes dd{font-size:.9rem;line-height:1.4}venoa-scent-story[data-mode=stage] .venoa-story__buy{margin-top:.9rem}venoa-scent-story[data-mode=stage] .venoa-story__price{font-size:1.5rem}}@media screen and (max-width:749px){venoa-scent-story[data-mode=tap] .venoa-story__pin{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;row-gap:1rem;padding-block:.25rem}venoa-scent-story[data-mode=tap] .venoa-story__pin:before{inset:-2rem calc(var(--page-margin, 1.25rem) * -1);background:radial-gradient(100% 55% at 50% 30%,var(--story-tint, transparent),transparent 76%)}venoa-scent-story[data-mode=tap] .venoa-story__frames{grid-row:1;height:clamp(15rem,50svh,28rem);height:clamp(15rem,calc(100svh - var(--story-rest, 0px)),min(50svh,28rem))}venoa-scent-story[data-mode=tap] .venoa-story__frame-main{top:0;right:0;bottom:0;left:0;width:auto;max-width:100%;height:100%;margin-inline:auto;aspect-ratio:4 / 5;border-radius:var(--venoa-radius-md, .875rem)}venoa-scent-story[data-mode=tap] .venoa-story__nav{grid-row:2;display:flex;gap:.4rem}venoa-scent-story[data-mode=tap] .venoa-story__panels{grid-row:3;overflow:clip;overflow-clip-margin:8px;transition:height .34s var(--venoa-ease-soft, cubic-bezier(.22, 1, .36, 1))}venoa-scent-story[data-mode=tap] .venoa-story__no{display:flex;width:100%;margin-bottom:.3rem;font-size:.6875rem}venoa-scent-story[data-mode=tap] .venoa-story__count{display:inline;margin-left:auto;letter-spacing:.14em;color:rgb(var(--color-foreground-rgb) / .55)}venoa-scent-story[data-mode=tap] .venoa-story__name{font-size:clamp(1.9rem,8.4vw,2.35rem)}venoa-scent-story[data-mode=tap] .venoa-story__line{margin-top:.4rem;font-size:1rem;line-height:1.35}venoa-scent-story[data-mode=tap] .venoa-story__concept{margin-top:.45rem;padding:.3em .8em;font-size:.625rem}venoa-scent-story[data-mode=tap] :is(.venoa-story__facts,.venoa-story__notes){display:grid;gap:0;margin-top:.75rem;max-width:none;border-top:1px solid var(--story-line)}venoa-scent-story[data-mode=tap] .venoa-story__facts+.venoa-story__notes{margin-top:0;border-top:0}venoa-scent-story[data-mode=tap] :is(.venoa-story__facts,.venoa-story__notes)>div{display:grid;grid-template-columns:5.6rem minmax(0,1fr);gap:.75rem;padding-block:.45rem;border-bottom:1px solid var(--story-line)}venoa-scent-story[data-mode=tap] :is(.venoa-story__facts,.venoa-story__notes) dt{padding-top:.2em;font-size:.625rem;letter-spacing:.14em}venoa-scent-story[data-mode=tap] :is(.venoa-story__facts,.venoa-story__notes) dd{font-size:.875rem;line-height:1.4}venoa-scent-story[data-mode=tap] .venoa-story__facts dd{color:var(--color-foreground)}venoa-scent-story[data-mode=tap] .venoa-story__buy{margin-top:.75rem}venoa-scent-story[data-mode=tap] .venoa-story__price{font-size:1.35rem}venoa-scent-story[data-mode=tap] .venoa-story__note{margin-top:.3rem;font-size:.75rem;line-height:1.4}venoa-scent-story[data-mode=tap]:has(.venoa-story__facts) .venoa-story__pin{row-gap:.75rem;padding-block:0}venoa-scent-story[data-mode=tap]:has(.venoa-story__facts) :is(.venoa-story__facts,.venoa-story__notes)>div{padding-block:.32rem}venoa-scent-story[data-mode=tap]:has(.venoa-story__facts) .venoa-story__facts{margin-top:.6rem}venoa-scent-story[data-mode=tap]:has(.venoa-story__facts) .venoa-story__buy{margin-top:.55rem}.venoa-story__nav-btn{flex:1 1 0;min-width:0;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.35rem .5rem;border:1px solid rgb(var(--color-foreground-rgb) / .18);border-radius:999px;background:rgb(var(--color-foreground-rgb) / .04);color:rgb(var(--color-foreground-rgb) / .7);font-family:var(--font-subheading--family);font-size:.6875rem;font-weight:600;letter-spacing:.08em;line-height:1.15;text-align:center;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .3s var(--venoa-ease-out, ease-out),border-color .3s var(--venoa-ease-out, ease-out),color .3s var(--venoa-ease-out, ease-out),scale var(--venoa-dur-release, .38s) var(--venoa-ease-soft, ease-out)}.venoa-story__nav-btn[aria-current=true]{border-color:var(--story-scent, var(--color-primary));background:rgb(var(--color-foreground-rgb) / .1);color:var(--color-foreground)}.venoa-story__nav-btn:active{scale:.96;transition-duration:.3s,.3s,.3s,var(--venoa-dur-press, 90ms)}.venoa-story__nav-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.venoa-story__nav-dot{flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--story-scent, var(--color-primary))}.venoa-story__nav-no{display:none}.venoa-story__nav-name{min-width:0}venoa-scent-story[style*="--story-count: 4"] .venoa-story__nav-btn{padding-inline:.35rem;font-size:.625rem;letter-spacing:.05em}}@media(prefers-reduced-motion:reduce){venoa-scent-story[data-scenes] .venoa-story__panel,venoa-scent-story[data-scenes] .venoa-story__panel.is-text{translate:none;transition:none!important}venoa-scent-story[data-scenes] .venoa-story__panels{transition:none!important}.venoa-story__frame,.venoa-story__frame-main img,.venoa-story__nav-btn,.venoa-story__nav-btn:after,.venoa-story__panel{transition:none!important}.venoa-story__frame-main img{transform:none!important}.venoa-story__nav-btn:active{scale:none!important}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/venoa-scent-story.css.map */