@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,600;1,700&display=swap');
:root{--ink:#071a1d;--ink2:#0b2426;--cream:#e9eddf;--muted:#a9b8aa;--lime:#c4dc82;--line:rgba(231,241,221,.15);--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif;--serif:'Playfair Display',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.topbar{height:82px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;z-index:5;top:0;left:0;width:100%}.brand{display:flex;align-items:center;gap:11px;color:var(--cream);font-size:13px;font-weight:800;letter-spacing:.19em;text-decoration:none}.brand-mark{width:30px;height:30px;border:1px solid var(--lime);color:var(--lime);display:grid;place-items:center;font-family:var(--serif);font-size:19px;font-style:italic}.brand-dot{color:var(--lime)}nav{display:flex;gap:38px}nav a,.nav-cta{color:#d1d9cd;text-decoration:none;font-size:11px;letter-spacing:.08em;transition:color .2s}nav a:hover,.nav-cta:hover{color:var(--lime)}.nav-cta{border:1px solid var(--line);padding:12px 17px}.nav-cta span{color:var(--lime);margin-left:12px}
.hero{min-height:790px;height:100vh;max-height:1000px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:120px 10vw 80px;background:radial-gradient(ellipse at 70% 55%,#1c4140 0%,#102d2e 34%,#071a1d 73%);overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(transparent,var(--ink));pointer-events:none}.hero-copy{z-index:2;max-width:570px}.eyebrow,.section-kicker,.tiny-note,.hero-note,.hero-stats span,.floating-label,.vertical-caption,.scroll-cue,.ingredient-visual>span,.amount,.step-copy>span,.progress-meta,.serve-tags,.footer-coordinate{font-family:var(--mono);letter-spacing:.13em;font-size:9px}.eyebrow{color:var(--lime);display:flex;align-items:center;gap:12px}.eyebrow-line{height:1px;width:30px;background:var(--lime)}h1{font-size:clamp(70px,8.7vw,132px);line-height:.91;letter-spacing:-.075em;margin:32px 0 26px;font-weight:600}h1 em,h2 em{font-family:var(--serif);font-weight:600;color:var(--lime);letter-spacing:-.06em}.hero-intro{max-width:410px;color:#b8c6b9;font-size:14px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:36px}.button{padding:16px 22px;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.06em;display:inline-flex;gap:28px;align-items:center;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--lime);color:#102423}.button-primary span{font-size:18px}.hero-note{color:#a4b5a8;font-size:8px}.hero-note i{color:var(--lime);font-style:normal;padding:0 5px}.hero-stats{display:flex;gap:42px;margin-top:76px}.hero-stats div{display:flex;flex-direction:column;gap:7px}.hero-stats strong{font-family:var(--serif);font-size:27px;font-weight:600;color:var(--lime)}.hero-stats span{font-size:8px;color:#92a69a}
.hero-art{height:650px;position:relative;display:flex;align-items:center;justify-content:center}.sun-glow{position:absolute;width:440px;height:440px;border-radius:50%;background:#a7c27b;opacity:.13;filter:blur(85px);top:100px;left:50%;transform:translateX(-50%);animation:breathe 6s ease-in-out infinite}.mountain{position:absolute;bottom:70px;width:120%;height:300px;clip-path:polygon(0 100%,0 73%,17% 32%,28% 58%,47% 4%,64% 57%,76% 23%,100% 76%,100% 100%)}.mountain-back{background:linear-gradient(135deg,#2c5951,#173a39);opacity:.75;transform:translateY(-35px) scale(1.1)}.mountain-front{background:linear-gradient(145deg,#183b39,#0a2426);height:250px;clip-path:polygon(0 100%,0 70%,19% 35%,35% 66%,54% 14%,73% 65%,88% 31%,100% 75%,100% 100%)}.stars{position:absolute;top:95px;right:7%;color:#d9e7b6;opacity:.6;letter-spacing:10px;font-size:13px}.drink-glass{position:relative;z-index:2;width:min(360px,70%);height:auto;filter:drop-shadow(0 35px 28px rgba(0,0,0,.38));animation:float 6s ease-in-out infinite}.glass-shadow{position:absolute;z-index:1;width:230px;height:25px;bottom:98px;background:#020c0e;filter:blur(17px);border-radius:50%}.floating-label{position:absolute;z-index:3;color:#dbe6d1;background:rgba(6,25,26,.55);border:1px solid rgba(220,239,211,.25);padding:12px 15px;font-size:8px;backdrop-filter:blur(8px)}.label-top{top:170px;right:0}.label-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--lime)}.label-bottom{bottom:145px;left:0}.label-bottom b{color:var(--lime);padding:0 5px}.vertical-caption{position:absolute;right:-25px;top:48%;writing-mode:vertical-rl;color:#8ba39a;font-size:8px}.scroll-cue{position:absolute;bottom:32px;left:10vw;z-index:3;color:#92a69a;font-size:8px;display:flex;align-items:center;gap:12px}.scroll-cue span{height:32px;width:1px;background:var(--lime)}
.section-wrap{max-width:1120px;margin:auto;padding-left:40px;padding-right:40px}.story{padding-top:125px;padding-bottom:110px}.section-kicker{color:var(--lime);font-size:9px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:42px 0 80px}h2{font-size:clamp(45px,6vw,76px);line-height:1.03;letter-spacing:-.065em;font-weight:600;margin:0}h2 em{font-weight:600}.story-text{max-width:460px;padding-top:5px}.story-text p,.recipe-heading p,.method-head>p,.serve-copy>p{font-size:13px;line-height:2;color:#aebdb1;margin:0 0 18px}.story-text p:first-child{font-size:16px;color:#d7e0d3}.tiny-note{color:var(--lime);font-size:8px;display:inline-block;margin-top:15px}.feature-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.feature-strip>div{padding:27px 28px;border-right:1px solid var(--line);display:grid;grid-template-columns:28px 1fr;gap:5px 10px}.feature-strip>div:last-child{border:0}.feature-strip span{grid-row:span 2;font:10px var(--mono);color:var(--lime)}.feature-strip b{font-size:11px;letter-spacing:.12em}.feature-strip small{font-size:10px;color:#8fa398}
.recipe-section{background:#e8ecdf;color:#102523;padding:110px 0 120px;position:relative}.recipe-section .section-kicker{color:#55766a}.recipe-heading{display:flex;align-items:end;justify-content:space-between;margin:38px 0 55px}.recipe-heading h2 em{color:#60866b}.recipe-heading p{color:#65796e;max-width:340px;margin-top:20px}.servings-control{text-align:center;border-left:1px solid rgba(16,37,35,.18);padding-left:36px}.servings-control>span,.servings-control small{font:8px var(--mono);letter-spacing:.15em;color:#65796e}.stepper{display:flex;align-items:center;gap:22px;margin:12px 0}.stepper button{border:1px solid rgba(16,37,35,.25);background:transparent;width:31px;height:31px;border-radius:50%;font-size:17px;color:#183d35;cursor:pointer;transition:.2s}.stepper button:hover{background:#183d35;color:#e8ecdf}.stepper strong{font:26px var(--serif);min-width:20px}.ingredients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ingredient-card{background:#f2f3eb;min-width:0;box-shadow:0 8px 25px rgba(28,55,43,.04);transition:transform .3s,box-shadow .3s}.ingredient-card:hover{transform:translateY(-7px);box-shadow:0 18px 35px rgba(28,55,43,.12)}.ingredient-visual{height:205px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#dfe6d5,#edf0e6)}.ingredient-visual>span{position:absolute;top:15px;left:16px;color:#73877a}.bottle{width:57px;height:135px;border-radius:10px 10px 8px 8px;position:relative;box-shadow:inset 8px 0 9px #ffffff44,8px 15px 15px #152b2420;display:flex;align-items:center;justify-content:center}.bottle:before{content:"";position:absolute;top:-17px;left:19px;width:19px;height:20px;border-radius:3px 3px 0 0;background:#b8c5ad}.bottle-aqua{background:linear-gradient(90deg,#4a806f,#9ebc8c 40%,#4c7968);transform:rotate(-5deg)}.bottle-vodka{background:linear-gradient(90deg,#a9c4bd,#f4f7e9 48%,#a6bcb2);height:145px;transform:rotate(5deg)}.bottle i{font:7px var(--mono);font-style:normal;text-align:center;color:#f3f2db;letter-spacing:.05em;background:#193b35a8;padding:8px 3px;width:100%}.bottle-vodka i{background:#e1e9dc;color:#25443b}.lime-art{width:115px;height:115px;border-radius:50%;background:radial-gradient(circle,#d9e9a7 0 10%,#9bbf62 11% 62%,#edf1c9 63% 67%,#85a95d 68%);box-shadow:8px 13px 20px #31452a24;transform:rotate(-25deg);position:relative}.lime-art:after{content:"";position:absolute;inset:13px;border:1px solid #eaf0c5;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0 58deg,#eff2ce 59deg 61deg)}.lime-art b{position:absolute;inset:50%;width:9px;height:9px;background:#f4f0cb;border-radius:50%;z-index:2;transform:translate(-50%,-50%)}.soda-visual{background:linear-gradient(145deg,#dce9d9,#eaf0e3)}.can{width:67px;height:120px;border-radius:9px 9px 13px 13px;background:linear-gradient(90deg,#9dbb80,#e1eab9 35%,#8aa96f);box-shadow:8px 13px 15px #152b2420;display:grid;place-items:center;transform:rotate(-5deg);border-top:5px solid #b8c5b0;border-bottom:5px solid #a1b68b}.can b{font:8px var(--mono);text-align:center;color:#315345;letter-spacing:.08em}.bubbles{position:absolute;inset:0}.bubbles i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;opacity:.7;animation:rise 4s linear infinite}.bubbles i:nth-child(1){left:25%;bottom:15%}.bubbles i:nth-child(2){left:75%;bottom:20%;animation-delay:1s}.bubbles i:nth-child(3){left:20%;bottom:50%;animation-delay:2s}.bubbles i:nth-child(4){left:80%;bottom:65%;animation-delay:.5s}.bubbles i:nth-child(5){left:65%;bottom:10%;animation-delay:1.7s}.bubbles i:nth-child(6){left:38%;bottom:80%;animation-delay:2.5s}.ingredient-info{padding:19px 17px 22px}.ingredient-info>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.ingredient-info h3{font-size:14px;margin:0}.amount{font-size:10px;color:#5c7d68;white-space:nowrap;letter-spacing:.04em}.ingredient-info p{font-size:10px;color:#78897e;line-height:1.7;margin:10px 0 0}.pantry-note{margin-top:23px;display:flex;align-items:center;gap:14px;border-top:1px solid rgba(16,37,35,.15);padding-top:20px;color:#65796e}.note-icon{color:#688e69;font-size:20px}.pantry-note p{font-size:11px;margin:0}.pantry-note b{color:#193d34}
.method{padding-top:125px;padding-bottom:120px}.method-head{display:flex;justify-content:space-between;align-items:end;margin:38px 0 55px}.method-head h2 em{color:#c4dc82}.method-head>p{max-width:310px;margin:0 0 7px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:90px 1fr 60px;align-items:center;padding:27px 12px;border-bottom:1px solid var(--line);opacity:.5;transition:opacity .3s,background .3s}.step.active{opacity:1;background:linear-gradient(90deg,rgba(196,220,130,.08),transparent 75%)}.step-number{font:11px var(--mono);color:var(--lime)}.step-copy h3{font:600 22px var(--serif);margin:0 0 8px}.step-copy p{font-size:12px;color:#9fb0a3;margin:0 0 10px;line-height:1.7}.step-copy>span{font-size:8px;color:#c4dc82}.step-icon{font-size:26px;color:#c4dc82;text-align:center;transition:transform .3s}.step.active .step-icon{transform:rotate(-35deg) scale(1.15)}.progress-wrap{max-width:600px;margin:40px auto 0}.progress-meta{display:flex;justify-content:space-between;color:#8da297;font-size:8px}.progress-meta span:last-child{color:var(--lime)}.progress-track{height:2px;background:#28413c;margin:14px 0 25px}.progress-track span{display:block;width:25%;height:100%;background:var(--lime);transition:width .4s}.next-step{display:block;margin:auto;border:1px solid #60796a;background:transparent;color:var(--cream);padding:13px 22px;font:10px var(--sans);letter-spacing:.08em;cursor:pointer;transition:.2s}.next-step:hover{background:var(--lime);border-color:var(--lime);color:#102523}.next-step span{color:var(--lime);margin-left:20px}.next-step:hover span{color:#102523}
.serve-section{min-height:450px;background:linear-gradient(110deg,#173c38,#0b2527);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px 12vw;gap:10vw;overflow:hidden}.serve-art{height:300px;position:relative;display:grid;place-items:center}.serve-orbit{width:260px;height:260px;border:1px solid #9fbd83a0;border-radius:50%;box-shadow:0 0 80px #b2ce7c19,inset 0 0 70px #b2ce7c10;position:absolute}.serve-orbit:before,.serve-orbit:after{content:"";position:absolute;border:1px solid #9fbd8350;border-radius:50%;inset:20px}.serve-orbit:after{inset:-18px;transform:rotate(35deg) scaleY(.35)}.serve-glass{width:135px;height:185px;border:2px solid #d8e7cb;border-top:3px solid #f2f5dd;border-radius:5px 5px 28px 28px;display:grid;place-items:center;color:#d4e7b5;font-size:35px;background:linear-gradient(160deg,#e6f0c51b,#a6ca8c40);box-shadow:inset 10px 0 15px #fff1,0 25px 35px #0003;transform:perspective(300px) rotateY(-12deg);z-index:1}.serve-caption{position:absolute;bottom:4px;right:5%;font:10px var(--mono);letter-spacing:.2em;color:var(--lime)}.serve-copy h2{margin:28px 0}.serve-copy h2 em{color:var(--lime)}.serve-copy>p{max-width:390px}.serve-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.serve-tags span{font-size:7px;border:1px solid #527268;padding:8px 10px;color:#c6d5c7}
.responsible{padding-top:85px;padding-bottom:85px;display:flex;align-items:flex-start;gap:25px}.responsible-mark{width:35px;height:35px;flex:none;border:1px solid #8b9c80;border-radius:50%;display:grid;place-items:center;color:var(--lime);font-family:var(--serif);font-size:19px}.responsible .section-kicker{font-size:8px}.responsible h3{font:600 21px var(--serif);margin:13px 0 8px}.responsible p{font-size:10px;line-height:1.8;color:#91a398;max-width:720px;margin:0}
.footer{min-height:115px;border-top:1px solid var(--line);padding:30px 7vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p{font:italic 13px var(--serif);color:#b5c5b2;text-align:center}.footer-coordinate{color:#728a7e;font-size:8px}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}@keyframes breathe{0%,100%{opacity:.11;transform:translateX(-50%) scale(.95)}50%{opacity:.2;transform:translateX(-50%) scale(1.08)}}@keyframes rise{0%{transform:translateY(0);opacity:0}30%{opacity:.8}100%{transform:translateY(-90px);opacity:0}}
@media(max-width:900px){.hero{padding-left:7vw;padding-right:7vw;min-height:740px}.hero-art{transform:scale(.9);margin-left:-25px}.hero-stats{gap:23px}.ingredients-grid{grid-template-columns:repeat(2,1fr)}.serve-section{padding-left:7vw;padding-right:7vw;gap:5vw}}
@media(max-width:650px){.topbar{height:68px;padding:0 6vw}nav{display:none}.nav-cta{padding:10px 12px}.hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;align-items:stretch;padding:130px 7vw 70px}.hero-copy{max-width:none}.eyebrow{font-size:7px}.hero h1{font-size:clamp(68px,17vw,100px);margin-top:25px}.hero-intro{font-size:12px;max-width:330px}.hero-actions{gap:14px;flex-wrap:wrap}.hero-note{font-size:7px}.hero-stats{margin-top:45px;gap:27px}.hero-art{height:460px;margin:5px -6vw -10px;transform:none}.drink-glass{width:270px}.mountain{bottom:35px;height:230px}.mountain-front{height:190px}.label-top{top:65px;right:7%}.label-bottom{bottom:68px;left:7%}.vertical-caption{right:5px}.scroll-cue{display:none}.section-wrap{padding-left:7vw;padding-right:7vw}.story{padding-top:85px;padding-bottom:80px}.story-grid{grid-template-columns:1fr;gap:22px;margin:30px 0 45px}.story-text p:first-child{font-size:14px}.feature-strip>div{padding:18px 10px;grid-template-columns:20px 1fr;gap:5px}.feature-strip b{font-size:9px}.feature-strip small{font-size:8px;line-height:1.5}.recipe-section{padding:80px 0}.recipe-heading{align-items:start;gap:25px;flex-direction:column;margin:30px 0}.recipe-heading p{font-size:12px}.servings-control{display:flex;align-items:center;gap:15px;border-left:0;border-top:1px solid #9eafa0;padding:15px 0 0;width:100%;text-align:left}.servings-control small{display:none}.stepper{margin:0 0 0 auto}.ingredients-grid{gap:9px}.ingredient-visual{height:155px}.ingredient-info{padding:14px 11px 17px}.ingredient-info h3{font-size:12px}.ingredient-info p{font-size:9px}.amount{font-size:9px}.bottle{transform:scale(.85)}.lime-art{transform:scale(.8) rotate(-25deg)}.can{transform:scale(.85) rotate(-5deg)}.pantry-note p{font-size:10px}.method{padding-top:85px;padding-bottom:85px}.method-head{display:block;margin:30px 0}.method-head>p{margin-top:20px}.step{grid-template-columns:42px 1fr 30px;padding:22px 4px}.step-copy h3{font-size:18px}.step-copy p{font-size:10px}.step-icon{font-size:19px}.serve-section{grid-template-columns:1fr;padding:65px 7vw 75px;gap:25px}.serve-art{height:230px}.serve-orbit{width:205px;height:205px}.serve-glass{width:110px;height:150px}.serve-copy h2{font-size:55px}.responsible{padding-top:60px;padding-bottom:60px;gap:15px}.responsible h3{font-size:18px}.footer{padding:28px 7vw;flex-direction:column;gap:14px}.footer p{font-size:12px;margin:0}.footer-coordinate{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.reveal-ready{opacity:.01;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}
.reveal-ready.in-view{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}}