body{font-weight:500}.scroll-progress{position:fixed;z-index:70;top:0;left:0;width:100%;height:3px;background:rgba(255,255,255,.06);pointer-events:none}.scroll-progress span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;box-shadow:0 0 18px rgba(var(--accent-rgb),.7)}.nav{font-weight:600}.nav:before{content:"";position:absolute;inset:12px 2.5vw;border:1px solid transparent;border-radius:22px;z-index:-1;transition:.4s}.nav.scrolled{position:fixed;height:84px}.nav.scrolled:before{background:rgba(5,9,12,.72);border-color:rgba(255,255,255,.12);backdrop-filter:blur(18px)}.primary-btn,.whatsapp-btn{border-radius:999px;font-weight:700}.edition-mark{font-size:12px;color:#aeb6ba;line-height:1.7}.intro,.manifesto-foot p,.product-info p,.story-steps p,.package-copy p:not(.eyebrow){font-size:16px;font-weight:500;line-height:2}.hero h1,.manifesto-line span,.section-head h2,.story h2,.package-copy h2,.final-cta h2{font-weight:700}.hero h1 em,.manifesto-line .accent,.section-head h2 i,.story h2 i,.package-copy h2 i,.final-cta h2 i{font-weight:600}.eyebrow,.section-head p,.story-sticky>p{font-size:12px;font-weight:700}.scroll-cue{font-size:11px}.scroll-cue b{font-weight:600}.scent-marquee{height:104px;display:flex;align-items:center;overflow:hidden;border-block:1px solid rgba(255,255,255,.12);background:#070b0e;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.46);font:600 58px/1 var(--serif);direction:ltr;white-space:nowrap}.scent-marquee div{animation:marquee 24s linear infinite}@keyframes marquee{to{transform:translateX(-100%)}}.collection:before{content:"";position:absolute;inset:0 4vw auto;height:90px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.09),transparent);filter:blur(40px);border-radius:0 0 50% 50%;pointer-events:none}.product-card{border-radius:28px;padding:30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transform-style:preserve-3d}.product-card:nth-child(2){margin-top:70px}.product-card:nth-child(3){margin-top:140px}.product-card:after{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.13),transparent 60%);transform:translateX(-120%);transition:transform 1s;pointer-events:none}.product-card:hover:after{transform:translateX(120%)}.product-info h3,.story-steps h3{font-weight:700}.notes{font-size:12px;font-weight:600;letter-spacing:.08em}.add-btn{background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.story{border-radius:64px 64px 0 0;overflow:clip}.story-steps article{border-radius:0 0 28px 28px;transition:background .45s,padding .45s}.story-steps article:hover{background:rgba(var(--accent-rgb),.05);padding-inline:24px}.packaging{padding:5vw;gap:20px;background:#0d1114}.package-media,.package-copy{border-radius:38px;overflow:hidden}.package-copy{background:#eeeae2}.final-cta{border-radius:64px 64px 0 0}.menu-overlay{position:fixed;z-index:80;inset:0;background:radial-gradient(circle at 25% 30%,rgba(var(--accent-rgb),.18),transparent 32%),#05090c;color:white;padding:8vw;display:flex;flex-direction:column;justify-content:center;transform:translateY(-103%);transition:transform .8s cubic-bezier(.76,0,.24,1);overflow:hidden}.menu-overlay.open{transform:none}.menu-overlay:after{content:"A";position:absolute;left:-4vw;bottom:-14vw;font:italic 65vw/.7 var(--serif);color:transparent;-webkit-text-stroke:1px rgba(var(--accent-rgb),.13);pointer-events:none}.menu-overlay>p{position:absolute;top:6vw;font-size:12px;letter-spacing:.28em;color:var(--accent)}.menu-overlay>a{position:relative;z-index:2;display:flex;align-items:center;gap:28px;border-bottom:1px solid rgba(255,255,255,.16);padding:20px 0;overflow:hidden}.menu-overlay>a span{font:18px var(--serif);color:var(--accent)}.menu-overlay>a b{font-size:clamp(38px,6vw,85px);line-height:1.1;transition:transform .4s;color:#f2efe8}.menu-overlay>a:hover b{transform:translateX(-22px);color:var(--accent)}[dir="ltr"] .menu-overlay>a:hover b{transform:translateX(22px)}.menu-close{position:absolute;top:4vw;left:5vw;width:58px;height:58px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:none;font-size:34px;cursor:pointer}.menu-order{position:relative;z-index:2;margin-top:38px;align-self:flex-start;border:0;border-radius:999px;background:var(--accent);color:#071013;padding:17px 28px;font-weight:700;cursor:pointer}.cart{width:min(540px,100%);background:linear-gradient(145deg,#f5f3ed,#e5e2db);border-radius:38px 0 0 38px;padding:42px;box-shadow:-30px 0 80px rgba(0,0,0,.45);transform:translateX(112%) scale(.94);transform-origin:right center;overflow:hidden}[dir="ltr"] .cart{right:auto;left:0;border-radius:0 38px 38px 0;transform:translateX(-112%) scale(.94);transform-origin:left center}.cart.open,[dir="ltr"] .cart.open{transform:translateX(0) scale(1)}.cart-aura{position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(var(--accent-rgb),.18);filter:blur(70px);top:-190px;right:-130px;pointer-events:none}.cart-head,.cart-items,.empty-cart,.cart form{position:relative;z-index:2;opacity:0;transform:translateY(24px);transition:.5s}.cart.open .cart-head{opacity:1;transform:none;transition-delay:.24s}.cart.open .cart-items,.cart.open .empty-cart{opacity:1;transform:none;transition-delay:.34s}.cart.open form{opacity:1;transform:none;transition-delay:.44s}.cart-head{padding-bottom:28px}.cart-head h2{font-size:62px;font-weight:600}.cart-head button{width:52px;height:52px;border:1px solid #aaa;border-radius:50%;line-height:1}.cart-item{padding:20px 0;animation:itemIn .5s both}.cart-item img{width:68px;height:88px;border-radius:18px}.qty{border-radius:999px;padding:7px 11px}.qty button{font-size:18px}.empty-cart{min-height:280px}.empty-cart span{font-size:44px;animation:pulse 2s ease-in-out infinite}.empty-cart p{font-size:16px;font-weight:600}.cart input,.cart textarea{font-size:15px;font-weight:500}.cart label{font-size:12px;font-weight:700}.whatsapp-btn{padding:20px 24px;font-size:13px}.scrim{backdrop-filter:blur(7px)}@keyframes itemIn{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:none}}@keyframes pulse{50%{transform:scale(1.2) rotate(12deg);color:#111}}[dir="ltr"] body,[dir="ltr"] button,[dir="ltr"] input,[dir="ltr"] textarea{font-family:Arial,sans-serif}[dir="ltr"] .eyebrow,[dir="ltr"] .section-head p,[dir="ltr"] .story-sticky>p{text-align:left}[dir="ltr"] .hero-switcher{right:auto;left:6vw}[dir="ltr"] .scroll-cue{left:auto;right:4vw}[dir="ltr"] .manifesto-line:nth-child(2){padding-right:0;padding-left:17vw}[dir="ltr"] .manifesto-line:nth-child(3){padding-right:0;padding-left:34vw}[dir="ltr"] .footer-brand{transform-origin:left}
@media(max-width:900px){.nav{padding-inline:5vw}.nav.scrolled{height:72px}.menu-btn{display:grid}.nav-actions{gap:10px}.brand{transform:scale(.8)}.brand-mark{font-size:45px}.hero h1{font-size:clamp(54px,15vw,76px)}.intro{font-size:15px;line-height:1.9}.edition-mark{display:none}.manifesto-line span{font-size:clamp(43px,12vw,68px)}.manifesto-foot p,.product-info p,.story-steps p,.package-copy p:not(.eyebrow){font-size:15px}.scent-marquee{height:78px;font-size:42px}.products{gap:22px}.product-card,.product-card:nth-child(2),.product-card:nth-child(3){margin-top:0;border-radius:24px}.story{border-radius:34px 34px 0 0}.packaging{padding:16px}.package-media,.package-copy{border-radius:28px}.final-cta{border-radius:34px 34px 0 0}.cart{border-radius:28px 0 0 28px;padding:27px}.menu-overlay{padding:22vw 8vw 10vw}.menu-overlay>p{top:9vw}.menu-close{top:7vw}.menu-overlay>a{padding:17px 0}.menu-overlay>a b{font-size:11vw}}
/* Campaign imagery from the original ARVAN art direction. */
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/arvan-atmosphere.webp') center 42%/cover no-repeat;opacity:.32;pointer-events:none}
.hero::after{background:linear-gradient(90deg,rgba(3,8,12,.95) 0%,rgba(3,8,12,.55) 46%,rgba(3,8,12,.22) 100%),radial-gradient(circle at 70% 44%,rgba(var(--accent-rgb),.13),transparent 38%)}
.campaign-frame{margin:64px 0 0;max-width:390px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:3px;background:#06121a;box-shadow:0 28px 90px rgba(0,0,0,.32)}
.campaign-frame img{display:block;width:100%;height:auto;aspect-ratio:1876/2500;object-fit:cover}
.product-visual img{width:auto;min-height:0;max-height:100%;display:block}
@media(max-width:900px){.hero::before{background-position:60% center;opacity:.26}.hero::after{background:linear-gradient(180deg,rgba(3,8,12,.74),rgba(3,8,12,.32) 58%,rgba(3,8,12,.75))}.campaign-frame{margin:34px auto 50px;max-width:min(72vw,340px)}.story{gap:0}}
