:root{--cr:#fff6ea;--cr2:#f6e8d4;--ink:#2b2a35;--soft:#6b6570;--o:#f07c1b;--t:#1f4b5a;--line:rgba(43,42,53,.12);
--pbg:#1f4b5a;--pfg:#fff6ea;--pacc:#f7b267;--paccfg:#2b2a35;--pfd:'Fraunces',serif;--pfb:'DM Sans',sans-serif;--pfdw:600;--ptrack:-.01em;--prad:28px;--pcard:#fff;--pfam:#f6e8d4;--pfamfg:#2b2a35}
*{box-sizing:border-box;margin:0;padding:0}html{background:var(--cr)}body{background:var(--cr);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
[dir=rtl] body,[dir=rtl] .gf{font-family:'Cairo','DM Sans',sans-serif}
body.loading{overflow:hidden}img{display:block;max-width:100%}a{color:inherit}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:600;letter-spacing:-.015em}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:'Cairo',serif;font-weight:700}
h1 em,h2 em{font-style:italic;font-weight:400}
.k{display:inline-block;font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--o);margin-bottom:.8rem}
.w{width:min(1240px,100% - 2.4rem);margin:0 auto}
.btn{display:inline-flex;align-items:center;padding:1rem 1.6rem;border-radius:999px;background:var(--o);color:#fff;font-weight:700;text-decoration:none;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-2px);background:#d9670c}
.btn.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}
#ld{position:fixed;inset:0;z-index:100;background:var(--cr);display:grid;place-items:center}.pw{width:64px;color:var(--o);animation:hop .7s ease-in-out infinite alternate}@keyframes hop{to{transform:translateY(-14px) rotate(-8deg)}}
#hd{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1.2rem,3vw,2.6rem);background:var(--cr)}
#hd .lg img{height:30px;width:auto}#hd nav{display:flex;gap:1.6rem;font-weight:500;font-size:.92rem}#hd nav a{text-decoration:none}#hd nav a:hover{color:var(--o)}
#hd .hr{display:flex;gap:1rem;align-items:center}#hd .btn{padding:.7rem 1.2rem;font-size:.88rem}.lng{text-decoration:none;font-weight:500}
#film{height:480vh;position:relative}
.stk{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;padding:5rem clamp(.8rem,2vw,1.6rem) clamp(.8rem,2vw,1.6rem)}
.card{position:relative;width:100%;height:100%;border-radius:clamp(20px,3vw,40px);overflow:hidden}
#fc{position:absolute;inset:0;width:100%;height:100%}
.shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(31,20,10,.6),transparent 50%)}
.tx{position:absolute;inset-inline-start:clamp(1.4rem,5vw,4.5rem);bottom:clamp(2rem,8vh,5rem);color:#fff;max-width:min(760px,88%)}
.tx .k{color:#ffd29c}
.p1 h1{font-size:clamp(3rem,7.4vw,7.4rem);line-height:.95}.p1 em{color:#ffd29c}
.p2 p{font-family:'Fraunces',serif;font-size:clamp(1.4rem,2.6vw,2.4rem);line-height:1.2;max-width:26ch}
.p3 h2{font-size:clamp(2.4rem,5.4vw,5.4rem);line-height:1;margin-bottom:1.6rem;max-width:14ch}
.p2,.p3{opacity:0;visibility:hidden}
#bottle{padding:clamp(5rem,10vw,9rem) 0}
.bw{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.bv{position:relative;height:min(76vh,700px);display:grid;place-items:center}
.blob{position:absolute;width:86%;aspect-ratio:1;background:var(--cr2);border-radius:46% 54% 60% 40%/50% 42% 58% 50%;animation:mo 10s ease-in-out infinite alternate}@keyframes mo{to{border-radius:58% 42% 40% 60%/42% 58% 42% 58%}}
.bimg{position:absolute;left:0;right:0;top:6%;margin:0 auto;height:88%;width:auto;filter:drop-shadow(0 30px 30px rgba(120,70,20,.22))}
.badge{position:absolute;bottom:10%;inset-inline-end:4%;width:9.5rem;height:9.5rem;border-radius:50%;background:var(--t);color:var(--cr);display:grid;place-content:center;text-align:center;padding:1rem;transform:rotate(-8deg)}
.badge b{font-family:'Fraunces',serif;font-size:2.4rem;line-height:1}.badge small{font-size:.7rem;line-height:1.3;margin-top:.3rem}
.bx h2{font-size:clamp(2.4rem,4.4vw,4.2rem);line-height:1.02;margin-bottom:1.4rem}.bx p{font-size:1.1rem;line-height:1.7;color:#4a4652}
.ben{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.ben li{background:#fff;border-radius:22px;padding:1.2rem;display:grid;gap:.6rem;font-weight:700;font-size:.95rem;box-shadow:0 10px 30px -18px rgba(80,50,20,.4)}
.ben i{width:40px;height:40px;color:var(--o)}
.sh{font-size:clamp(2.4rem,4.8vw,4.6rem);line-height:1.02;margin-bottom:2.6rem;max-width:18ch}
#uses{padding:clamp(4rem,8vw,7rem) 0;background:var(--cr2);border-radius:48px 48px 0 0}
.ucs{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.uc{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 20px 40px -26px rgba(80,50,20,.45);transition:transform .4s}.uc:hover{transform:translateY(-6px) rotate(-.6deg)}
.uc .ph{aspect-ratio:1;overflow:hidden}.uc img{width:100%;height:100%;object-fit:cover}
.uc h3{font-size:1.5rem;padding:1.2rem 1.3rem .3rem}.uc p{padding:0 1.3rem 1.4rem;color:var(--soft);line-height:1.55}
#how{padding:clamp(5rem,10vw,9rem) 0;background:var(--cr2)}
.sts{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;position:relative}
.sts::before{content:'';position:absolute;top:2.2rem;left:8%;right:8%;border-top:3px dashed rgba(240,124,27,.4)}
.st{position:relative;text-align:center;padding:0 1rem}
.st b{display:grid;place-items:center;width:4.4rem;height:4.4rem;margin:0 auto 1.4rem;border-radius:50%;background:var(--o);color:#fff;font-family:'Fraunces',serif;font-size:2rem}
.st h3{font-size:1.7rem;margin-bottom:.5rem}.st p{color:var(--soft);line-height:1.6}
#faq{padding:clamp(5rem,10vw,9rem) 0}
.fw{display:grid;grid-template-columns:1fr 1.4fr;gap:3rem;align-items:start}
details{border-bottom:1px solid var(--line);padding:1.4rem 0}summary{list-style:none;cursor:pointer;font-family:'Fraunces',serif;font-size:1.4rem;font-weight:600;display:flex;justify-content:space-between;gap:1rem}
summary::-webkit-details-marker{display:none}summary i{width:28px;height:28px;border-radius:50%;background:var(--cr2);position:relative;flex:none;transition:transform .3s}
summary i::before,summary i::after{content:'';position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--ink);transform:translate(-50%,-50%)}summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
details[open] summary i{transform:rotate(45deg);background:var(--o)}details p{padding-top:.8rem;color:#4a4652;line-height:1.7;max-width:60ch}
#buyers{padding:0 0 clamp(5rem,10vw,9rem)}
.bb{background:var(--t);color:var(--cr);border-radius:40px;padding:clamp(2rem,6vw,5rem)}.bb .k{color:#f7b267}
.bb h2{font-size:clamp(2.4rem,5vw,5rem);line-height:1.02;margin-bottom:1.2rem;max-width:16ch}.bb>p{font-size:1.15rem;line-height:1.6;max-width:50ch;opacity:.85}
.fas{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:3rem 0 2rem}.fa{background:rgba(255,255,255,.08);border-radius:22px;padding:1.4rem}
.fa b{display:block;font-family:'Fraunces',serif;font-size:clamp(2rem,3.6vw,3.2rem);font-weight:600}.fa span{font-size:.88rem;opacity:.8}
.secs{display:flex;flex-wrap:wrap;gap:.5rem}.secs span{background:rgba(255,255,255,.1);border-radius:999px;padding:.5rem 1rem;font-weight:500}
.cta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2.6rem}.bb .btn.ghost{color:var(--cr)}
@media (max-width:900px){#hd nav{display:none}.bw,.fw{grid-template-columns:1fr}.bv{height:58vh}.ben{grid-template-columns:1fr}.ucs{grid-template-columns:1fr 1fr}.sts{grid-template-columns:1fr}.sts::before{display:none}.fas{grid-template-columns:1fr 1fr}.lng{display:none}}
/* rtl-lh */[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .sh,[dir=rtl] .big{line-height:1.25!important}