:root{--navy:#1b215c;--navy-2:#232a6e;--navy-ink:#11153d;--yel:#ffce00;--cream:#f4f0e6;--white:#fff;--mute:#bec6eb;--line:#ffffff24;--c-pils:#223aaa;--c-weiss:#fac814;--c-na:#d6dce6;--c-strong:#5c1230;--f-he:"Rubik", "Arial Hebrew", "Noto Sans Hebrew", Arial, sans-serif;--f-num:"Oswald", "Arial Narrow", Impact, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--white);font-family:var(--f-he);margin:0;font-size:17px;line-height:1.6;overflow-x:hidden}a{color:inherit}h1,h2,h3{text-wrap:balance;margin:0;font-weight:900;line-height:1.08}p{margin:0}.wrap{width:100%;max-width:1160px;margin-inline:auto;padding-inline:20px}.logo{aspect-ratio:2.0619;background:currentColor;display:block;-webkit-mask:url(/img/logo.png) 50%/contain no-repeat;mask:url(/img/logo.png) 50%/contain no-repeat}.eyebrow{font-family:var(--f-num);letter-spacing:.14em;text-transform:uppercase;font-size:14px;font-weight:500}:focus-visible{outline:3px solid var(--yel);outline-offset:3px;border-radius:6px}.nav{top:env(safe-area-inset-top,0px);z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#1b215ceb;position:sticky}.nav .wrap{justify-content:space-between;align-items:center;gap:16px;padding-block:12px;display:flex}.nav .logo{width:118px;color:var(--white)}.nav nav{gap:22px;font-size:15px;font-weight:500;display:flex}.nav nav a{opacity:.85;text-decoration:none}.nav nav a:hover{opacity:1;color:var(--yel)}.btn{font-family:var(--f-he);cursor:pointer;border:2px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:13px 26px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-yel{background:var(--yel);color:var(--navy)}.btn-ghost{color:var(--white);background:0 0;border-color:#ffffff80}.nav .btn{padding:9px 18px;font-size:14px}@media (max-width:760px){.nav nav{display:none}}.hero{padding-block:56px 90px;position:relative;overflow:hidden}.pattern{pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:6px;display:flex;position:absolute;inset:-40px 0 0}.pattern div{white-space:nowrap;color:var(--navy-2);letter-spacing:.02em;font-size:clamp(64px,9vw,120px);font-weight:900;line-height:1;font-family:var(--f-he)}.pattern div:nth-child(odd){transform:translate(-12%)}.hero .wrap{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid;position:relative}.hero-copy{flex-direction:column;gap:22px;min-width:0;display:flex}.hero-copy .eyebrow{color:var(--yel)}.hero h1{font-size:clamp(46px,6.6vw,88px)}.hero h1 span{color:var(--yel);display:block}.hero-copy p{color:var(--mute);max-width:30ch;font-size:19px}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.stage{min-width:0;height:clamp(360px,44vw,520px);position:relative}.stage .card{background:var(--yel);border-radius:36px;position:absolute;inset:32% 0 0;box-shadow:0 30px 60px #00000059}.stage .wheat{bottom:18px;color:var(--navy);opacity:.9;justify-content:space-between;display:flex;position:absolute;inset-inline:22px}.cans{justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0 0 7%}.cans img{filter:drop-shadow(10px 18px 18px #080a2873);width:auto;height:78%;margin-inline:-2.2%;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.cans img:first-child{height:64%;transform:rotate(7deg)}.cans img:nth-child(2){z-index:2;height:78%;transform:rotate(2deg)}.cans img:nth-child(3){z-index:3;height:78%;transform:rotate(-2deg)}.cans img:nth-child(4){height:64%;transform:rotate(-7deg)}.cans img:hover{transform:translateY(-14px)rotate(0)}@media (max-width:820px){.hero .wrap{grid-template-columns:1fr}.hero{padding-block:36px 60px}.stage{height:380px}}.ticker{background:var(--yel);color:var(--navy);border-block:3px solid var(--navy-ink);overflow:hidden}.ticker .track{direction:ltr;width:max-content;padding-block:14px;animation:26s linear infinite tick;display:flex}.ticker span{white-space:nowrap;padding-inline:26px;font-size:22px;font-weight:900}.ticker span.l{font-family:var(--f-num);letter-spacing:.08em;font-weight:700}@keyframes tick{to{transform:translate(-50%)}}.family{background:var(--cream);color:var(--navy);padding-block:90px}.sec-head{flex-direction:column;gap:12px;max-width:640px;margin-bottom:44px;display:flex}.sec-head h2{font-size:clamp(36px,4.6vw,58px)}.sec-head p{opacity:.8;font-size:18px}.grid4{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}@media (max-width:1000px){.grid4{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.grid4{grid-template-columns:1fr}}.beer{--bg:var(--c-pils);--fg:var(--white);--acc:var(--yel);background:var(--bg);color:var(--fg);border-radius:28px;flex-direction:column;gap:14px;min-width:0;padding:26px 24px 24px;display:flex;position:relative;overflow:hidden}.beer.weiss{--bg:var(--c-weiss);--fg:var(--navy);--acc:var(--navy)}.beer.na{--bg:var(--c-na);--fg:var(--navy);--acc:var(--c-pils)}.beer.strong{--bg:var(--c-strong);--fg:var(--white);--acc:#ff86b8}.beer .top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.beer .en{font-family:var(--f-num);letter-spacing:.1em;color:var(--acc);font-size:14px}.beer .abv{font-family:var(--f-num);font-size:28px;font-weight:700}.beer .abv small{opacity:.7;margin-inline-start:4px;font-size:14px;font-weight:500}.beer h3{font-size:34px}.beer .img{justify-content:center;align-items:flex-end;height:250px;display:flex;position:relative}.beer .img:before{content:"";background:color-mix(in srgb,var(--fg) 10%,transparent);border-radius:50%;width:210px;height:210px;position:absolute;bottom:14px}.beer .img img{filter:drop-shadow(6px 12px 12px #0000004d);width:auto;height:100%;transition:transform .4s;position:relative}.beer:hover .img img{transform:translateY(-8px)rotate(-3deg)}.beer p{font-size:16px;line-height:1.5}.beer .when{border-top:1px solid color-mix(in srgb,var(--fg) 22%,transparent);opacity:.85;padding-top:12px;font-size:14px}.beer .when b{letter-spacing:.06em;color:var(--acc);font-size:12px;display:block}.quiz{background:var(--navy);padding-block:90px;position:relative;overflow:hidden}.quiz .wrap{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;display:grid}@media (max-width:860px){.quiz .wrap{grid-template-columns:1fr}}.quiz .sec-head{margin-bottom:0}.quiz .sec-head .eyebrow,.quiz .sec-head h2 span{color:var(--yel)}.qbox{background:var(--yel);color:var(--navy);border-radius:32px;flex-direction:column;gap:18px;min-width:0;min-height:380px;padding:30px;display:flex}.qbox .step{font-family:var(--f-num);letter-spacing:.12em;font-size:14px}.qbox h3{font-size:28px}.opts{gap:10px;display:grid}.opt{font-family:var(--f-he);text-align:start;background:var(--white);color:var(--navy);border:2px solid var(--navy);cursor:pointer;border-radius:18px;padding:14px 18px;font-size:17px;font-weight:700;transition:background .15s,color .15s,transform .15s}.opt:hover{background:var(--navy);color:var(--yel);transform:translate(-4px)}.result{align-items:center;gap:18px;display:flex}.result img{filter:drop-shadow(6px 12px 12px #0000004d);width:auto;height:220px}.result .rtxt{flex-direction:column;gap:10px;min-width:0;display:flex}.result h3{font-size:40px}.again{background:var(--navy);color:var(--yel);align-self:flex-start}.dots{gap:6px;display:flex}.dots i{background:#1b215c40;border-radius:3px;width:28px;height:6px}.dots i.on{background:var(--navy)}.facts{background:var(--cream);color:var(--navy);padding-block:90px}.facts-grid{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.fact{border-radius:28px;flex-direction:column;justify-content:flex-end;gap:8px;min-width:0;min-height:240px;padding:28px;display:flex;position:relative;overflow:hidden}.fact .n{font-family:var(--f-num);font-size:clamp(54px,6vw,84px);font-weight:700;line-height:1}.fact .l{font-size:19px;font-weight:700}.fact .s{opacity:.8;font-size:15px}.f1{background:var(--navy);color:var(--white);grid-column:span 5}.f1 .n{color:var(--yel)}.f2{color:var(--white);background:var(--navy-ink);grid-column:span 7}.f2 img,.f4 img{object-fit:cover;width:100%;max-width:100%;height:100%;position:absolute;inset:0}.f2:after,.f4:after{content:"";background:linear-gradient(#11153d1a 30%,#11153deb 90%);position:absolute;inset:0}.f2>:not(img),.f4>:not(img){z-index:1;position:relative}.f2 .n,.f4 .n{color:var(--yel)}.f3{background:var(--yel);grid-column:span 7}.f3 .pipe{background:var(--navy);border-radius:11px;height:22px;margin-block:10px 6px;position:relative;overflow:hidden}.f3 .pipe:after{content:"";background:repeating-linear-gradient(90deg,var(--yel) 0 22px,#ffe58a 22px 34px);border-radius:6px;animation:1.4s linear infinite flow;position:absolute;inset:6px}@keyframes flow{to{background-position:-34px 0}}.f3 .ends{font-family:var(--f-num);letter-spacing:.1em;justify-content:space-between;font-size:13px;display:flex}.f4{color:var(--white);background:var(--navy-ink);grid-column:span 5}@media (max-width:860px){.f1,.f2,.f3,.f4{grid-column:span 12}}.purity{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.purity span{background:#ffffff26;border:1px solid #ffffff59;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700}.story{background:var(--navy);padding-block:90px}.story .wrap{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}@media (max-width:860px){.story .wrap{grid-template-columns:1fr}}.story .photo{border:8px solid var(--yel);aspect-ratio:4/3;border-radius:32px;max-width:100%;overflow:hidden}.story .photo img{object-fit:cover;width:100%;height:100%;display:block}.story .txt{flex-direction:column;gap:18px;min-width:0;display:flex}.story .txt .eyebrow{color:var(--yel)}.story h2{font-size:clamp(34px,4.4vw,56px)}.story h2 span{color:var(--yel)}.story p{color:var(--mute);max-width:52ch;font-size:18px}.timeline{border-inline-start:2px solid var(--line);flex-direction:column;gap:0;margin-top:6px;display:flex}.timeline div{align-items:baseline;gap:16px;padding:8px 18px;display:flex;position:relative}.timeline div:before{content:"";inset-inline-start:-7px;background:var(--yel);border-radius:50%;width:12px;height:12px;position:absolute;top:18px}.timeline b{font-family:var(--f-num);color:var(--yel);min-width:62px;font-size:22px}.follow{background:var(--yel);color:var(--navy);text-align:center;padding-block:80px;position:relative;overflow:hidden}.follow .wrap{flex-direction:column;align-items:center;gap:20px;display:flex}.follow h2{font-size:clamp(38px,5.4vw,68px)}.follow .handle{font-family:var(--f-num);letter-spacing:.04em;direction:ltr;font-size:clamp(24px,3vw,34px)}.follow .mini{align-items:flex-end;gap:6px;height:150px;display:flex}.follow .mini img{filter:drop-shadow(4px 8px 8px #00000040);width:auto;height:100%}.follow .btn-navy{background:var(--navy);color:var(--yel)}.follow p{max-width:46ch}footer{background:var(--navy-ink);color:var(--mute);padding-block:36px;font-size:14px}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}footer .logo{width:110px;color:var(--white)}footer .warn{color:var(--white);font-weight:700}.n,.abv,.en,.step,.handle,.eyebrow,.ends{text-align:right;direction:ltr;unicode-bidi:isolate}.beer .top .en{text-align:left}.abv small{margin-inline:6px 0}.f2 .n{font-size:clamp(34px,7.4vw,76px)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}