:root{--bg: #050506;--bg-2: #0b0b10;--gold: #f5c84c;--gold-dim: #b98f2e;--violet: #b97bff;--cyan: #6be2ff;--text: #f4f2ec;--text-dim: rgba(244, 242, 236, .62);--font-display: "Marhey", system-ui, sans-serif;--font-body: "Cairo", system-ui, sans-serif;--font-latin: "Ubuntu", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:initial}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}::selection{background:var(--gold);color:#000}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-track{background:#0a0a0c}body::-webkit-scrollbar-thumb{background:#3a3323;border-radius:3px}.hero-video-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero-video-wrap video{width:100%;height:100%;object-fit:cover;filter:saturate(1.1) contrast(1.05)}.hero-video-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 65% at 50% 40%,transparent 0%,rgba(5,5,6,.55) 75%),linear-gradient(to bottom,#05050659,#0505061a 35%,#050506d9 92%)}.canvas-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,4vw,56px);mix-blend-mode:normal;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);background:#05050673;border-bottom:1px solid rgba(245,200,76,.08)}.nav-logo{font-family:var(--font-latin);font-weight:700;font-size:26px;letter-spacing:.06em;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:10px;direction:ltr}.nav-logo .crown{color:var(--gold);font-size:18px;transform:translateY(-2px)}.nav-logo b{color:var(--gold)}.nav-cta{pointer-events:auto;font-family:var(--font-display);font-size:15px;font-weight:400;letter-spacing:.04em;color:#050506;background:linear-gradient(135deg,#ffe9a3,var(--gold) 55%,#d8a52f);border:none;padding:12px 26px;border-radius:999px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 0 24px #f5c84c40}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 0 40px #f5c84c80}main{position:relative;z-index:1}section{position:relative;padding:0 clamp(20px,5vw,72px)}.kicker{font-family:var(--font-display);font-size:clamp(13px,1.3vw,17px);font-weight:400;letter-spacing:.08em;color:var(--gold);margin-bottom:18px}.headline{font-family:var(--font-display);font-weight:400;line-height:1.1;letter-spacing:.01em;font-size:clamp(42px,7vw,110px)}.body-copy{color:var(--text-dim);font-size:clamp(15px,1.25vw,19px);line-height:1.7;font-weight:300;max-width:46ch}.hero{height:165vh}.hero-inner{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:9vh;text-align:center}.hero-title{font-family:var(--font-latin);font-weight:700;font-size:clamp(88px,17vw,260px);line-height:.9;letter-spacing:.02em;filter:drop-shadow(0 6px 40px rgba(245,200,76,.28));-webkit-user-select:none;user-select:none;direction:ltr;unicode-bidi:bidi-override}.hero-title .ch{display:inline-block;background:linear-gradient(180deg,#fff6d8 8%,var(--gold) 55%,#8a6414 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-tag{margin-top:14px;font-family:var(--font-display);font-size:clamp(18px,2.4vw,28px);font-weight:400;letter-spacing:.08em;color:var(--text)}.hero-scroll-hint{margin-top:42px;font-size:13px;letter-spacing:.1em;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:12px}.hero-scroll-hint:after{content:"";width:1px;height:46px;background:linear-gradient(to bottom,var(--gold),transparent);animation:dropline 1.8s ease-in-out infinite}@keyframes dropline{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.story{background:linear-gradient(to bottom,transparent,var(--bg) 12%,var(--bg));padding-top:16vh;padding-bottom:6vh}.story-head{max-width:1300px;margin:0 auto 10vh}.flavor-block{min-height:100vh;display:flex;align-items:center;max-width:1300px;margin:0 auto}.flavor-copy{width:min(520px,100%)}.flavor-index{font-family:var(--font-display);font-size:15px;letter-spacing:.1em;color:var(--text-dim);margin-bottom:14px}.flavor-name{font-family:var(--font-display);font-size:clamp(40px,5.4vw,84px);font-weight:400;line-height:1.15}.flavor-sub{font-family:var(--font-display);letter-spacing:.08em;font-size:clamp(14px,1.3vw,18px);margin:16px 0 22px}.flavor-tagline{color:var(--text-dim);font-weight:300;font-size:clamp(14px,1.2vw,18px);line-height:1.7;max-width:40ch}.flavor-card{margin-top:34px;width:min(190px,40vw);border-radius:18px;overflow:hidden;border:1px solid rgba(245,200,76,.15);background:#0c0c1059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 30px 60px #0000008c,inset 0 1px #ffffff0f}.flavor-card img{display:block;width:100%;height:auto}.ingredients{min-height:220vh;background:radial-gradient(ellipse 70% 40% at 35% 45%,rgba(90,60,160,.18),transparent 70%),var(--bg);display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:22vh}.ingredients-head{max-width:900px}.ing-grid{margin:24vh auto 18vh 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(680px,100%)}.ing-item{border:1px solid rgba(244,242,236,.08);background:#0c0c1066;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-radius:20px;padding:30px 26px;text-align:right;transition:border-color .3s ease,box-shadow .3s ease;box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff0a}.ing-item:hover{border-color:#f5c84c73}.ing-item .num{font-family:var(--font-display);color:var(--gold);font-size:14px;letter-spacing:.08em}.ing-item h3{font-family:var(--font-display);font-size:22px;letter-spacing:.02em;margin:14px 0 10px}.ing-item p{color:var(--text-dim);font-size:14px;font-weight:300;line-height:1.65}.brand{background:var(--bg);padding-top:14vh;padding-bottom:14vh}.brand-head{max-width:1020px;margin:0 auto 9vh;text-align:center}.brand-video-frame{width:min(1020px,100%);margin:0 auto;border-radius:28px;overflow:hidden;border:1px solid rgba(245,200,76,.1);box-shadow:0 40px 120px #000000b3,0 0 80px #f5c84c14;position:relative}.brand-video-frame video{display:block;width:100%;height:auto}.brand-video-frame .frame-label{position:absolute;right:28px;bottom:22px;font-family:var(--font-display);letter-spacing:.15em;font-size:12px;color:#ffffffd9}.brand-gallery{margin:8vh auto 0;width:min(1020px,100%);display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.brand-card{position:relative;border-radius:24px;overflow:hidden;border:1px solid rgba(244,242,236,.08);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0c0c104d;box-shadow:0 16px 48px #00000059,inset 0 1px #ffffff0a}.brand-card img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.08)}.brand-card .card-caption{position:absolute;right:24px;bottom:20px;font-family:var(--font-display);letter-spacing:.15em;font-size:12px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.8)}.brand-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 45%)}.reveal{min-height:260vh;position:relative;background:linear-gradient(to bottom,var(--bg) 0%,rgba(5,5,6,.6) 30%,rgba(5,5,6,.75) 100%),url(/assets/scene-club.jpg) center 30% / cover no-repeat fixed}.reveal-sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding-bottom:10vh}.reveal-title{font-family:var(--font-display);font-weight:400;font-size:clamp(34px,6vw,92px);line-height:1.15;letter-spacing:.02em}.reveal-title .gold{background:linear-gradient(180deg,#fff6d8,var(--gold) 60%,#9a7118);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:var(--font-latin)}.reveal-sub{margin-top:20px;color:var(--text-dim);letter-spacing:.06em;font-size:clamp(13px,1.3vw,17px)}.reveal-cta{pointer-events:auto;margin-top:40px;font-family:var(--font-display);font-size:18px;font-weight:400;letter-spacing:.04em;color:#050506;background:linear-gradient(135deg,#fff3c4,var(--gold) 50%,#cf9c26);border:none;padding:20px 52px;border-radius:999px;cursor:pointer;box-shadow:0 0 60px #f5c84c59;transition:transform .25s ease,box-shadow .25s ease}.reveal-cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 90px #f5c84c99}footer{position:relative;z-index:3;background:#030304;border-top:1px solid rgba(245,200,76,.15);padding:34px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;color:var(--text-dim);font-size:13px;letter-spacing:.04em}footer .foot-logo{font-family:var(--font-latin);font-weight:700;font-size:18px;color:var(--text);direction:ltr;unicode-bidi:isolate}footer .foot-logo b{color:var(--gold)}.energy-line-wrap{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible;clip:rect(auto,auto,auto,auto)}.energy-svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:flex;align-items:center;justify-content:center}.preloader-content{text-align:center}.preloader-logo{display:flex;align-items:center;justify-content:center;gap:14px}.preloader-crown{font-size:38px;color:var(--gold);animation:pulse-crown 1.5s ease-in-out infinite}.preloader-brand{font-family:var(--font-latin);font-size:54px;font-weight:700;color:var(--text);letter-spacing:.06em;direction:ltr}.preloader-brand b{color:var(--gold)}.preloader-sub{margin-top:10px;font-family:var(--font-latin);font-size:12px;letter-spacing:.32em;color:var(--text-dim)}.preloader-bar{margin:34px auto 0;width:160px;height:2px;background:#f5c84c1f;border-radius:2px;overflow:hidden}.preloader-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold),#ffe9a3);transform-origin:left;transform:scaleX(0);border-radius:2px}.preloader-pct{margin-top:14px;font-family:var(--font-latin);font-size:13px;color:var(--text-dim);letter-spacing:.08em}@keyframes pulse-crown{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.flavor-picker{position:fixed;right:clamp(16px,3vw,40px);top:50%;transform:translateY(-50%);z-index:8;display:flex;flex-direction:column;gap:20px;opacity:0;pointer-events:none;transition:opacity .4s ease}.flavor-picker.fp-visible{opacity:1;pointer-events:auto}.fp-dot{position:relative;width:14px;height:14px;border-radius:50%;background:var(--fp-accent);border:2px solid rgba(255,255,255,.2);cursor:pointer;padding:0;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.fp-dot:hover{transform:scale(1.3);border-color:#ffffff80}.fp-active{transform:scale(1.4);border-color:var(--fp-accent);box-shadow:0 0 14px var(--fp-accent)}.fp-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid var(--fp-accent);opacity:0;transition:opacity .3s ease}.fp-active .fp-ring{opacity:.5;animation:fp-pulse 2s ease-in-out infinite}.fp-label{position:absolute;right:calc(100% + 14px);top:50%;transform:translateY(-50%);white-space:nowrap;font-family:var(--font-display);font-size:12px;color:var(--text);opacity:0;transition:opacity .2s ease;pointer-events:none}.fp-dot:hover .fp-label{opacity:1}@keyframes fp-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.6);opacity:0}}.split-ch{display:inline-block;will-change:transform,opacity}.magnetic{will-change:transform}@media (max-width: 767px){.hero{height:140vh}.hero-inner{padding-bottom:12vh}.flavor-block{min-height:92vh;align-items:flex-end;padding-bottom:10vh}.brand-gallery{grid-template-columns:1fr}.reveal{background-attachment:scroll}.ing-grid{margin:38vh 0 12vh;grid-template-columns:1fr;width:100%}.flavor-picker{right:10px;gap:16px}.fp-dot{width:12px;height:12px}.fp-label{display:none}}