:root{--ink:#260b18;--cream:#fff7e8;--paper:#ffeecd;--cherry:#8c1235;--orange:#ff6d1f;--yellow:#ffbd37;--green:#2a8f66}
[hidden]{display:none!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.045;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='.55'/%3E%3C/svg%3E")}
.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid #260b1829;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:900;letter-spacing:.07em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:var(--cherry);letter-spacing:-.08em;transform:rotate(-8deg)}.header-actions{display:flex;align-items:center;gap:28px}.availability{font-size:13px;display:flex;gap:9px;align-items:center}.availability i{width:9px;height:9px;border-radius:50%;background:#44a97e;box-shadow:0 0 0 5px #44a97e1f;animation:pulse 2s infinite}
.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;border:0;cursor:pointer;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-small{min-height:42px;padding:0 20px;border-radius:99px;font-size:13px}.button-ghost{border:1px solid #260b1859}.button-primary{background:var(--cherry);color:#fff;min-height:62px;padding:0 26px;border-radius:6px;box-shadow:0 12px 30px #8c12352e}.button-primary:hover{box-shadow:0 16px 36px #8c123545;background:#a1143d}
.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr)}.hero-copy{padding:clamp(62px,8vw,122px) clamp(24px,6.8vw,108px) 70px;display:flex;flex-direction:column;justify-content:center;position:relative}.hero-copy:after{content:"";position:absolute;width:110px;height:90px;right:1%;top:9%;background:radial-gradient(circle,var(--orange) 0 5px,transparent 6px) 0 0/22px 22px;opacity:.35;transform:rotate(10deg)}.eyebrow{color:var(--cherry);text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:900;margin:0 0 25px}.eyebrow span{border-bottom:2px solid var(--orange);padding-bottom:6px}h1{margin:0;font-size:clamp(72px,8.6vw,148px);line-height:.74;letter-spacing:-.075em;font-weight:950;text-transform:uppercase}h1 em{color:var(--cherry);font-style:normal;font-family:Georgia,serif;letter-spacing:-.08em}h1 sup{display:inline-block;color:var(--orange);font-size:.2em;letter-spacing:0;transform:rotate(-9deg) translate(10px,-48px)}.hero-lead{max-width:590px;margin:44px 0 0;font-size:clamp(18px,1.6vw,23px);line-height:1.45;color:#260b18b8}.hero-cta{display:flex;align-items:center;gap:24px;margin-top:38px}.price-note{font-size:13px;color:#260b188c}.hero-proof{display:flex;gap:14px;align-items:center;margin-top:45px;font-size:11px;letter-spacing:.13em;font-weight:800;text-transform:uppercase;color:#260b188a}.hero-proof b{color:var(--orange)}
.pour-scene{position:relative;overflow:hidden;background:#f8aa28;min-height:660px;border-left:1px solid #260b181a;isolation:isolate}.pour-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff2e,transparent 50%),repeating-linear-gradient(90deg,transparent 0 89px,#5313140b 90px 91px);z-index:-2}.sun-disc{position:absolute;width:480px;height:480px;border-radius:50%;left:50%;top:50%;transform:translate(-48%,-47%);background:#ffd86a;box-shadow:inset 0 0 0 55px #ffffff1a;z-index:-1}.scene-label{position:absolute;top:38px;right:38px;padding:10px 16px;border:1px solid #260b1847;border-radius:99px;font:italic 18px Georgia,serif;transform:rotate(5deg)}.pitcher-wrap{position:absolute;width:min(48vw,530px);left:-1%;top:5%;transform-origin:76% 30%;animation:pourTilt 6.4s cubic-bezier(.65,0,.35,1) infinite;filter:drop-shadow(0 28px 24px #571a1438);z-index:4}.pitcher{display:block;width:100%;height:auto}.stream{position:absolute;z-index:3;width:28px;height:300px;left:38%;top:37%;border-radius:40% 40% 48% 48%;background:linear-gradient(90deg,#9d1236,#dd315b 45%,#8e0b2d 92%);transform-origin:top;transform:rotate(-4deg) scaleY(0);opacity:0;animation:streamFlow 6.4s ease-in-out infinite;filter:drop-shadow(7px 4px 5px #6108222e)}.stream span{position:absolute;width:5px;top:8px;bottom:8px;left:8px;border-radius:10px;background:#ffe6d459}.glass-wrap{position:absolute;left:32%;bottom:8%;width:min(29vw,300px);height:min(42vw,420px);z-index:5}.glass{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;filter:drop-shadow(0 24px 18px #5c1d1638)}.liquid{position:absolute;z-index:1;left:17%;right:17%;bottom:9%;height:69%;border-radius:9% 9% 24% 24%;overflow:hidden;background:linear-gradient(90deg,#88122e,#c71947 35%,#df3157 60%,#8f0d30);transform-origin:bottom;transform:scaleY(.05);animation:glassFill 6.4s ease-in-out infinite;box-shadow:inset 12px 0 #ffffff14}.bubble{position:absolute;border:2px solid #ffebda8c;border-radius:50%;animation:bubbleRise 2.1s linear infinite}.b1{width:13px;height:13px;left:30%;bottom:10%}.b2{width:8px;height:8px;left:67%;bottom:26%;animation-delay:.8s}.berry{position:absolute;width:25px;height:25px;background:#6f0827;border-radius:46% 54% 51% 49%;bottom:8%;box-shadow:inset 5px 4px #ffffff1f}.r1{left:24%;transform:rotate(20deg)}.r2{right:19%;width:19px;height:19px}.splash{position:absolute;width:12px;height:25px;border-radius:50%;background:var(--cherry);opacity:0;z-index:6;animation:splash 6.4s infinite}.s1{left:36%;bottom:44%;transform:rotate(24deg)}.s2{left:52%;bottom:49%;animation-delay:.1s}.scene-caption{position:absolute;bottom:32px;right:34px;margin:0;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;writing-mode:vertical-rl}
.ticker{background:var(--cherry);color:#ffd6a5;overflow:hidden;border-block:1px solid var(--ink);transform:rotate(-1deg) scale(1.02);position:relative;z-index:8}.ticker div{display:flex;align-items:center;gap:36px;width:max-content;padding:16px 0;font-weight:900;letter-spacing:.13em;animation:ticker 22s linear infinite}.ticker i{color:var(--orange);font-style:normal}.section-shell{padding:120px clamp(24px,6vw,96px)}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:55px}h2{margin:0;font-size:clamp(42px,5vw,78px);line-height:.95;letter-spacing:-.055em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{min-height:390px;padding:32px;display:flex;flex-direction:column;position:relative;border:1px solid #260b1838;transition:transform .3s}.card:hover{transform:translateY(-8px) rotate(-.6deg)}.card-number{font:italic 20px Georgia,serif;opacity:.65}.card-icon{position:absolute;right:28px;top:22px;font-size:38px}.card h3{margin:auto 0 18px;font-size:31px;letter-spacing:-.04em}.card p{margin:0;max-width:340px;line-height:1.6;opacity:.73}.card-cherry{background:var(--cherry);color:#fff}.card-cream{background:var(--paper)}.card-orange{background:var(--orange)}
.deal{padding-top:40px}.deal-panel{background:var(--ink);color:#fff;padding:clamp(34px,6vw,86px);display:grid;grid-template-columns:1.05fr .95fr;gap:70px;position:relative;overflow:hidden}.deal-panel:after{content:"КОМПОТ";position:absolute;right:-55px;bottom:-50px;font-size:160px;font-weight:950;color:#ffffff0a;transform:rotate(-8deg)}.eyebrow-light{color:#ffb749}.deal-panel ol{list-style:none;margin:0;padding:0;display:grid}.deal-panel li{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #ffffff2b;align-items:center}.deal-panel li span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--orange);color:var(--ink);font-weight:900}.deal-panel li p{margin:0;color:#ffffffa6;line-height:1.5}.deal-panel li strong{display:block;color:#fff}.button-light{background:var(--cream);color:var(--ink);min-height:62px;padding:0 28px;align-self:end;justify-self:start;border-radius:5px;z-index:2}.site-footer{padding:80px clamp(24px,6vw,96px) 36px}.footer-wordmark{font-size:clamp(54px,10vw,160px);letter-spacing:-.075em;font-weight:950;color:var(--cherry);white-space:nowrap}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:28px;border-top:1px solid #260b1838;font-size:13px}.footer-bottom p{margin:0}.footer-bottom a{font-weight:800}.footer-bottom button{background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;color:inherit}
.cookie-banner{position:fixed;z-index:90;left:20px;bottom:20px;width:min(440px,calc(100vw - 40px));background:var(--cream);border:1px solid var(--ink);box-shadow:8px 8px 0 var(--cherry);padding:18px 20px}.cookie-heading{display:flex;align-items:center;gap:10px}.cookie-heading h2,.cookie-settings-head h2{font-size:20px;letter-spacing:-.03em}.cookie-symbol{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--orange);font-size:16px}.cookie-banner>div>p{margin:10px 0 15px;font-size:13px;line-height:1.45;color:#260b18a6}.cookie-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.button-cookie-primary{min-height:40px;padding:0 17px;background:var(--cherry);color:#fff;border-radius:4px}.cookie-link{border:0;background:none;text-decoration:underline;cursor:pointer;font-size:12px}.cookie-settings-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.cookie-close{border:0;background:none;cursor:pointer;font-size:27px;line-height:1}.cookie-option{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #260b1833;padding:13px 0;position:relative}.cookie-option:first-of-type{margin-top:12px}.cookie-option p{margin:3px 0 0;font-size:12px;color:#260b189e}.always-on{font-size:11px;color:var(--green);font-weight:900}.cookie-option input{position:absolute;opacity:0}.toggle{width:46px;height:26px;flex:0 0 46px;border-radius:99px;background:#c9bca8;position:relative;cursor:pointer}.toggle:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;left:3px;top:3px;background:#fff;transition:.2s}.cookie-option input:checked+.toggle{background:var(--green)}.cookie-option input:checked+.toggle:after{transform:translateX(20px)}.cookie-save{width:100%;margin-top:3px}
@keyframes pulse{50%{transform:scale(.75);box-shadow:0 0 0 9px #44a97e0f}}@keyframes pourTilt{0%,12%,82%,100%{transform:rotate(-3deg)}25%,68%{transform:rotate(-27deg) translate(-2%,6%)}}@keyframes streamFlow{0%,18%,75%,100%{transform:rotate(-4deg) scaleY(0);opacity:0}28%,66%{transform:rotate(-4deg) scaleY(1);opacity:1}}@keyframes glassFill{0%,22%{transform:scaleY(.05)}65%,82%{transform:scaleY(1)}98%,100%{transform:scaleY(.05)}}@keyframes bubbleRise{from{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(-190px);opacity:0}}@keyframes splash{0%,29%,75%,100%{opacity:0;transform:translate(0) rotate(20deg)}32%{opacity:1;transform:translate(-18px,-34px) rotate(35deg)}38%{opacity:0;transform:translate(-32px,-48px) rotate(50deg)}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:980px){.availability{display:none}.hero{grid-template-columns:1fr}.hero-copy{min-height:700px}.pour-scene{min-height:680px;border-left:0;border-top:1px solid #260b1826}.pitcher-wrap{width:530px}.glass-wrap{width:280px;height:410px}.cards{grid-template-columns:1fr}.card{min-height:290px}.deal-panel{grid-template-columns:1fr}.footer-wordmark{white-space:normal}}
@media(max-width:620px){.site-header{height:70px}.brand{font-size:11px}.brand-mark{width:36px;height:36px}.header-actions .button{display:none}.hero-copy{min-height:625px;padding-top:65px}.hero-copy:after{display:none}h1{font-size:clamp(70px,24vw,105px)}h1 sup{transform:rotate(-9deg) translate(5px,-30px)}.hero-lead{margin-top:34px;font-size:17px}.hero-cta{align-items:flex-start;flex-direction:column}.button-primary{width:100%}.hero-proof{gap:8px;font-size:9px}.pour-scene{min-height:560px}.sun-disc{width:360px;height:360px}.pitcher-wrap{width:390px;left:-18%;top:7%}.stream{left:34%;top:36%;height:245px;width:22px}.glass-wrap{left:24%;width:235px;height:340px}.scene-caption{right:14px}.scene-label{right:18px;top:24px;font-size:15px}.section-shell{padding:88px 20px}.section-heading{display:block}.section-heading h2{font-size:45px}.card{min-height:300px;padding:25px}.deal{padding-top:10px}.deal-panel{padding:45px 25px;gap:44px}.deal-panel h2{font-size:45px}.site-footer{padding:55px 20px 25px}.footer-wordmark{font-size:21vw;line-height:.8;overflow-wrap:anywhere}.footer-bottom{align-items:flex-start;flex-direction:column}.cookie-banner{left:10px;bottom:10px;width:calc(100vw - 20px);padding:16px;box-shadow:5px 5px 0 var(--cherry)}.cookie-actions{gap:10px}.button-cookie-primary{min-height:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.pitcher-wrap{transform:rotate(-24deg)}.stream{transform:rotate(-4deg) scaleY(1);opacity:1}.liquid{transform:scaleY(.78)}}

/* Keep the pitcher spout, falling compote, and glass on one vertical axis. */
.pitcher-wrap{width:min(76%,530px);transform-origin:24% 30%}
.pitcher{transform:scaleX(-1)}
.stream{left:calc(min(68.4%,477px) - 1% - 14px);top:calc(5% + min(16vw,222px))}
.glass-wrap{left:calc(min(68.4%,477px) - 1% - min(14.5vw,150px));bottom:5%;height:min(38vw,390px)}
.liquid{left:30%;right:30%;bottom:23%;height:55%;border-radius:0;clip-path:polygon(2% 0,98% 0,87% 88%,78% 100%,22% 100%,13% 88%)}
@keyframes pourTilt{0%,12%,82%,100%{transform:rotate(3deg)}25%,68%{transform:rotate(27deg)}}
@media(max-width:980px){.pitcher-wrap{width:530px}.stream{left:calc(477px - 1% - 14px);top:calc(5% + 222px)}.glass-wrap{left:calc(477px - 1% - 140px);width:280px;height:390px}}
@media(max-width:620px){.pitcher-wrap{width:min(390px,110vw);left:-26%;top:7%}.stream{left:calc(min(99vw,351px) - 26% - 11px);top:calc(7% + min(46.1vw,164px));width:22px;height:245px}.glass-wrap{left:calc(min(99vw,351px) - 26% - min(29vw,117.5px));width:min(58vw,235px);height:min(84vw,340px)}}
@media(prefers-reduced-motion:reduce){.pitcher-wrap{transform:rotate(24deg)}}