.ot-hero{padding:0}.ot-hero-panel{background:var(--co-blue-dark);flex-direction:column;justify-content:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.ot-hero-pattern{background:var(--co-blue);opacity:.5;pointer-events:none;-webkit-mask-composite:source-in;-webkit-mask:url(assets/co-pattern-tile.svg) 0 0/1996.5px 1062.44px,linear-gradient(#000 78%,#0000 100%) 0 0/100% 100%;position:absolute;inset:0;mask-image:url(assets/co-pattern-tile.svg),linear-gradient(#000 78%,#0000 100%);mask-position:0 0,0 0;mask-size:1996.5px 1062.44px,100% 100%;mask-repeat:repeat,repeat;mask-clip:border-box,border-box;mask-origin:border-box,border-box;mask-composite:intersect;mask-mode:match-source,match-source}.ot-hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;width:100%;padding-top:120px;padding-bottom:72px;display:grid;position:relative}.ot-hero-copy h1{color:#fff;letter-spacing:-.02em;font-size:clamp(38px,4.6vw,58px);font-weight:700;line-height:1.1}.ot-hero-sub{color:#f8ebd6d9;margin:20px 0 30px;font-size:19px;line-height:1.5}.ot-hero-btns{flex-wrap:wrap;gap:14px;display:flex}.ot-hero-stage{height:520px}.ot-hero-stage .hero-keg{height:400px}.ot-why{text-align:center;padding:96px 0 84px}.ot-why-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:52px;display:grid}.ot-card{flex-direction:column;display:flex}.ot-card-photo{aspect-ratio:3/2;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 16px 34px #2b2b2b1f}.ot-card-photo img{object-fit:cover;width:100%;height:100%}.ot-card h3{color:var(--co-blue);margin-top:22px;font-size:23px;font-weight:700}.ot-stat{margin-top:12px}.ot-stat b{color:var(--co-orange);letter-spacing:-.02em;font-size:34px;font-weight:800;line-height:1;display:block}.ot-stat span{color:var(--co-grey-light);font-size:15px}.ot-card ul{flex-direction:column;gap:9px;margin-top:18px;list-style:none;display:flex}.ot-card li{color:var(--co-grey);padding-left:24px;font-size:16px;position:relative}.ot-card li:before{content:"✓";color:var(--co-orange);font-weight:700;position:absolute;left:0}.ot-trusted{background:var(--co-cream);text-align:center;padding:72px 0 60px;overflow:hidden}.ot-trusted-line{color:var(--co-blue)}.ot-btn-ghost{color:#fff;background:0 0;box-shadow:inset 0 0 0 2px #ffffffbf}.ot-btn-ghost:hover{background:#ffffff1f}.ot-system{background:var(--co-cream-deep);text-align:center;border-radius:64px;margin:24px 16px;padding:96px 0}.ot-steps{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px;display:grid}.ot-step-video{aspect-ratio:1;object-fit:cover;border-radius:var(--r-lg);background:var(--co-cream);width:100%;box-shadow:0 18px 40px #2b2b2b24}.ot-step h3{color:var(--co-orange);margin-top:18px;font-size:27px;font-weight:800}.ot-step p{color:var(--co-grey);margin-top:8px;font-size:16.5px;line-height:1.5}.ot-quiz{background:var(--co-blue);text-align:center;border-radius:64px;margin:24px 16px;padding:96px 0 92px;position:relative;overflow:hidden}.ot-quiz:before{content:"";opacity:.1;filter:brightness(4);pointer-events:none;background:url(assets/co-pattern-tile.svg) 0 0/751px;position:absolute;inset:0}.ot-quiz .wrap{position:relative}.ot-quiz h2{color:#fff}.ot-quiz .section-sub{color:#f8ebd6d9}.ot-wizard{max-width:560px;margin:48px auto 0}.ot-wcard{border-radius:var(--r-lg);text-align:center;background:#fff8ec;padding:44px 40px;box-shadow:0 18px 40px #2b2b2b1a}.ot-wstep{letter-spacing:.16em;text-transform:uppercase;color:var(--co-orange);font-size:13.5px;font-weight:700}.ot-wq{color:var(--co-blue);margin-top:14px;font-size:26px;font-weight:700;line-height:1.25}.ot-whint{color:var(--co-grey-light);margin-top:10px;font-size:15px}.ot-wbtns{justify-content:center;gap:14px;margin-top:28px;display:flex}.ot-wbtns .btn{min-width:130px}.ot-btn-outline{color:var(--co-black);border:2px solid var(--co-black);background:0 0}.ot-btn-outline:hover{background:var(--co-black);color:#fff}.ot-wback{cursor:pointer;font-family:var(--font-sans);color:var(--co-grey-light);background:0 0;border:none;margin-top:22px;font-size:15px;font-weight:600;display:inline-block}.ot-wback:hover{color:var(--co-orange)}.ot-wtext{color:var(--co-grey);margin-top:12px;font-size:17px;line-height:1.55}.ot-wtrail{color:var(--co-grey-light);margin-top:14px;font-size:14px}.ot-wform{flex-direction:column;gap:12px;margin-top:24px;display:flex}.ot-wform input{border-radius:var(--r-pill);border:1.5px solid var(--co-cream-deep);font-family:var(--font-sans);color:var(--co-black);background:#fff;outline:none;padding:15px 24px;font-size:16px}.ot-wform input:focus{border-color:var(--co-orange)}.ot-wform textarea{border-radius:var(--r-lg);border:1.5px solid var(--co-cream-deep);font-family:var(--font-sans);color:var(--co-black);resize:vertical;background:#fff;outline:none;min-height:84px;padding:15px 24px;font-size:16px}.ot-wform textarea:focus{border-color:var(--co-orange)}.ot-range{background:var(--co-cream-deep);text-align:center;border-radius:64px;margin:24px 16px;padding:96px 0}.ot-kegs{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:48px;display:grid}.ot-keg{--keg-photo-h:200px;border-radius:var(--r-lg);grid-template-rows:var(--keg-photo-h) auto 1fr;background:#fff8ec;place-items:start center;gap:8px;min-width:0;padding:28px 20px 24px;transition:transform .15s,box-shadow .15s;display:grid;position:relative}.ot-keg:hover{transform:translateY(-4px);box-shadow:0 14px 32px #2b2b2b1a}@media (hover:none){.ot-keg:hover{box-shadow:none;transform:none}}.ot-keg img{height:var(--keg-photo-h);object-fit:contain;object-position:bottom center;filter:drop-shadow(0 12px 18px #00000029);width:100%}.ot-keg.is-out img{opacity:.8;filter:drop-shadow(0 12px 18px #00000029)grayscale(.15)}.ot-keg figcaption{color:var(--co-blue);font-size:19px;font-weight:700}.ot-keg-ing{color:var(--co-grey);font-size:14.5px;line-height:1.45}.ot-keg-slot{border-radius:var(--r-md);width:112px;height:200px;color:var(--co-grey-light);border:2px dashed #2b2b2b40;justify-content:center;align-items:center;margin-bottom:10px;font-size:14px;font-weight:600;line-height:1.4;display:flex}.ot-sticker{aspect-ratio:1;background:var(--fl,var(--co-orange));text-align:center;border-radius:50%;justify-content:center;align-items:center;width:100%;max-width:168px;margin-bottom:16px;padding:20px;display:flex;box-shadow:inset 0 0 0 7px #ffffff73,0 14px 26px #2b2b2b29}.ot-sticker span{color:#fff;letter-spacing:-.01em;text-shadow:0 2px 10px #0000002e;font-size:21px;font-weight:800;line-height:1.15}.ot-sticker-sig{background:var(--co-cream);box-shadow:inset 0 0 0 3px var(--co-orange),0 14px 26px #2b2b2b29}.ot-sticker-sig span{color:var(--co-orange);text-shadow:none}.ot-keg-sig{background:var(--co-orange)}.ot-keg-sig figcaption{color:#fff}.ot-keg-sig .ot-keg-ing{color:#ffffffe6}.ot-keg-sig img{filter:drop-shadow(0 16px 24px #0000004d)}.ot-gallery{text-align:center;padding:96px 0 84px;overflow:hidden}.ot-marquee{margin-top:52px;position:relative;overflow:hidden}.ot-marquee:before,.ot-marquee:after{content:"";z-index:1;pointer-events:none;width:5%;position:absolute;top:0;bottom:0}.ot-marquee:before{background:linear-gradient(90deg,var(--co-cream),#f8ebd600);left:0}.ot-marquee:after{background:linear-gradient(270deg,var(--co-cream),#f8ebd600);right:0}.ot-marquee-track{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:max-content;animation:55s linear infinite ot-marquee;display:flex}.ot-marquee:hover .ot-marquee-track{animation-play-state:paused}.ot-marquee-item{border-radius:var(--r-lg);flex:none;width:380px;height:280px;margin-right:20px;position:relative;overflow:hidden}.ot-marquee-item img{object-fit:cover;width:100%;height:100%;display:block}.ot-marquee-item figcaption{color:#fff;text-align:left;background:linear-gradient(#0000,#000000ad);padding:26px 22px 16px;font-size:16px;font-weight:700;position:absolute;bottom:0;left:0;right:0}@keyframes ot-marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@media (width<=768px){.ot-marquee{-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;padding:0 0 8px;overflow:auto hidden}.ot-marquee::-webkit-scrollbar{display:none}.ot-marquee:before,.ot-marquee:after{content:none}.ot-marquee-track{will-change:auto;animation:none}}@media (prefers-reduced-motion:reduce){.ot-marquee{-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding:0 16px 8px;scroll-padding-left:16px;overflow:auto hidden}.ot-marquee::-webkit-scrollbar{display:none}.ot-marquee:before,.ot-marquee:after{content:none}.ot-marquee-track{will-change:auto;animation:none}.ot-marquee-item{scroll-snap-align:start}.ot-marquee-item[aria-hidden=true]{display:none}}.ot-makers{padding:96px 0 60px}.ot-makers-grid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:64px;display:grid}.ot-makers-photo{aspect-ratio:4/5;border-radius:32px;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 30px 60px #2b2b2b2e}.ot-makers-photo img{object-fit:cover;width:100%;height:100%}.ot-makers-line{color:var(--co-orange);margin-top:18px;font-size:22px;font-weight:600}.ot-founders{text-align:left;margin-top:22px;list-style:none}.ot-founders li{color:var(--co-grey);padding:7px 0 7px 26px;font-size:17px;line-height:1.55;position:relative}.ot-founders li:before{content:"";background:var(--co-orange);border-radius:50%;width:9px;height:9px;position:absolute;top:16px;left:0}.ot-founders b{color:var(--co-blue)}.ot-brewery-thumbs{gap:12px;margin-top:22px;display:flex}.ot-thumb{aspect-ratio:4/3;border-radius:var(--r-md);flex:1;overflow:hidden}.ot-thumb img{object-fit:cover;width:100%;height:100%;display:block}.ot-docs{text-align:center;padding:60px 0 88px}.ot-docs-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px;display:grid}.ot-doc{border-radius:var(--r-lg);text-align:left;background:#fff8ec;padding:30px 26px;transition:transform .15s,box-shadow .15s}.ot-doc:hover{transform:translateY(-4px);box-shadow:0 14px 32px #2b2b2b1a}.ot-doc-ic{width:40px;height:40px;color:var(--co-orange);justify-content:center;align-items:center;margin-bottom:18px;display:flex}.ot-doc-ic svg{width:32px;height:32px}.ot-doc b{color:var(--co-blue);font-size:19px;font-weight:700;display:block}.ot-doc span{color:var(--co-grey);margin-top:4px;font-size:15px;display:block}.ot-doc em{color:#fff;background:var(--co-orange);border-radius:var(--r-pill);margin-top:18px;padding:9px 18px;font-size:14.5px;font-style:normal;font-weight:700;transition:background .15s;display:inline-block}.ot-doc:hover em{background:var(--co-orange-dark)}.ot-faq{padding:40px 0 88px}.ot-faq .wrap{text-align:center;max-width:820px}.ot-faq-list{text-align:left;flex-direction:column;gap:14px;margin-top:44px;display:flex}.ot-faq-item{border-radius:var(--r-md);background:#fff8ec;transition:box-shadow .15s;overflow:hidden}.ot-faq-item[open]{box-shadow:0 14px 32px #2b2b2b17}.ot-faq-item summary{cursor:pointer;color:var(--co-blue);justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;font-size:18px;font-weight:700;list-style:none;display:flex}.ot-faq-item summary::-webkit-details-marker{display:none}.ot-faq-ic{flex:none;width:20px;height:20px;position:relative}.ot-faq-ic:before,.ot-faq-ic:after{content:"";background:var(--co-orange);border-radius:2px;transition:transform .2s;position:absolute}.ot-faq-ic:before{width:20px;height:2.5px;top:9px;left:0}.ot-faq-ic:after{width:2.5px;height:20px;top:0;left:9px}.ot-faq-item[open] .ot-faq-ic:after{transform:scaleY(0)}.ot-faq-a{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.ot-faq-item[open] .ot-faq-a{grid-template-rows:1fr}.ot-faq-a p{min-height:0;color:var(--co-grey);padding:0 26px 24px;font-size:16.5px;line-height:1.6;overflow:hidden}.ot-faq-a em{color:var(--co-grey-light);font-style:italic}.ot-wsketch{aspect-ratio:16/9;border-radius:var(--r-md);text-align:center;width:100%;color:var(--co-grey-light);border:2px dashed #2b2b2b40;justify-content:center;align-items:center;margin-bottom:22px;padding:16px;font-size:13.5px;font-weight:600;line-height:1.4;display:flex}.ot-wsketch-img{background:#f3e6cf;border:none;padding:0;overflow:hidden}.ot-wsketch-img img{object-fit:contain;width:100%;height:100%}.ot-contact{background:var(--co-blue);padding:88px 0}.ot-contact-inner{text-align:center;max-width:640px}.ot-contact-head{color:#fff}.ot-contact-sub{color:#f8ebd6d9;margin-top:14px;font-size:18.5px;line-height:1.55}.ot-form{text-align:left;flex-direction:column;gap:12px;margin-top:36px;display:flex}.ot-form-row{gap:12px;min-width:0;display:flex}.ot-form-row input{flex:1 1 0;min-width:0}.ot-form input{border-radius:var(--r-pill);font-family:var(--font-sans);color:var(--co-black);background:#fff8ec;border:1.5px solid #0000;outline:none;width:100%;padding:16px 22px;font-size:16px}.ot-form input:focus{border-color:var(--co-orange)}.ot-form textarea{border-radius:var(--r-lg);font-family:var(--font-sans);color:var(--co-black);resize:vertical;background:#fff8ec;border:1.5px solid #0000;outline:none;width:100%;min-height:88px;padding:16px 22px;font-size:16px}.ot-form textarea:focus{border-color:var(--co-orange)}.ot-form .btn{padding:16px;font-size:17px}.ot-b2c-strip{background:var(--co-orange);margin-top:24px}.ot-b2c-strip-inner{flex-wrap:wrap;align-items:center;gap:30px;padding-top:22px;padding-bottom:22px;display:flex}.ot-b2c-thumb{filter:drop-shadow(0 8px 14px #00000047);flex:none;width:auto;height:92px}.ot-b2c-strip-copy{flex:1;min-width:220px}.ot-b2c-strip-eyebrow{color:var(--co-cream);letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:700}.ot-b2c-strip-head{color:#fff;letter-spacing:-.01em;font-size:clamp(19px,2vw,24px);font-weight:700}@media (width<=1020px){.ot-why-grid{grid-template-columns:1fr;gap:0;max-width:420px;margin-left:auto;margin-right:auto}.ot-card+.ot-card{border-top:1px solid #2b2b2b1f;margin-top:64px;padding-top:64px}}@media (width<=860px){.ot-hero-grid{text-align:center;grid-template-columns:1fr;gap:28px;padding-top:92px;padding-bottom:48px}.ot-hero-btns{justify-content:center}.ot-hero-stage{height:min(400px,44svh)}.ot-hero-stage .hero-keg{height:min(300px,34svh)}.ot-hero-stage .hero-garnish{max-width:min(312px,38svh)}.ot-hero-stage .hero-flavour-name{font-size:clamp(24px,5.6vw,30px)}.ot-quiz{align-items:center;min-height:100svh;display:flex}.ot-quiz>.wrap{width:100%}.ot-steps{grid-template-columns:1fr;max-width:340px;margin-left:auto;margin-right:auto}.ot-kegs{grid-template-columns:repeat(2,minmax(0,1fr))}.ot-wcard{padding:32px 22px}.ot-makers-grid{grid-template-columns:1fr;gap:40px}.ot-docs-grid{grid-template-columns:1fr}.ot-form-row{flex-direction:column}.ot-b2c-strip-inner{text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:14px 22px;display:grid}.ot-b2c-thumb{grid-row:1/3;height:108px}.ot-b2c-strip-copy{grid-row:1}.ot-b2c-strip-inner>.btn{grid-row:2;justify-self:start}.ot-marquee-item{width:280px;height:210px;margin-right:14px}}@media (width<=520px){.ot-keg{--keg-photo-h:150px;padding:20px 12px 18px}}.ot-form .cc-field-error{color:var(--fl-mango)}.ot-form .cc-check,.ot-wform .cc-check{justify-content:center}