.nx-brand-story{height:100svh;min-height:580px;position:relative;isolation:isolate;background:var(--nx-navy);overflow:clip;color:var(--nx-gold)}.nx-brand-story:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:url(nana-assets-brand-surface-texture.svg) repeat;background-size:192px;opacity:.3;mix-blend-mode:soft-light}.nx-brand-story:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at 50% 48%,rgb(200 172 110 / .09),transparent 62%)}.nx-story-top{position:absolute;top:30px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.16em}.nx-brand-story{--nx-signature-width:min(82vw,660px,76svh)}.nx-signature{position:absolute;left:50%;top:43svh;width:var(--nx-signature-width);aspect-ratio:330/190;transform:translate(-50%,-50%);pointer-events:none;z-index:8;transform-origin:center}.nx-wordmark{display:block;width:100%;height:100%;overflow:visible}.nx-word-sheen{opacity:0}.nx-home .nx-center-mark{overflow:hidden}.nx-center-logo{display:block;flex-shrink:0;overflow:hidden;contain:paint}.nx-arrival-symbol{transform-box:view-box;transform-origin:center}.nx-center-logo:is([data-arrival-state=pending],[data-arrival-state=running]) .nx-arrival-body{-webkit-mask:url(#nx-arrival-mask);mask:url(#nx-arrival-mask)}.nx-center-logo[data-arrival-state=pending] .nx-arrival-pearls{opacity:0}.nx-arrival-trace{stroke-dasharray:1 1;stroke-dashoffset:1}.nx-arrival-complete{opacity:0}.nx-story-caption{position:absolute;left:5%;right:5%;top:calc(43svh + var(--nx-signature-width) * .28788 + 28px);text-align:center}.nx-story-caption p{font-size:13px;letter-spacing:.16em;margin:0}.nx-story-caption>span{display:block;font-size:8px;letter-spacing:.24em;margin-top:16px;opacity:.6}.nx-story-scroll{position:absolute;bottom:64px;left:50%;transform:translate(-50%);display:flex;align-items:center;min-height:44px;font-size:10px;letter-spacing:.08em;padding:10px 25px;border-bottom:1px solid #c8ac6e65}.nx-story-index{position:absolute;bottom:42px;right:5%;font-size:9px;letter-spacing:.2em;opacity:.6}.nx-story-scroll:focus-visible{opacity:1!important}.nx-brand-story:has(.nx-story-scroll:focus-visible) .nx-signature{opacity:0!important}.nx-shop-duet{position:relative;isolation:isolate}.nx-shop-duet img{position:absolute;max-width:none;width:70%;height:95%;top:0}.nx-shop-duet .nx-shop-bottle-one{left:-4%;transform:rotate(-14deg)}.nx-shop-duet .nx-shop-bottle-two{right:-3%;transform:rotate(12deg)}.nx-shop-duet>span{z-index:2}.nx-edit{padding:80px 0 38px;background:var(--nx-navy);border-bottom:1px solid #c8ac6e55;position:relative;isolation:isolate;overflow:clip}.nx-edit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:url(nana-assets-brand-surface-texture.svg) repeat;background-size:192px;opacity:.3;mix-blend-mode:soft-light}.nx-edit-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:0 6% 42px}.nx-edit-heading .nx-kicker{color:var(--nx-gold)}.nx-edit-heading h2{font-size:clamp(40px,5.3vw,76px);font-weight:400;letter-spacing:-.06em;line-height:1.08;margin:20px 0}.nx-edit-heading p{font-size:12px;line-height:1.7;opacity:.75}.nx-edit-controls{display:flex;gap:8px}.nx-edit-controls[hidden]{display:none}.nx-edit-controls button{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;border:1px solid #c8ac6e80;background:none;color:var(--nx-gold);font-size:25px;transition:background-color .18s,color .18s}.nx-edit-controls button:disabled{opacity:.3;cursor:default}.nx-edit-viewport{overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--nx-gold) transparent;padding:0 6%}.nx-edit-viewport.is-enhanced{overflow:hidden;scroll-snap-type:none}.nx-edit-track{display:flex;touch-action:pan-y pinch-zoom;gap:28px}.nx-edit-slide{flex:0 0 91%;min-width:0;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;scroll-snap-align:start;padding:6px 0 16px}.nx-edit-art{position:relative;isolation:isolate;aspect-ratio:1.05;overflow:hidden;background:var(--nx-gold);border-radius:48% 48% 2px 2px}.nx-edit-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:url(nana-assets-brand-surface-texture.svg) repeat;background-size:192px;opacity:.28;mix-blend-mode:soft-light}.nx-edit-product{position:absolute;top:8%;right:8%;bottom:8%;left:16%;width:76%;height:84%;object-fit:contain;transform:rotate(8deg);filter:drop-shadow(8px 20px 18px #06193d20)}.nx-edit-material{position:absolute;width:95%;height:95%;object-fit:contain;left:-15%;top:-7%;transform:rotate(-18deg);opacity:.85}.nx-edit-material~.nx-edit-product{left:24%;width:69%;transform:rotate(12deg)}.nx-edit-art-number{position:absolute;bottom:22px;left:26px;font-size:11px;color:var(--nx-navy);letter-spacing:.18em}.nx-edit-copy{padding:15px 0;min-width:0}.nx-edit-copy .nx-kicker{color:var(--nx-gold)}.nx-edit-copy h3{font-weight:400;font-size:clamp(23px,2.65vw,38px);line-height:1.16;letter-spacing:-.045em;max-width:490px;margin:24px 0}.nx-edit-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:15px;color:var(--nx-gold);font-variant-numeric:tabular-nums}.nx-edit-stock{font-size:10px;border:1px solid #c8ac6e70;border-radius:20px;padding:6px 10px}.nx-edit-stock[data-unavailable=true]{background:var(--nx-gold);color:var(--nx-navy)}.nx-edit-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.nx-edit-choice{display:flex;align-items:center;gap:6px;min-height:46px;border:1px solid #c8ac6e55;background:transparent;color:var(--nx-light);border-radius:40px;padding:5px 13px;font:inherit;font-size:11px;transition:border-color .16s,background-color .16s}.nx-edit-choice[hidden]{display:none}.nx-edit-choice img{width:30px;height:30px;object-fit:contain;background:var(--nx-gold);border-radius:50%}.nx-edit-choice[aria-pressed=true]{border-color:var(--nx-gold);background:#c8ac6e1c}.nx-edit-link{display:flex;justify-content:space-between;align-items:center;gap:28px;border-bottom:1px solid #c8ac6e80;margin-top:30px;max-width:300px;padding:16px 0;min-height:54px;font-size:12px}.nx-edit-link>span:last-child{font-size:25px;color:var(--nx-gold)}.nx-edit-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 6% 0;font-size:11px;color:var(--nx-gold)}.nx-edit-footer>a{min-height:44px;display:flex;align-items:center;gap:16px;color:var(--nx-light)}.nx-edit-drag{opacity:.65}.nx-portal.is-departing{z-index:12;pointer-events:none}.nx-edit-viewport{margin-left:6%;padding:0}.nx-edit-viewport.is-enhanced{overflow:clip}.nx-edit-track{align-items:flex-start}@media(hover:hover)and (pointer:fine){.nx-edit-controls button:not(:disabled):hover{background:var(--nx-gold);color:var(--nx-navy)}.nx-edit-choice:hover{border-color:var(--nx-gold)}.nx-edit-viewport.is-enhanced{cursor:grab}.nx-edit-viewport.is-enhanced:active{cursor:grabbing}}@media(max-width:760px){.nx-brand-story{min-height:520px}.nx-story-top{top:18px;left:6%;right:6%;font-size:8px}.nx-story-caption p{font-size:11px;letter-spacing:.09em}.nx-story-index{display:none}.nx-shop-duet img{width:104%;height:86%;top:6%}.nx-shop-duet .nx-shop-bottle-one{left:-36%}.nx-shop-duet .nx-shop-bottle-two{right:-23%}.nx-edit{padding-top:48px}.nx-edit-heading{padding-bottom:26px;align-items:start}.nx-edit-heading h2{font-size:42px;max-width:260px}.nx-edit-heading p{max-width:210px;font-size:11px}.nx-edit-controls{gap:5px;padding-top:30px}.nx-edit-controls button{width:44px;height:44px;font-size:22px}.nx-edit-track{gap:20px}.nx-edit-slide{flex-basis:94%;grid-template-columns:1fr;gap:24px;align-content:start}.nx-edit-art{aspect-ratio:1.1}.nx-edit-copy{padding:0 0 10px}.nx-edit-copy h3{font-size:26px;margin:16px 0;max-width:360px}.nx-edit-choices{margin-top:18px}.nx-edit-link{margin-top:20px;max-width:none}.nx-edit-drag{display:none}.nx-edit-footer{padding-top:18px;font-size:10px}.nx-edit-meta{font-size:14px}}@media(max-width:370px){.nx-edit-heading h2{font-size:36px}.nx-edit-heading{gap:8px}.nx-edit-controls{flex-direction:column;padding-top:20px}.nx-edit-copy h3{font-size:24px}.nx-edit-choice{padding-inline:9px}}@media(max-width:760px){.nx-home .nx-center-mark{display:flex;top:50%;width:70px;height:98px}.nx-home .nx-center-mark small{display:none}.nx-home .nx-center-logo{width:42px;height:65px}}@media(prefers-reduced-motion:no-preference){.nx-products-portal .nx-bottle-one,.nx-shop-bottle-one{view-transition-name:nana-bottle-one}.nx-products-portal .nx-bottle-two,.nx-shop-bottle-two{view-transition-name:nana-bottle-two}.nx-clinic-window,.n-about-photo{view-transition-name:nana-clinic-photo}::view-transition-group(nana-bottle-one),::view-transition-group(nana-bottle-two),::view-transition-group(nana-clinic-photo){animation-duration:1.05s;animation-timing-function:cubic-bezier(.22,1,.36,1)}}:where(html[data-nana-motion=full]) .nx-products-portal .nx-bottle-one,:where(html[data-nana-motion=full]) .nx-shop-bottle-one{view-transition-name:nana-bottle-one}:where(html[data-nana-motion=full]) .nx-products-portal .nx-bottle-two,:where(html[data-nana-motion=full]) .nx-shop-bottle-two{view-transition-name:nana-bottle-two}:where(html[data-nana-motion=full]) .nx-clinic-window,:where(html[data-nana-motion=full]) .n-about-photo{view-transition-name:nana-clinic-photo}html[data-nana-motion=full]::view-transition-group(nana-bottle-one),html[data-nana-motion=full]::view-transition-group(nana-bottle-two),html[data-nana-motion=full]::view-transition-group(nana-clinic-photo){animation-duration:1.05s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){:where(html:not([data-nana-motion=full])) .nx-signature{position:absolute!important;transform:translate(-50%,-50%)!important}:where(html:not([data-nana-motion=full])) .nx-center-logo{opacity:1!important}:where(html:not([data-nana-motion=full])) .nx-word-sheen{display:none}:where(html:not([data-nana-motion=full])) .nx-edit-viewport{scroll-behavior:auto}:where(html:not([data-nana-motion=full])) .nx-bottle-one,:where(html:not([data-nana-motion=full])) .nx-bottle-two,:where(html:not([data-nana-motion=full])) .nx-shop-bottle-one,:where(html:not([data-nana-motion=full])) .nx-shop-bottle-two,:where(html:not([data-nana-motion=full])) .nx-clinic-window,:where(html:not([data-nana-motion=full])) .n-about-photo{view-transition-name:none!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/nana-journey.css.map */