.ob{background:var(--cream)}.ob__wrap{max-width:1440px;margin:0 auto;padding:clamp(20px,5.143px + 3.8095vw,60px) 16px clamp(60px,45.143px + 3.8095vw,100px)}.ob__header{text-align:center;margin-bottom:clamp(32px,21.6px + 2.6667vw,60px)}.ob__heading{font-family:var(--f-display);font-weight:400;text-transform:uppercase;color:var(--ink);font-size:clamp(55px,38.286px + 4.2857vw,100px);line-height:1;letter-spacing:1.18px;margin-bottom:20px}.ob__eyebrow{font-family:var(--f-script);color:var(--ink);font-size:clamp(20px,16.286px + .9524vw,30px);line-height:1.2;margin-bottom:clamp(30px,18.857px + 2.8571vw,60px)}.ob__desc{max-width:680px;margin:0 auto;font-size:17px;line-height:1.75;color:#444}.ob__layout{display:flex;flex-direction:column;align-items:stretch;gap:24px}.ob__tabs{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:10px}.ob__tab{display:flex;align-items:center;justify-content:center;width:min(100%,300px);min-height:56px;padding:12px 20px;border-radius:100px;color:#fff;white-space:nowrap;text-align:center;font-family:var(--f-display);text-transform:uppercase;font-size:clamp(30px,24.429px + 1.4286vw,45px);line-height:1.15;letter-spacing:1px;background:#1e1e1e url(/img/btn-tex-dark.54dcbbbc92-515.webp) center / cover no-repeat;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.ob__tab[aria-selected=true]{background:var(--teal) url(/img/btn-tex-teal.7bd69c3b67-275.webp) center / cover no-repeat;box-shadow:0 6px 18px #00000026}.ob__tab:hover{transform:translateY(-2px)}.ob__tab:active{transform:translateY(0);filter:brightness(.95)}.ob__cards{display:grid;gap:60px;padding-top:30px;max-width:800px;width:100%;margin:0 auto}.ob__cards:focus-visible{outline-offset:8px}.beer{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;padding:0 0 40px;margin-top:25px;border-radius:clamp(24px,12.114px + 3.0476vw,56px);background:var(--card);color:#fff}.beer[hidden]{display:none}.beer:after{content:"";position:absolute;inset:10px;z-index:1;border:1px solid rgba(255,255,255,.6);border-radius:calc(clamp(24px,12.114px + 3.0476vw,56px) - 6px);pointer-events:none}.beer__media{display:contents}.beer__tex{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;border-radius:clamp(24px,12.114px + 3.0476vw,56px)}.beer__can{position:relative;z-index:3;width:auto;height:280px;max-width:210px;object-fit:contain;margin:-25px 0 0;filter:drop-shadow(0 12px 22px rgba(0,0,0,.3));transition:transform .4s var(--spring)}.beer:hover .beer__can{transform:translateY(-8px) rotate(-2deg)}.beer__info{position:relative;z-index:3;text-align:center;padding:8px 16px 0}.beer__name{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(40px,28.114px + 3.0476vw,72px);line-height:1;margin-bottom:8px}.beer__desc{font-size:17px;line-height:1.6;color:#ffffffeb;margin-bottom:10px}.beer__specs{list-style:none;margin:0;padding:0;display:grid;gap:3px}.beer__specs li{font-family:var(--f-label);font-weight:500;font-size:15px;line-height:1.8;letter-spacing:.5px;text-transform:uppercase;color:#ffffffeb}.beer__specs li:before{content:"\2022";margin-right:6px}@media(prefers-reduced-motion:no-preference){.js .beer{opacity:0;transform:translateY(32px);transition:opacity .6s ease,transform .6s var(--spring)}.js .beer.is-in{opacity:1;transform:none}}@media(min-width:640px){.ob__wrap{padding-left:28px;padding-right:28px}.ob__tabs{flex-direction:row;justify-content:center;gap:16px}.ob__tab{width:280px;min-height:63px;padding:14px 20px}.ob__cards{gap:clamp(70px,46px + 3.75vw,100px);padding-top:60px}.beer{display:grid;grid-template-columns:clamp(200px,97.6px + 16vw,328px) minmax(0,1fr);align-items:center;min-height:clamp(420px,348px + 11.25vw,510px);padding:40px 0;margin-top:0}.beer__can{position:absolute;top:calc(-1*clamp(40px,24px + 2.5vw,60px));left:clamp(28px,5.6px + 3.5vw,56px);width:clamp(150px,81.2px + 10.75vw,236px);height:calc(100% + clamp(30px,14px + 2.5vw,50px));max-width:none;margin:0}.beer__info{grid-column:2;text-align:left;padding:0 clamp(28px,26.4px + .25vw,30px) 0 0}.beer__name{margin-bottom:14px;font-size:clamp(44px,21.6px + 3.5vw,72px)}.beer__desc{margin-bottom:18px}}@media(min-width:1024px){.ob__wrap{padding-left:40px;padding-right:40px}.ob__layout{flex-direction:row;align-items:flex-start;gap:50px;max-width:1431px}.ob__tabs{flex:0 1 480px;flex-direction:column;align-items:stretch;gap:12px;margin-top:50px;position:sticky;top:120px}.ob__tab{width:100%;min-height:80px;padding:14px 20px;font-size:45px}.ob__cards{flex:1 1 800px;margin:0}}@media(min-width:768px){.page-beers .chab--left .chab__watch{left:calc(-1*clamp(40px,22.857px + 2.2321vw,55px));right:auto;bottom:20px;transform:none}.page-beers .chab--left .chab__watch:hover{transform:translateY(-3px)}}@media(min-width:1024px)and (max-width:1300px){.ob__tabs{flex-basis:280px}.ob__tab{font-size:35px}}