@font-face{font-family:Landing;src:local('Inter'),local('SF Pro Display'),local('Segoe UI')}*{box-sizing:border-box}html{color-scheme:light;background:#f5f0e6}body{margin:0;color:#2d251b;font-family:Landing,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #a47332;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 96px));margin:auto}.header{height:114px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:8px;font-size:25px;font-weight:750;letter-spacing:-1px}.brand-lens{color:#9b6d31}.header-link{font-size:14px;display:flex;gap:20px;align-items:center}.header-link span{font-size:22px}.hero{min-height:660px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:42px 0 78px;gap:48px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:650;display:flex;gap:10px;align-items:center;margin:0 0 30px;color:#837051}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#ad7c37}h1{font-size:clamp(48px,5.7vw,76px);line-height:1.06;font-weight:550;letter-spacing:-4px;margin:0 0 28px}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-3px;color:#96703c}.intro{max-width:370px;font-size:18px;line-height:1.65;color:#756b5e;margin:0 0 32px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:19px 25px;background:#2d251b;color:#fff5e3;border-radius:14px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.primary:hover{background:#554029;transform:translateY(-2px)}.primary span{font-size:22px;line-height:1}.browser-note{color:#928778;font-size:12px;margin:13px 0 29px}.stores{display:flex;gap:10px;flex-wrap:wrap}.store{border:1px solid #d8cfc0;border-radius:13px;background:transparent;padding:12px 18px;display:flex;align-items:center;text-align:left;gap:12px;min-width:155px;color:#3c3327;transition:border-color .2s,background .2s}.store:hover{border-color:#aa8653;background:#eee5d7}.store svg{width:22px;height:25px;fill:currentColor}.store small{font-size:10px;display:block;margin-bottom:2px;color:#938572}.store strong{font-size:16px;font-weight:600}.visual{height:566px;position:relative;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;border:1px solid #ded2bd;border-radius:50%;z-index:-2}.orbit-one{width:470px;height:470px;top:52px;left:calc(50% - 235px)}.orbit-two{width:540px;height:540px;top:17px;left:calc(50% - 270px);opacity:.5}.visual:before{content:'';position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,#ddbf855c,transparent 70%);z-index:-1}.visual-caption{position:absolute;right:-3px;top:24px;font-size:12px;line-height:1.7;color:#9b8b73;transform:rotate(5deg)}.phone{width:260px;height:544px;background:#241d15;border-radius:40px;padding:9px;box-shadow:0 28px 60px -28px #5b401d70,0 0 0 1px #897158;transform:rotate(-7deg);animation:arrive .8s ease-out both;overflow:hidden}.phone-top{height:37px;display:flex;justify-content:space-between;align-items:center;padding:0 13px;font-size:9px;color:#efe5d0;position:relative}.island{position:absolute;top:0;left:50%;transform:translateX(-50%);width:73px;height:20px;border-radius:14px;background:#0f0e0b}.viewfinder{height:370px;background:radial-gradient(ellipse at 40% 25%,#cdbd91,#8c836a 70%,#736b55);border-radius:25px 25px 15px 15px;position:relative;overflow:hidden}.camera-label{position:absolute;top:15px;left:15px;font-size:10px;color:#fff5df;background:#2e261969;border:1px solid #ffffff22;border-radius:20px;padding:7px 10px;display:flex;align-items:center;gap:6px}.camera-label span{width:4px;height:4px;background:#efd4a0;border-radius:50%}.bottle{position:absolute;height:316px;width:158px;top:23px;left:44px}.recognition{position:absolute;bottom:14px;left:12px;right:12px;display:flex;align-items:center;gap:8px;background:#2b241dea;color:#f8ecd7;padding:12px;border-radius:12px;box-shadow:0 4px 18px #39290e20}.check{width:22px;height:22px;border-radius:50%;background:#e5b46a;color:#302319;display:grid;place-items:center;font-size:12px}.recognition strong{display:block;font-size:13px;font-weight:550}.recognition small{display:block;font-size:8px;margin-top:4px;color:#bfb09a}.phone-card{padding:18px 14px;display:flex;align-items:center;gap:8px;justify-content:space-between}.phone-card>div>small{display:block;letter-spacing:1.1px;font-size:7px;color:#ad9573;margin-bottom:8px}.phone-card strong{font-size:13px;color:#f3e3c8;font-weight:500;line-height:1.45}.rating{color:#f0d6a3;font-size:18px;white-space:nowrap}.rating span{font-size:12px}.rating small{font-size:9px;color:#a29581}.phone-bottom{height:3px;width:74px;background:#b2a38e;border-radius:9px;margin:5px auto}.float-tag{position:absolute;right:-10px;bottom:87px;background:#faf6ed;border:1px solid #e6dccb;padding:17px 19px;border-radius:14px;box-shadow:0 10px 40px #66502812;font-size:12px;color:#78634a;transform:rotate(4deg);animation:arrive 1s ease-out both}.float-tag span{color:#b38342;font-size:20px;margin-right:9px}.steps{border-top:1px solid #ded6c8;display:grid;grid-template-columns:repeat(3,1fr);gap:60px;padding:37px 0 44px}.step-number{font-size:11px;color:#a08b6a;font-variant-numeric:tabular-nums}h2{font-size:21px;font-weight:550;letter-spacing:-.5px;margin:13px 0 10px}.steps p{font-size:14px;color:#827565;line-height:1.6;max-width:265px;margin:0}.footer{padding:25px 0 30px;border-top:1px solid #ded6c8;display:flex;justify-content:space-between;color:#938674;font-size:12px}.footer-dot{margin:0 8px}.footer a{color:#665540}dialog{background:#f5f0e6;border:1px solid #d2c2a7;border-radius:26px;color:#2d251b;padding:38px;max-width:430px;width:calc(100% - 32px);box-shadow:0 30px 100px #1b120a33}dialog::backdrop{background:#24190f80;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:18px;top:15px;background:none;border:0;font-size:29px;color:#8d7b61;width:35px;height:35px}dialog .eyebrow{margin:24px 0 12px;font-size:9px}dialog h2{font-size:27px}dialog p:not(.eyebrow){font-size:15px;line-height:1.7;color:#7a6b56}dialog .primary{width:100%;margin-top:12px}@keyframes arrive{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@media(min-width:1400px){.hero{min-height:720px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:24px}.orbit-two{width:430px;height:430px;left:calc(50% - 215px);top:70px}.orbit-one{width:360px;height:360px;left:calc(50% - 180px);top:105px}.float-tag{right:-5px;font-size:11px;padding:14px}.visual-caption{right:0}.steps{gap:30px}h1{letter-spacing:-2.7px}}@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{height:87px}.brand{font-size:22px;gap:4px}.brand img{width:36px;height:36px}.header-link{font-size:12px;gap:9px}.header-link span{font-size:18px}.hero{display:flex;flex-direction:column;gap:34px;padding:34px 0 40px;min-height:0;overflow:hidden}.hero-copy{width:100%;text-align:center}.eyebrow{justify-content:center;font-size:9px;margin-bottom:23px}h1{font-size:clamp(43px,8.6vw,62px);letter-spacing:-2.5px;margin-bottom:22px}h1 em{letter-spacing:-2px}.intro{font-size:16px;line-height:1.65;margin:0 auto 26px;max-width:330px}.primary{padding:18px 23px}.browser-note{margin-bottom:25px}.stores{justify-content:center}.store{min-width:143px;padding:11px 15px}.visual{height:535px;width:100%;margin-top:6px}.phone{transform:rotate(-5deg);scale:.92}.orbit-one{width:340px;height:340px;left:calc(50% - 170px);top:105px}.orbit-two{width:400px;height:400px;left:calc(50% - 200px);top:75px}.float-tag{right:0;bottom:47px;font-size:10px}.visual-caption{top:8px;right:12px;font-size:10px}.steps{grid-template-columns:1fr;gap:26px;padding:32px 0}.steps>div{display:grid;grid-template-columns:30px 1fr;column-gap:13px}.step-number{grid-row:1 / 3;padding-top:5px}.steps h2{margin:0 0 8px;font-size:19px}.steps p{grid-column:2;max-width:none;font-size:14px}.footer{font-size:11px;gap:20px;line-height:1.6}.footer-dot{margin:0 3px}dialog{padding:28px}dialog .eyebrow{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:radial-gradient(ellipse at 85% 5%,#ebddbe55,transparent 40%)}.header nav{display:flex;align-items:center;gap:38px}.nav-about{font-size:13px;color:#82715a}.header-link{padding:11px 16px;border:1px solid #d8cfc0;border-radius:30px}.hero{padding-bottom:100px;gap:65px}.availability{font-size:11px;color:#8e806b;margin:20px 0 0}.availability span{padding:0 7px}.visual{margin-bottom:45px}.viewfinder:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff8de18 40%,transparent 55%);pointer-events:none}.bottle{transition:filter .4s}.visual[data-mode=diary] .bottle{filter:brightness(1.12)}.visual[data-mode=pair] .viewfinder{background:radial-gradient(ellipse at 40% 25%,#cdbd91,#7d8365 70%,#626d53)}.demo-controls{position:absolute;bottom:-37px;left:50%;transform:translateX(-50%);background:#e9e1d4;padding:4px;display:flex;border-radius:30px;border:1px solid #ded4c3;gap:3px;white-space:nowrap}.demo-controls button{border:0;background:transparent;border-radius:25px;padding:10px 16px;font-size:12px;color:#86745b;min-height:38px}.demo-controls button[aria-pressed=true]{background:#fff9ee;color:#4d3820;box-shadow:0 2px 5px #4e32140d}.demo-disclaimer{position:absolute;bottom:-61px;left:50%;transform:translateX(-50%);font-size:9px;color:#a4957e;white-space:nowrap}.steps{padding-top:35px;padding-bottom:55px}.discovery{margin-top:38px;background:#2c251c;color:#f6e8cf;border-radius:32px;padding:70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;position:relative;overflow:hidden}.discovery:after{content:'';width:400px;height:400px;position:absolute;right:-240px;top:-240px;border:1px solid #e4c69230;border-radius:50%;box-shadow:0 0 0 50px #e4c69208;pointer-events:none}.discovery .eyebrow{color:#c3a479;margin-bottom:24px;font-size:9px}.discovery h2{font-size:clamp(28px,3vw,41px);line-height:1.2;letter-spacing:-1.3px;margin:0 0 24px}.discovery h2 em,.closing em{font-family:Georgia,serif;font-weight:400;color:#dfb777}.discovery-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#bcae97;max-width:350px;margin:0 0 30px}.discovery-copy>a{font-size:12px;color:#e6c895;display:inline-flex;gap:24px;border-bottom:1px solid #8c735147;padding-bottom:10px}.taste-art{border-top:1px solid #b598663d;border-bottom:1px solid #b598663d;padding:30px 0 22px}.taste-heading{display:flex;align-items:center;gap:17px}.taste-symbol{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:45px;color:#e4b975;background:#dfb46f14}.taste-heading small{font-size:8px;letter-spacing:1.8px;color:#b5976e}.taste-heading h3{font-family:Georgia,serif;font-weight:400;font-size:29px;margin:7px 0}.taste-heading p{font-size:11px;color:#b6a88f;margin:0}.taste-lines{margin:29px 0;display:flex;flex-direction:column;gap:17px}.taste-lines>span{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:15px;font-size:11px;color:#c8b597}.taste-lines i{height:5px;border-radius:8px;background:#ead4a612;display:block;overflow:hidden}.taste-lines i:before{content:'';display:block;height:100%;width:var(--fill);background:linear-gradient(90deg,#8f6b37,#e1b776);border-radius:8px}.food-pair{display:flex;justify-content:space-between;gap:10px}.food-pair span{font-size:22px;display:flex;align-items:center;gap:7px}.food-pair small{font-size:10px;color:#c6b89f}.example-label{font-size:9px;color:#aa9678;margin:24px 0 0}.questions{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;padding-top:100px;padding-bottom:72px}.questions .eyebrow{font-size:9px;margin-bottom:20px}.questions h2{font-size:30px;line-height:1.3;letter-spacing:-1px;margin:0}.answers details{border-bottom:1px solid #dcd2c0}.answers summary{list-style:none;cursor:pointer;font-size:15px;padding:21px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.answers details:first-child summary{padding-top:0}.answers summary::-webkit-details-marker{display:none}.answers summary span{font-size:22px;color:#997440;transition:transform .2s}.answers details[open] summary span{transform:rotate(45deg)}.answers p{font-size:14px;line-height:1.8;color:#84735b;margin:0 0 22px;max-width:470px}.answers summary:focus-visible{outline:2px solid #ad7c37;outline-offset:4px}.closing{text-align:center;padding:55px 0 75px;border-top:1px solid #ded6c8}.closing h2{font-size:42px;line-height:1.2;margin:18px 0 26px;letter-spacing:-1px}.closing h2 em{color:#947040}.closing p{font-size:11px;color:#9b8b73;margin:18px 0 0}.footer small{display:block;font-size:10px;margin-top:8px;color:#a59885}.footer{align-items:center}.recognition{z-index:1}.float-tag{z-index:2}dialog[open]{animation:dialog-in .2s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.hero{gap:30px}.discovery{padding:45px;gap:35px}.questions{gap:45px}.food-pair span{flex-direction:column;align-items:flex-start;gap:7px}}
@media(max-width:720px){.header nav{gap:0}.nav-about{display:none}.header-link{padding:9px 12px}.hero{padding-top:25px;padding-bottom:58px;gap:34px}.intro{max-width:350px}.visual{margin-top:0;margin-bottom:54px;height:510px}.phone{scale:.87}.float-tag{bottom:62px;right:4px}.visual-caption{top:10px}.demo-controls{bottom:-20px}.demo-disclaimer{bottom:-44px}.discovery{margin-top:15px;padding:32px 25px;grid-template-columns:1fr;gap:30px;border-radius:24px}.discovery .eyebrow{justify-content:flex-start;margin-bottom:18px}.discovery h2{font-size:33px}.discovery-copy>p:not(.eyebrow){font-size:14px;margin-bottom:22px}.taste-art{padding:25px 0 20px}.food-pair span{flex-direction:row;gap:6px}.food-pair small{font-size:9px}.questions{grid-template-columns:1fr;gap:30px;padding:58px 0 48px}.questions .eyebrow{justify-content:flex-start;margin-bottom:15px}.questions h2{font-size:28px}.answers summary{font-size:14px;min-height:58px}.answers details:first-child summary{padding-top:15px}.answers p{font-size:13px}.closing{padding:40px 0 45px}.closing h2{font-size:35px}.steps{padding-bottom:30px}.footer{padding-bottom:25px}.store{min-height:58px}.brand{flex-shrink:0}.food-pair{gap:5px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.header-link{font-size:10px}.brand{font-size:20px}.brand img{width:30px;height:30px}.food-pair span{flex-direction:column}.store{min-width:137px;padding:11px 12px}.stores{gap:7px}.demo-controls button{padding:10px 13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}dialog[open]{animation:none}}

[hidden]{display:none!important}.phone{transform:rotate(-4deg);position:relative}.demo-screen{height:477px;position:relative;animation:screen-in .25s ease-out}.demo-controls button{transition:background .2s,color .2s}.bottle-hit{position:absolute;z-index:1;left:46px;top:24px;width:156px;height:310px;background:transparent;border:0;border-radius:40px}.bottle-hit:focus-visible{outline-offset:-6px}.recognition{pointer-events:none}.scan-sheet{position:absolute;bottom:12px;left:7px;right:7px;padding:20px 15px 15px;border-radius:20px;background:#f3e5ca;color:#382a18;z-index:4;box-shadow:0 -10px 40px #1c140c55;animation:screen-in .25s ease-out}.sheet-close{position:absolute;right:9px;top:7px;border:0;background:transparent;font-size:23px;color:#786248;width:30px;height:30px}.scan-sheet>small{font-size:7px;letter-spacing:1.5px;color:#977548}.scan-sheet h3{font-family:Georgia,serif;font-size:26px;margin:10px 0 5px;font-weight:400}.scan-sheet>p{font-size:10px;color:#8a7252;margin:0}.mini-facts{display:flex;gap:7px;font-size:9px;margin:17px 0}.mini-facts span{background:#e4d3b4;border-radius:8px;padding:7px 6px}.demo-save{border:0;background:#31261a;color:#f7e7c9;width:100%;border-radius:11px;padding:12px;font-size:11px}.diary-screen,.sommelier-screen{border-radius:25px 25px 15px 15px;background:#30271d;color:#f6e8cf;padding:23px 15px 15px;overflow:auto;scrollbar-width:none}.demo-heading small{font-size:7px;letter-spacing:1.5px;color:#c3a373}.demo-heading h3{font-size:23px;letter-spacing:-.7px;font-weight:500;margin:10px 0 7px}.demo-heading p{font-size:10px;color:#b3a086;margin:0}.diary-filters{display:flex;gap:5px;margin:20px 0 15px}.diary-filters button{border:1px solid #a8906b36;border-radius:20px;padding:8px 10px;color:#c5b294;font-size:9px;background:transparent}.diary-filters button[aria-pressed=true]{background:#e4bb7b;color:#3b2916;border-color:#e4bb7b}.demo-drink{display:flex;gap:12px;align-items:center;background:#46382a;border:1px solid #aa8b5830;border-radius:13px;padding:13px 10px;margin-bottom:9px;min-height:88px}.demo-drink h4{font-size:13px;margin:0 0 5px;font-weight:500}.demo-drink p{font-size:9px;color:#bda68a;margin:0 0 8px}.drink-state{font-size:8px;color:#e7c995}.mini-bottle{width:25px;height:60px;margin:0 7px;border-radius:8px 8px 4px 4px;position:relative;flex-shrink:0;background:linear-gradient(90deg,#5a391b,#b28542,#593919);border-top:18px solid transparent}.mini-bottle:before{content:'';position:absolute;top:-29px;left:7px;width:11px;height:19px;border-radius:2px 2px 0 0;background:#916938;border-top:4px solid #e0bc7c}.mini-bottle:after{content:'BL';position:absolute;left:0;top:4px;width:25px;padding:7px 0;background:#f1dfb5;color:#705231;font-size:8px;text-align:center}.mini-bottle.green{background:linear-gradient(90deg,#26341e,#6c7f42,#28391f)}.mini-bottle.green:before{background:#536537}.demo-rating{padding:17px 10px 0;text-align:center}.demo-rating small{font-size:7px;letter-spacing:1.4px;color:#b59a72}.demo-rating>div{display:flex;justify-content:center;margin:8px 0 0}.demo-rating button{border:0;background:transparent;color:#a48d69;padding:3px;font-size:29px;line-height:1.3}.demo-rating button:hover,.demo-rating .star-selected{color:#f0c481}.demo-rating p{font-size:8px;color:#baa487;min-height:22px;line-height:1.5;margin:5px 0}.demo-chat{margin:22px 0 17px;padding:14px;border-radius:15px;background:#ead8b7;color:#49351e;min-height:150px}.chat-avatar{font-size:24px;color:#94662d;line-height:1}.demo-chat p{font-size:11px;line-height:1.65;margin:10px 0 0}.demo-prompts{display:flex;flex-direction:column;gap:7px}.demo-prompts button{font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:5px;text-align:left;padding:12px 9px;border:1px solid #a8906b45;border-radius:10px;background:transparent;color:#e0c9a5;min-height:37px}.demo-prompts button[aria-pressed=true]{background:#c5a36a24;border-color:#c5a36a}.demo-open{font-size:9px;color:#c0a27b;display:block;text-align:center;margin-top:16px;padding:7px 0}.float-tag{right:-13px;bottom:79px;padding:13px 15px;font-size:11px;max-width:210px;pointer-events:none}.visual-caption{right:0;font-size:11px}.demo-disclaimer{color:#86765f;font-size:10px}.visual[data-mode=pair] .float-tag{bottom:72px}.demo-controls{z-index:5}@keyframes screen-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.phone{scale:.94;transform:rotate(-3deg)}.visual{height:540px}.float-tag{right:0;bottom:58px;padding:12px;max-width:185px;font-size:10px}.visual[data-mode=pair] .float-tag{bottom:58px}.visual-caption{right:5px;top:2px;font-size:10px}.demo-disclaimer{font-size:9px}.demo-controls{bottom:-20px}.orbit-one{top:110px}.orbit-two{top:80px}}@media(prefers-reduced-motion:reduce){.demo-screen,.scan-sheet{animation:none}}
.language-switch{display:flex;align-items:center;gap:6px;color:#7f6a4e}.language-switch svg{width:18px;height:18px;flex-shrink:0}.language-switch select{font:inherit;font-size:12px;max-width:108px;color:inherit;border:0;background:transparent;padding:10px 0;cursor:pointer;min-height:40px}.language-switch select:focus-visible{outline:2px solid #a47332;outline-offset:3px;border-radius:4px}.header nav{gap:23px}html:not([lang=ru]) h1{font-size:clamp(42px,5vw,68px)}.demo-controls button{padding-inline:12px}.demo-heading h3{font-size:20px}.demo-prompts button{font-size:9px}.header-link{white-space:nowrap}@media(max-width:720px){.header{flex-wrap:wrap;height:auto;min-height:88px;gap:10px;padding-block:16px}.header nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.header-link{font-size:11px}.language-switch select{max-width:85px;font-size:11px}.language-switch{gap:3px}html:not([lang=ru]) h1{font-size:clamp(40px,8vw,59px)}.hero{padding-top:18px}}@media(max-width:420px){.header{align-items:center}.header nav{gap:5px}.language-switch svg{display:none}.header-link{padding:9px;font-size:10px;gap:5px}.language-switch select{max-width:76px}.brand{font-size:20px}.brand img{width:30px;height:30px}}@media(max-width:350px){.header nav{width:100%;justify-content:space-between}.header{padding-bottom:7px}.hero{padding-top:15px}}
.beer-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden;border-radius:50%}
.beer-atmosphere i{position:absolute;bottom:5%;left:var(--x);width:var(--size);height:var(--size);border:1px solid #be94554a;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fffaf0a6,transparent 65%);animation:effervescence var(--duration) linear infinite;animation-delay:var(--delay);opacity:0}
.beer-atmosphere i:nth-child(1){--x:8%;--size:12px;--duration:12s;--delay:-3s}.beer-atmosphere i:nth-child(2){--x:24%;--size:6px;--duration:10s;--delay:-8s}.beer-atmosphere i:nth-child(3){--x:78%;--size:18px;--duration:15s;--delay:-5s}.beer-atmosphere i:nth-child(4){--x:90%;--size:8px;--duration:11s;--delay:-1s}.beer-atmosphere i:nth-child(5){--x:14%;--size:22px;--duration:17s;--delay:-10s}.beer-atmosphere i:nth-child(6){--x:70%;--size:5px;--duration:9s;--delay:-6s}
.botanical{position:absolute;fill:none;stroke:#9c7947;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.5;pointer-events:none;z-index:-1;translate:calc(var(--depth-x,0px) * -.6) calc(var(--depth-y,0px) * -.6)}
.barley{width:87px;height:157px;left:0;top:38px;rotate:-24deg}.hop{width:82px;height:96px;right:-4px;top:172px;rotate:18deg}
.pour-art{position:absolute;width:126px;left:-20px;bottom:95px;pointer-events:none;rotate:11deg;translate:var(--depth-x,0px) var(--depth-y,0px);z-index:1}.pour-art svg{width:100%;height:auto;display:block;animation:pint-sway 9s ease-in-out infinite;transform-origin:50% 95%}
.pint-bubbles{animation:pint-rise 3.6s linear infinite}.pint-foam{animation:foam-sway 4s ease-in-out infinite;transform-origin:75px 65px}
.scan-beam{position:absolute;top:35px;left:40px;width:166px;height:2px;background:linear-gradient(90deg,transparent,#fff4c2,transparent);box-shadow:0 -7px 18px 3px #ffeab52b;pointer-events:none;animation:scan-pass 5s ease-in-out infinite}
.bottle-outline{animation:outline-drift 8s linear infinite}
.visual .float-tag{animation:tag-float 7s ease-in-out infinite}.visual:before{background:radial-gradient(circle,#e9bd6866,transparent 70%)}
.orbit-one{border-color:#c59b5c4d}.orbit-two{border-style:dashed;border-color:#c59b5c45}
.discovery-copy,.taste-art{position:relative;z-index:1}.taste-art .taste-symbol{font-size:0;background:transparent;border-radius:0}.taste-symbol:before{content:'🍺';font-size:39px;rotate:-9deg}
.discovery:before{content:'';position:absolute;width:360px;height:360px;left:-170px;bottom:-220px;border-radius:50%;border:1px solid #e9c27d25;box-shadow:0 0 0 22px #e9c27d09,0 0 0 45px #e9c27d06;pointer-events:none}
.taste-lines i:before{transform-origin:left;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.motion-ready .discovery:not(.has-entered) .taste-lines i:before{transform:scaleX(0)}
.closing{position:relative;isolation:isolate}.closing:before{content:'';position:absolute;inset:5% 20%;z-index:-1;background:radial-gradient(ellipse,#e4bf7924,transparent 70%);pointer-events:none}
.motion-ready .visual:not(.in-view) *,.motion-paused .visual *{animation-play-state:paused!important}
@keyframes effervescence{0%{transform:translate3d(0,0,0);opacity:0}15%{opacity:.7}80%{opacity:.45}100%{transform:translate3d(22px,-450px,0);opacity:0}}
@keyframes pint-rise{0%{transform:translateY(25px);opacity:0}15%{opacity:.7}85%{opacity:.7}100%{transform:translateY(-88px);opacity:0}}
@keyframes foam-sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes pint-sway{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-7px)}}
@keyframes scan-pass{0%,15%{transform:translateY(0);opacity:0}25%{opacity:.8}65%{transform:translateY(275px);opacity:.8}75%,100%{transform:translateY(275px);opacity:0}}
@keyframes outline-drift{to{stroke-dashoffset:-112}}
@keyframes tag-float{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(2deg) translateY(-5px)}}
@media(max-width:1000px) and (min-width:721px){.pour-art{width:96px;left:-8px;bottom:120px}.barley{width:62px;left:-10px}.hop{width:62px;right:-8px}}
@media(max-width:720px){.pour-art{width:95px;left:0;bottom:83px}.barley{left:0;top:35px;width:65px}.hop{right:0;top:145px;width:65px}.beer-atmosphere i:nth-child(n+5){display:none}}
@media(max-width:360px){.pour-art{width:76px;left:-7px}.barley{width:48px}.hop{width:48px}}
@media(prefers-reduced-motion:reduce){.beer-atmosphere i{animation:none;opacity:.4;bottom:35%}.scan-beam{display:none}.visual .float-tag,.pour-art svg,.pint-bubbles,.pint-foam,.bottle-outline{animation:none}.botanical,.pour-art{translate:none}.taste-lines i:before{transition:none;transform:none!important}}