:root{--cr:#fbf5e6;--cr2:#f3ead3;--ink:#2f3a2c;--soft:#667061;--sage:#9fb393;--sage2:#dfe7d6;--lemon:#f3d35b;--lemon2:#fbefc0;--clay:#e3a987;--clay2:#f6dccb;--sky:#a9c7d6;--sky2:#dde9ef;--line:rgba(47,58,44,.16);
--pbg:#2f3a2c;--pfg:#fbf5e6;--pacc:#f3d35b;--paccfg:#2f3a2c;--pfd:'DM Serif Display',serif;--pfb:'Karla',sans-serif;--pfdw:400;--ptrack:0;--prad:22px;--pcard:#fff;--pfam:#dfe7d6;--pfamfg:#2f3a2c}
*{box-sizing:border-box;margin:0;padding:0}html{background:var(--cr)}body{background:var(--cr);color:var(--ink);font-family:'Karla',system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
[dir=rtl] body,[dir=rtl] .gf{font-family:'Cairo','Karla',sans-serif}
body.loading{overflow:hidden}img{display:block;max-width:100%}a{color:inherit}
h1,h2,h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:'Cairo',serif;font-weight:700}
em{font-style:italic}
.k{display:inline-block;font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#6d8a5f;margin-bottom:1rem}
.w{width:min(1240px,100% - 2.4rem);margin:0 auto}
.btn{display:inline-flex;align-items:center;padding:1rem 1.7rem;border-radius:999px;background:var(--ink);color:var(--cr);font-weight:700;text-decoration:none;transition:background .3s}.btn:hover{background:#6d8a5f}
.btn.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.sprig path{fill:none;stroke:#6d8a5f;stroke-width:2.4;stroke-linecap:round}.lemon ellipse{fill:var(--lemon);stroke:var(--ink);stroke-width:2}.lemon path{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
#ld{position:fixed;inset:0;z-index:100;background:var(--cr);display:grid;place-items:center}#ld .lemon{width:90px;animation:wob 1s ease-in-out infinite alternate}@keyframes wob{to{transform:rotate(14deg) scale(1.08)}}
#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);border-bottom:1px solid var(--line)}
#hd .lg img{height:30px;width:auto}#hd nav{display:flex;gap:1.6rem;font-weight:500}#hd nav a{text-decoration:none}#hd nav a:hover{color:#6d8a5f}
#hd .hr{display:flex;gap:1rem;align-items:center}#hd .btn{padding:.65rem 1.2rem;font-size:.9rem}.lng{text-decoration:none}
#film{height:480vh;position:relative}
.stk{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.win{position:absolute;inset:0;clip-path:inset(18vh 8vw 6vh 46vw round 48vw 48vw 24px 24px);will-change:clip-path}
[dir=rtl] .win{clip-path:inset(18vh 46vw 6vh 8vw round 48vw 48vw 24px 24px)}
#fc{position:absolute;inset:0;width:100%;height:100%}
.tx{position:absolute}
.p1{inset-inline-start:clamp(1.4rem,6vw,6rem);top:50%;transform:translateY(-44%);max-width:38vw}
.p1 h1{font-size:clamp(3rem,6.6vw,6.8rem);line-height:.98}.p1 em{color:#6d8a5f}.p1 .sprig{width:70px;margin-top:1.4rem}
.p2{inset-inline-start:clamp(1.2rem,5vw,4rem);bottom:10vh;max-width:30ch;background:var(--cr);border-radius:28px;padding:1.6rem 1.8rem;font-size:1.2rem;line-height:1.5;box-shadow:0 20px 40px -24px rgba(47,58,44,.5)}
.p3{inset-inline-start:clamp(1.2rem,5vw,4rem);bottom:10vh;max-width:40ch;background:var(--cr);border-radius:28px;padding:2rem 2.2rem}
.p3 h2{font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.02;margin-bottom:1.4rem}
.p2,.p3{opacity:0;visibility:hidden}
#bottle{padding:clamp(5rem,10vw,9rem) 0;background:var(--sage2)}
.bw{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.bv{position:relative;height:min(74vh,700px)}
.arch-bg{position:absolute;left:12%;right:12%;top:4%;bottom:0;background:var(--lemon2);border-radius:999px 999px 24px 24px;border:2px solid var(--ink)}
.bimg{position:absolute;left:0;right:0;top:10%;margin:0 auto;height:84%;width:auto;filter:drop-shadow(0 26px 22px rgba(47,58,44,.25))}
.bv .lemon{position:absolute;width:110px;top:6%;inset-inline-start:2%;transform:rotate(-18deg)}.bv .sprig{position:absolute;width:90px;bottom:4%;inset-inline-end:4%}
.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}
.note{margin-top:1.4rem;padding:1rem 1.2rem;border:1.5px dashed #6d8a5f;border-radius:16px;font-size:.95rem!important;color:var(--soft)}
.sh{font-size:clamp(2.4rem,4.8vw,4.6rem);line-height:1.02;margin-bottom:2.6rem;text-align:center}
#ing{padding:clamp(5rem,9vw,8rem) 0}
.ings{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}
.ings li{display:flex;align-items:center;gap:.6rem;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:.6rem 1.3rem .6rem .8rem;font-weight:500;font-size:1.05rem}
.ings .sprig{width:26px;height:34px}
#uses{padding:clamp(4rem,8vw,7rem) 0;background:var(--cr2)}
.rooms{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.room{text-align:center}.arch{aspect-ratio:3/4;border-radius:999px 999px 18px 18px;overflow:hidden;border:2px solid var(--ink);margin-bottom:1.2rem;padding:8px;background:var(--sage2)}
.room.lemon .arch{background:var(--lemon2)}.room.clay .arch{background:var(--clay2)}.room.sky .arch{background:var(--sky2)}
.arch img{width:100%;height:100%;object-fit:cover;border-radius:999px 999px 12px 12px;transition:transform .8s}.room:hover .arch img{transform:scale(1.06)}
.room h3{font-size:1.7rem;margin-bottom:.4rem}.room p{color:var(--soft);line-height:1.55;max-width:26ch;margin:0 auto}
#how{padding:clamp(5rem,10vw,9rem) 0}
.sts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.st{background:#fff;border:1.5px solid var(--line);border-radius:28px;padding:2rem;text-align:center}
.st b{display:inline-block;font-family:'DM Serif Display',serif;font-style:italic;font-weight:400;font-size:1.3rem;color:#6d8a5f;border-bottom:1.5px solid #6d8a5f;margin-bottom:1rem}
.st h3{font-size:2rem;margin-bottom:.5rem}.st p{color:var(--soft);line-height:1.6}
#buyers{padding:0 0 clamp(5rem,10vw,9rem)}
.bb{background:var(--ink);color:var(--cr);border-radius:40px;padding:clamp(2rem,6vw,5rem)}.bb .k{color:var(--lemon)}
.bb h2{font-size:clamp(2.4rem,5vw,4.8rem);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{border:1.5px solid rgba(251,245,230,.25);border-radius:24px;padding:1.4rem}
.fa b{display:block;font-family:'DM Serif Display',serif;font-weight:400;font-size:clamp(2rem,3.6vw,3.4rem);color:var(--lemon)}.fa span{opacity:.8}
.secs{display:flex;flex-wrap:wrap;gap:.5rem}.secs span{border:1.5px solid rgba(251,245,230,.3);border-radius:999px;padding:.5rem 1rem}
.cta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2.6rem}.bb .btn{background:var(--lemon);color:var(--ink)}.bb .btn.ghost{background:transparent;color:var(--cr)}
@media (max-width:900px){#hd nav{display:none}.win{clip-path:inset(12vh 5vw 40vh 5vw round 40vw 40vw 18px 18px)!important}.p1{max-width:none;top:auto;bottom:6vh;transform:none;inset-inline-end:1.4rem}.bw{grid-template-columns:1fr}.rooms{grid-template-columns:1fr 1fr}.sts{grid-template-columns:1fr}.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}