:root{--k:#111;--k2:#1b1b1b;--y:#7dc243;--ink:#f4f2ea;--soft:#a7a49b;--line:rgba(255,255,255,.12);
--pbg:#111;--pfg:#f4f2ea;--pacc:#7dc243;--paccfg:#111;--pfd:'Barlow Condensed',sans-serif;--pfb:'Barlow',sans-serif;--pfdw:800;--ptrack:0;--prad:0px;--ppill:0px;--pcard:#1b1b1b;--pfam:#7dc243;--pfamfg:#111}
*{box-sizing:border-box;margin:0;padding:0}html{background:var(--k)}body{background:var(--k);color:var(--ink);font-family:'Barlow',system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
[dir=rtl] body,[dir=rtl] .gf{font-family:'Cairo','Barlow',sans-serif}
body.loading{overflow:hidden}img{display:block;max-width:100%}a{color:inherit}
h1,h2,h3,.lab,.tag,.btn,.st b{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-weight:800;letter-spacing:.01em}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:'Cairo',sans-serif;font-weight:800}
.w{width:min(1320px,100% - 3rem);margin:0 auto}
.lab{display:inline-block;background:var(--y);color:var(--k);padding:.3rem .6rem;font-size:.9rem;letter-spacing:.06em}
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 1.6rem;background:var(--y);color:var(--k);text-decoration:none;font-size:1.15rem;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);transition:background .2s}
.btn:hover{background:#fff}.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);clip-path:none}
#ld{position:fixed;inset:0;z-index:100;background:var(--k);display:grid;place-items:center;align-content:center;gap:1.4rem}#ld img{height:44px;width:auto}
.ld-l{width:200px;height:6px;background:repeating-linear-gradient(-45deg,#333 0 8px,#222 8px 16px)}.ld-l i{display:block;height:100%;width:0;background:repeating-linear-gradient(-45deg,var(--y) 0 8px,var(--k) 8px 16px);transition:width .2s}
#hd{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.9rem clamp(1rem,3vw,2.4rem);background:var(--k);border-bottom:4px solid var(--y)}
#hd .lg img{height:30px;width:auto}#hd nav{display:flex;gap:1.6rem;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;font-size:1rem;letter-spacing:.04em}#hd nav a{text-decoration:none}#hd nav a:hover{color:var(--y)}
#hd .hr{display:flex;gap:1rem;align-items:center}#hd .btn{padding:.6rem 1rem;font-size:.95rem}.lng{text-decoration:none;font-weight:600}
#film{height:520vh;position:relative}
.stk{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}#fc{position:absolute;inset:0;width:100%;height:100%}
.shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%)}
.tx{position:absolute;inset-inline-start:clamp(1.2rem,5vw,5rem);bottom:clamp(3rem,10vh,7rem);max-width:min(900px,90vw)}
.p1 h1{font-size:clamp(3.6rem,10vw,10.5rem);line-height:.84;margin-top:1rem}.p1 h1 span{display:block}
.y{color:var(--y)}
.p2 p{background:var(--k);border-inline-start:8px solid var(--y);padding:1.4rem 1.8rem;font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.4;font-weight:500;max-width:36ch}
.p3 h2{font-size:clamp(3rem,7.4vw,7.6rem);line-height:.86;margin-bottom:1.8rem}
.p2,.p3{opacity:0;visibility:hidden}
.haz{height:22px;background:repeating-linear-gradient(-45deg,var(--y) 0 22px,var(--k) 22px 44px)}
#bottle{background:var(--y);color:var(--k);padding:clamp(5rem,10vw,9rem) 0;overflow:hidden}
.bw{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.bv{position:relative;height:min(70vh,660px);display:grid;place-items:center}
.bv::before{content:'';position:absolute;width:78%;aspect-ratio:1;background:var(--k);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.bimg{position:absolute;left:0;right:0;top:6%;margin:0 auto;height:88%;width:auto;filter:drop-shadow(18px 22px 0 rgba(0,0,0,.25))}
.bx h2{font-size:clamp(2.8rem,5.4vw,5.4rem);line-height:.88;margin-bottom:1.4rem}.bx>p{font-size:1.08rem;line-height:1.65;max-width:54ch;font-weight:500}
.plate{position:relative;margin-top:2rem;background:linear-gradient(145deg,#2a2a2a,#161616);color:var(--ink);padding:1.6rem 2rem;border-radius:6px;display:grid;grid-template-columns:1fr 1fr;gap:.2rem 2rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 16px 30px -12px rgba(0,0,0,.5)}
.plate div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px dashed rgba(255,255,255,.18)}
.plate dt{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--y);font-weight:700}.plate dd{font-weight:600;text-align:end}
.plate .r{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#aaa,#444)}.r1{top:8px;left:8px}.r2{top:8px;right:8px}.r3{bottom:8px;left:8px}.r4{bottom:8px;right:8px}
.ing{margin-top:1.4rem}.ing b{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:1rem;letter-spacing:.06em}.ing ul{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.ing li{border:2px solid var(--k);padding:.25rem .6rem;font-weight:600;font-size:.88rem}
#uses,#how{padding:clamp(5rem,10vw,9rem) 0}
.sh{font-size:clamp(3rem,8vw,8rem);line-height:.84;margin-bottom:3rem}
.jobs{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.job{background:var(--k2);position:relative;overflow:hidden}
.job .ph{aspect-ratio:3/4;overflow:hidden}.job img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1);filter:saturate(.9) contrast(1.05)}
.job:hover img{transform:scale(1.08)}
.tag{position:absolute;top:1rem;inset-inline-start:1rem;background:var(--y);color:var(--k);padding:.25rem .55rem;font-size:.9rem}
.job h3{font-size:1.8rem;line-height:.95;padding:1.2rem 1.2rem .4rem}.job p{padding:0 1.2rem 1.4rem;color:var(--soft);line-height:1.5}
#how{background:var(--k2)}
.sts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.st{background:var(--k);padding:2.2rem;border-top:6px solid var(--y)}
.st i{display:block;width:64px;height:64px;margin-bottom:1.4rem}.st i svg{width:100%;height:100%;fill:none;stroke:var(--y);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}
.st b{color:var(--y);font-size:1.1rem;letter-spacing:.08em}.st h3{font-size:2.4rem;line-height:.95;margin:.6rem 0}.st p{color:var(--soft);line-height:1.6}
#buyers{padding:clamp(5rem,10vw,9rem) 0}
#buyers h2{font-size:clamp(3rem,8vw,8rem);line-height:.84;margin:1.2rem 0 1.4rem;max-width:14ch}.lead{font-size:1.2rem;color:#cfcbc0;max-width:52ch;line-height:1.55}
.fas{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:3.4rem 0 2rem}
.fa{background:var(--k2);padding:1.6rem;border-bottom:6px solid var(--y)}.fa b{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(2.6rem,5vw,4.6rem);color:var(--y);line-height:1}.fa span{text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;font-weight:600;letter-spacing:.05em;color:var(--soft)}
.secs{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.secs li{border:2px solid var(--line);padding:.5rem .9rem;font-weight:600}
.cta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:3rem}
@media (max-width:900px){#hd nav{display:none}.bw{grid-template-columns:1fr}.bv{height:60vh}.plate{grid-template-columns:1fr}.jobs{grid-template-columns:1fr 1fr}.sts{grid-template-columns:1fr}.fas{grid-template-columns:1fr 1fr}.lng{display:none}}
@media (max-width:560px){.jobs{grid-template-columns:1fr}}
/* rtl-lh */[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .sh,[dir=rtl] .big{line-height:1.25!important}

/* melt film */
#melt{height:460vh;position:relative;background:#000}
#mc,.mimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mshade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7),transparent 55%)}[dir=rtl] .mshade{background:linear-gradient(-90deg,rgba(0,0,0,.7),transparent 55%)}
.mh{position:absolute;top:clamp(6rem,14vh,9rem);inset-inline-start:clamp(1.2rem,5vw,5rem);font-size:clamp(2.6rem,6vw,6rem);line-height:.86;max-width:12ch}
.ms{position:absolute;inset-inline-start:clamp(1.2rem,5vw,5rem);bottom:clamp(3rem,10vh,6rem);max-width:min(520px,86vw);opacity:0;visibility:hidden}
.ms em{display:inline-block;background:var(--y);color:var(--k);font-family:'Barlow Condensed',sans-serif;font-weight:800;font-style:normal;padding:.2rem .5rem;margin-bottom:.8rem}
.ms h3{font-size:clamp(2.2rem,4.4vw,4rem);line-height:.9;margin-bottom:.6rem}.ms p{font-size:1.15rem;color:#e0ddd4;line-height:1.5}
.mbar{position:absolute;left:0;bottom:0;height:6px;width:0;background:var(--y)}