/* Festbier borrows its color from the brewery's original label. */
:root.black-lager-theme{--paper:#f4e8bc;--ink:#173e36;--orange:#d24c27;--gold:#f1c52b;--turquoise:#71b8b0;--green:#285544;background:var(--paper)}
.black-lager-theme .hero{grid-template-columns:1fr 1.05fr;padding-left:7%;min-height:660px;max-height:960px}
.black-lager-theme .hero h1{font-size:clamp(4.2rem,7.7vw,8rem);letter-spacing:-.045em}
.black-lager-theme .description{max-width:430px;font-size:clamp(1.2rem,1.75vw,1.65rem);line-height:1.5}
.black-lager-theme .eyebrow{max-width:430px;line-height:1.65}
.black-lager-theme .beer-style{font-size:1rem;letter-spacing:.06em}
.black-lager-theme .solid-link:hover{background:#2e604c}
.black-lager-theme .beer-notebook{background:#f8efd0}
.black-lager-theme .story{gap:7%;padding-top:90px}
.black-lager-theme .story h2{font-size:clamp(2.8rem,5vw,5.3rem)}
.black-lager-theme .story-art{padding-top:0}
.black-lager-theme .story-art img{border-radius:0;min-height:490px;max-height:570px;object-position:75% center}
.black-lager-theme .story-art figcaption{font-size:.8125rem;line-height:1.6;letter-spacing:.01em}
.black-lager-theme .ingredients-button,.black-lager-theme .motion-button{border-color:#173e3670;background:#f4e8bc}
.black-lager-theme .ingredients-button:hover,.black-lager-theme .motion-button:hover{background:#ecdc9e}
.black-lager-theme .ingredient{width:clamp(115px,13vw,175px)}
.black-lager-theme .ingredient img{height:140px}
.black-lager-theme .ingredient strong{font-size:1rem}
.black-lager-theme .ingredient figcaption::before{background:var(--ink)}
.black-lager-theme .ingredient--munich{--x:17%;--y:28%;--dx:110%;--dy:70%;--turn:-22deg;--delay:.08s}
.black-lager-theme .ingredient--vienna{--x:83%;--y:28%;--dx:-110%;--dy:70%;--turn:25deg;--delay:.18s}
.black-lager-theme .ingredient--spalt{--x:17%;--y:65%;--dx:110%;--dy:-75%;--turn:-15deg;--delay:.28s}
.black-lager-theme .ingredient--lager-yeast{--x:83%;--y:65%;--dx:-110%;--dy:-75%;--turn:20deg;--delay:.38s}
.fest-ingredients{background:var(--turquoise);border-block:1px solid var(--ink);padding:76px 0 85px}
.ingredient-heading h2{font-size:clamp(2.5rem,4.6vw,4.8rem);max-width:900px}
.ingredient-heading .eyebrow{margin-bottom:20px}
.ingredient-notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:48px;border-top:1px solid var(--ink)}
.ingredient-notes article{position:relative;padding:24px 24px 0;border-left:1px solid #173e3655}
.ingredient-notes article:first-child{padding-left:0;border-left:0}
.ingredient-notes article:last-child{padding-right:0}
.ingredient-number{font:400 .875rem/1.5 var(--label)}
.ingredient-notes img{display:block;width:155px;height:155px;object-fit:contain;margin:10px auto 20px}
.ingredient-notes h3{font-size:1.8rem;line-height:1.2;margin-bottom:14px}
.ingredient-notes p{font-size:1rem;line-height:1.7;max-width:290px}
.fest-gather{display:grid;grid-template-columns:1.1fr 1fr;background:var(--green);color:#fff2c4}
.fest-gather figure{position:relative;min-width:0}
.fest-gather figure img{display:block;width:100%;height:100%;min-height:570px;object-fit:cover;object-position:45% center}
.fest-gather figcaption{position:absolute;bottom:0;left:0;right:0;padding:60px 26px 22px;background:linear-gradient(transparent,#173e36da);font-size:.875rem;line-height:1.5;color:#fff9e7}
.fest-gather-copy{padding:90px 13%;align-self:center}
.fest-gather-copy h2{font-size:clamp(3.2rem,6.5vw,6.6rem);margin-bottom:28px}
.fest-gather-copy>p:not(.eyebrow){font-size:1.125rem;line-height:1.75;max-width:450px}
.fest-gather-copy .solid-link{margin-top:30px;background:var(--gold);color:var(--ink)}
.fest-gather-copy .solid-link:hover{background:#ffe37b}
.black-lager-theme .finder{border-color:#173e3660}
.black-lager-theme .finder-search input,.black-lager-theme .nearby-button,.black-lager-theme .more-locations,.black-lager-theme .format-filters span{border-color:#173e3675}
.black-lager-theme .finder-result-bar,.black-lager-theme .location-row{border-color:#173e3640}
.black-lager-theme .finder-search input::placeholder,.black-lager-theme .location-address,.black-lager-theme .location-distance,.black-lager-theme .finder-footer>p,.black-lager-theme .distance-note{color:#486353}
.black-lager-theme .location-kind{color:var(--green)}
.black-lager-theme .trade{background:var(--gold);color:var(--ink)}
.black-lager-theme .trade h2{font-size:clamp(2.9rem,5.5vw,5.8rem)}
@media(min-width:761px) and (max-width:1050px){.black-lager-theme .ingredient{width:108px}.black-lager-theme .ingredient img{height:108px}.black-lager-theme .ingredient strong{font-size:.875rem}.ingredient-notes article{padding-inline:15px}.ingredient-notes h3{font-size:1.5rem}.fest-gather-copy{padding:60px 10%}}
@media(max-width:760px){.black-lager-theme .hero{grid-template-columns:1fr;padding:0 6%;min-height:0;max-height:none}.black-lager-theme .hero h1{font-size:clamp(3rem,13vw,5.8rem);overflow-wrap:normal}.black-lager-theme .hero .eyebrow{margin-inline:auto}.black-lager-theme .description{font-size:1.1875rem;max-width:400px}.black-lager-theme .beer-style{font-size:.875rem}.black-lager-theme .can-stage{height:clamp(510px,125vw,660px)}.black-lager-theme .ingredient{width:clamp(98px,27vw,150px)}.black-lager-theme .ingredient img{height:clamp(105px,28vw,140px)}.black-lager-theme .ingredient strong{font-size:.875rem}.black-lager-theme .story{padding-block:62px;gap:30px}.black-lager-theme .story-art img{min-height:0;height:400px}.fest-ingredients{padding:55px 0}.ingredient-heading h2{font-size:clamp(2rem,8vw,3.5rem)}.ingredient-notes{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px}.ingredient-notes article{padding:20px 16px 25px}.ingredient-notes article:nth-child(odd){padding-left:0;border-left:0}.ingredient-notes article:nth-child(even){padding-right:0}.ingredient-notes article:nth-child(n+3){border-top:1px solid #173e3655}.ingredient-notes img{width:110px;height:120px;margin:5px auto 16px}.ingredient-notes h3{font-size:1.45rem}.ingredient-notes p{font-size:1rem}.fest-gather{grid-template-columns:1fr}.fest-gather figure img{min-height:0;height:380px}.fest-gather-copy{padding:50px 6% 60px}.fest-gather-copy h2{font-size:clamp(3.2rem,12vw,5rem)}.fest-gather-copy>p:not(.eyebrow){font-size:1.0625rem}.black-lager-theme .trade h2{font-size:clamp(2.5rem,10vw,4rem)}}
@media(max-width:360px){.ingredient-notes{grid-template-columns:1fr}.ingredient-notes article{padding:24px 0!important;border-left:0}.ingredient-notes article+article{border-top:1px solid #173e3655}.ingredient-notes img{float:right;margin:0 0 15px 15px;width:90px;height:100px}.ingredient-notes h3{margin-top:12px}}

/* Use the same can stage and hero proportions as Paleta. */
.black-lager-theme .hero{grid-template-columns:.93fr 1.07fr;padding-left:9%;min-height:650px;max-height:none}
@media(min-width:1700px){.black-lager-theme .hero{padding-left:5%}}
@media(max-width:760px){
  .black-lager-theme .hero{grid-template-columns:1fr;padding:0 6%;min-height:0}
  .black-lager-theme .can-stage{height:clamp(550px,135vw,720px)}
}

:root.black-lager-theme{--paper:#f9e9df;--ink:#30241f;--orange:#ee293a;--gold:#eca2bb;--turquoise:#61b5be;--green:#556239}.black-lager-theme .can-stage{background:#61b5be}.black-lager-theme .hero h1{font-size:clamp(3.3rem,7vw,7rem)}.black-lager-theme .ingredients-button,.black-lager-theme .motion-button{background:#f9e9df}.black-lager-theme .ingredient{padding:20px;background:#f9e9df;border:1px solid var(--ink);box-shadow:5px 5px 0 #e79db7}.black-lager-theme .ingredient--munich{--x:17%;--y:30%}.black-lager-theme .ingredient--vienna{--x:83%;--y:30%}.black-lager-theme .ingredient--lager-yeast{--x:78%;--y:70%}.ingredient-notes{grid-template-columns:repeat(3,minmax(0,1fr))}.black-lager-theme .story-art img{object-position:75% center}@media(max-width:760px){.ingredient-notes{grid-template-columns:1fr}.black-lager-theme .hero h1{font-size:clamp(3rem,11vw,4.5rem)}}/* One continuous label-colored hero, including the copy column. */
.black-lager-theme .hero{background:#61b5be;max-width:none;grid-template-columns:1fr 1fr;padding:30px 5% 30px 7%;height:auto;min-height:650px;gap:24px;color:#30241f}
.black-lager-theme .hero .copy{max-width:560px}.black-lager-theme .hero .description{font-size:1.25rem;line-height:1.7;max-width:470px}.black-lager-theme .hero .period{color:#e89ab6}.black-lager-theme .can-stage{background:transparent;min-height:590px}.black-lager-theme .hero .solid-link{background:#30241f;color:#f9e9df}.black-lager-theme .hero .solid-link:hover{background:#493831}.black-lager-theme .beer-notebook{background:#30241f;color:#f9e9df;margin-top:48px;margin-bottom:24px}.black-lager-theme .beer-notebook dt{color:#f9e9df}.black-lager-theme .notebook-grid>div,.black-lager-theme .notebook-line,.black-lager-theme .notebook-top{border-color:#f9e9df55}.black-lager-theme .story{padding-top:64px}.black-lager-theme .fest-ingredients{background:#e89ab6}.black-lager-theme .ingredient-notes h3,.black-lager-theme .ingredient-number{color:#30241f}.black-lager-theme .trade{background:#30241f;color:#f9e9df}.black-lager-theme .trade .solid-link{background:#e89ab6;color:#30241f}.black-lager-theme .trade-email,.black-lager-theme .trade-phone a{color:#f9e9df}
@media(max-width:760px){.black-lager-theme .hero{grid-template-columns:1fr;padding:35px 6% 15px;gap:0;min-height:0}.black-lager-theme .hero .copy{padding:0}.black-lager-theme .hero .description{font-size:1.0625rem}.black-lager-theme .can-stage{min-height:0;height:510px;margin:0 -3%}.black-lager-theme .can-view{min-height:0}.black-lager-theme .beer-notebook{margin-top:28px;margin-bottom:0}.black-lager-theme .story{padding-top:42px}.black-lager-theme .can-controls{bottom:8px}}

/* Match Chico's hero and can-stage geometry. */
.black-lager-theme .hero{grid-template-columns:.93fr 1.07fr;height:calc(100svh - 150px);min-height:650px;max-height:none;padding:0 3% 0 9%;gap:0;align-items:center}
.black-lager-theme .hero .copy{padding:35px 0;max-width:none}
.black-lager-theme .can-stage{min-height:0;align-self:stretch;margin:0;height:auto}
.black-lager-theme .can-view{min-height:540px;height:100%;width:100%}
.black-lager-theme .hero .description{font-size:clamp(1.375rem,2vw,1.875rem);line-height:1.3;max-width:370px}
@media(min-width:1700px){.black-lager-theme .hero{padding-left:5%}}
@media(max-width:760px){.black-lager-theme .hero{grid-template-columns:1fr;padding:0 5%;height:auto;min-height:0;gap:0;text-align:center}.black-lager-theme .hero .copy{padding:40px 0 0}.black-lager-theme .hero .description{font-size:1.4375rem;max-width:320px;margin:19px auto 0}.black-lager-theme .can-stage{height:clamp(510px,125vw,660px);margin:0}.black-lager-theme .can-view{min-height:0}}