.brewory{--b-espresso:#3a2a22;--b-beige:#e9dfd2;--b-sage:#8fa98b;--b-cream:#faf7f2;--b-ink:#34251d;background-color:var(--b-cream);color:var(--b-ink);font-family:var(--font-dm-sans), Arial, Helvetica, sans-serif}.brewory ::selection{background-color:var(--b-espresso);color:var(--b-cream)}.brewory a:focus-visible,.brewory button:focus-visible,.brewory input:focus-visible{outline:2px solid var(--b-espresso);outline-offset:2px}.brewory .on-dark a:focus-visible,.brewory .on-dark button:focus-visible,.brewory .on-dark input:focus-visible{outline-color:var(--b-beige)}.b-heading{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.01em}.b-wordmark{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.02em;font-weight:600}.b-hero-line{display:block}@media (prefers-reduced-motion:no-preference){.b-reveal{opacity:0;transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1);transition-delay:var(--b-delay,0s);transform:translateY(22px)}.b-reveal.is-in{opacity:1;transform:none}.b-hero-img{animation:2.8s cubic-bezier(.22,1,.36,1) both b-hero-settle}.b-hero-line{animation:.95s cubic-bezier(.22,1,.36,1) both b-rise}.b-hero-line:nth-child(2){animation-delay:.14s}.b-hero-sub{animation:.95s cubic-bezier(.22,1,.36,1) .3s both b-rise}.b-hero-cta{animation:.95s cubic-bezier(.22,1,.36,1) .42s both b-rise}.b-card{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1)}.b-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px -20px #3a2a2259}.b-card img{transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.b-card:hover img{transform:scale(1.05)}.b-pill{transition:background-color .25s,color .25s,border-color .25s,transform .25s}.b-pill:active{transform:scale(.97)}.b-mobile-panel{transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1),opacity .3s}.b-marquee-track{animation:36s linear infinite b-marquee}.b-marquee:hover .b-marquee-track{animation-play-state:paused}}@keyframes b-hero-settle{0%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes b-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes b-marquee{to{transform:translate(-50%)}}.b-marquee{overflow:hidden}.b-marquee-track{width:max-content;display:flex}.b-underline{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1.5px;transition:background-size .35s cubic-bezier(.22,1,.36,1)}.b-underline:hover,a:hover .b-underline{background-size:100% 1.5px}
