/* Festbier borrows its color from the brewery's original label. */
:root.hefe-theme{--paper:#f4e8bc;--ink:#173e36;--orange:#d24c27;--gold:#f1c52b;--turquoise:#71b8b0;--green:#285544;background:var(--paper)}
.hefe-theme .hero{grid-template-columns:1fr 1.05fr;padding-left:7%;min-height:660px;max-height:960px}
.hefe-theme .hero h1{font-size:clamp(4.2rem,7.7vw,8rem);letter-spacing:-.045em}
.hefe-theme .description{max-width:430px;font-size:clamp(1.2rem,1.75vw,1.65rem);line-height:1.5}
.hefe-theme .eyebrow{max-width:430px;line-height:1.65}
.hefe-theme .beer-style{font-size:1rem;letter-spacing:.06em}
.hefe-theme .solid-link:hover{background:#2e604c}
.hefe-theme .beer-notebook{background:#f8efd0}
.hefe-theme .story{gap:7%;padding-top:90px}
.hefe-theme .story h2{font-size:clamp(2.8rem,5vw,5.3rem)}
.hefe-theme .story-art{padding-top:0}
.hefe-theme .story-art img{border-radius:0;min-height:490px;max-height:570px;object-position:75% center}
.hefe-theme .story-art figcaption{font-size:.8125rem;line-height:1.6;letter-spacing:.01em}
.hefe-theme .ingredients-button,.hefe-theme .motion-button{border-color:#173e3670;background:#f4e8bc}
.hefe-theme .ingredients-button:hover,.hefe-theme .motion-button:hover{background:#ecdc9e}
.hefe-theme .ingredient{width:clamp(115px,13vw,175px)}
.hefe-theme .ingredient img{height:140px}
.hefe-theme .ingredient strong{font-size:1rem}
.hefe-theme .ingredient figcaption::before{background:var(--ink)}
.hefe-theme .ingredient--munich{--x:17%;--y:28%;--dx:110%;--dy:70%;--turn:-22deg;--delay:.08s}
.hefe-theme .ingredient--vienna{--x:83%;--y:28%;--dx:-110%;--dy:70%;--turn:25deg;--delay:.18s}
.hefe-theme .ingredient--spalt{--x:17%;--y:65%;--dx:110%;--dy:-75%;--turn:-15deg;--delay:.28s}
.hefe-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}
.hefe-theme .finder{border-color:#173e3660}
.hefe-theme .finder-search input,.hefe-theme .nearby-button,.hefe-theme .more-locations,.hefe-theme .format-filters span{border-color:#173e3675}
.hefe-theme .finder-result-bar,.hefe-theme .location-row{border-color:#173e3640}
.hefe-theme .finder-search input::placeholder,.hefe-theme .location-address,.hefe-theme .location-distance,.hefe-theme .finder-footer>p,.hefe-theme .distance-note{color:#486353}
.hefe-theme .location-kind{color:var(--green)}
.hefe-theme .trade{background:var(--gold);color:var(--ink)}
.hefe-theme .trade h2{font-size:clamp(2.9rem,5.5vw,5.8rem)}
@media(min-width:761px) and (max-width:1050px){.hefe-theme .ingredient{width:108px}.hefe-theme .ingredient img{height:108px}.hefe-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){.hefe-theme .hero{grid-template-columns:1fr;padding:0 6%;min-height:0;max-height:none}.hefe-theme .hero h1{font-size:clamp(3rem,13vw,5.8rem);overflow-wrap:normal}.hefe-theme .hero .eyebrow{margin-inline:auto}.hefe-theme .description{font-size:1.1875rem;max-width:400px}.hefe-theme .beer-style{font-size:.875rem}.hefe-theme .can-stage{height:clamp(510px,125vw,660px)}.hefe-theme .ingredient{width:clamp(98px,27vw,150px)}.hefe-theme .ingredient img{height:clamp(105px,28vw,140px)}.hefe-theme .ingredient strong{font-size:.875rem}.hefe-theme .story{padding-block:62px;gap:30px}.hefe-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}.hefe-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. */
.hefe-theme .hero{grid-template-columns:.93fr 1.07fr;padding-left:9%;min-height:650px;max-height:none}
@media(min-width:1700px){.hefe-theme .hero{padding-left:5%}}
@media(max-width:760px){
  .hefe-theme .hero{grid-template-columns:1fr;padding:0 6%;min-height:0}
  .hefe-theme .can-stage{height:clamp(550px,135vw,720px)}
}


:root.hefe-theme{--paper:#faf2e6;--ink:#2c352b;--orange:#e77829;--gold:#e77829;--turquoise:#64b8b0;--green:#56614b;background:var(--paper);color:var(--ink)}
.hefe-theme .hero{background:#e98a36;max-width:none;grid-template-columns:1fr 1fr;padding:30px 5% 30px 7%;height:auto;min-height:650px;gap:24px}
.hefe-theme .hero .copy{max-width:560px}.hefe-theme .hero h1{font-size:clamp(3.3rem,6.4vw,6.8rem);color:#28352d}.hefe-theme .period{color:#faf2e6}.hefe-theme .description{font-size:1.25rem;line-height:1.7;max-width:470px}.hefe-theme .can-stage{background:transparent;min-height:590px}.hefe-theme .solid-link{background:#324133;color:#faf2e6}.hefe-theme .solid-link:hover{background:#47553d}.hefe-theme .beer-notebook{background:#56614b;color:#faf2e6;border-color:#56614b}.hefe-theme .beer-notebook dt{color:#faf2e6}.hefe-theme .notebook-grid>div,.hefe-theme .notebook-line{border-color:#faf2e650}.hefe-theme .notebook-top{border-color:#faf2e650}.hefe-theme .story{padding-block:75px}.hefe-theme .story-art img{object-position:75% center;min-height:340px;max-height:430px}.hefe-theme .fest-ingredients{background:#64b8b0}.hefe-theme .ingredient-notes{grid-template-columns:repeat(3,minmax(0,1fr))}.hefe-theme .ingredients-button,.hefe-theme .motion-button{background:#faf2e6;border-color:#324133;color:#324133;font-size:14px}.hefe-theme .ingredients-button:hover,.hefe-theme .motion-button:hover{background:#fff}.hefe-theme .ingredient--munich{--x:17%;--y:30%}.hefe-theme .ingredient--vienna{--x:83%;--y:30%}.hefe-theme .ingredient--lager-yeast{--x:78%;--y:70%}.hefe-theme .trade{background:#56614b;color:#faf2e6}.hefe-theme .trade .solid-link{background:#e98a36;color:#25352b}.hefe-theme .trade-email,.hefe-theme .trade-phone a{color:#faf2e6}.hefe-theme .fest-gather{background:#56614b;color:#faf2e6}.hefe-theme .fest-gather-copy .solid-link{background:#64b8b0;color:#25352b}.hefe-theme .fest-gather figure img{min-height:430px}.hefe-theme .footer{background:#faf2e6;color:#2c352b}.hefe-theme .finder-search input::placeholder,.hefe-theme .location-address,.hefe-theme .location-distance,.hefe-theme .finder-footer>p,.hefe-theme .distance-note{color:#52604d}
@media(max-width:760px){.hefe-theme .hero{grid-template-columns:1fr;padding:35px 6% 15px;gap:0;min-height:0}.hefe-theme .hero h1{font-size:clamp(2.8rem,10.5vw,4.6rem);overflow-wrap:anywhere}.hefe-theme .hero .copy{padding:0}.hefe-theme .description{font-size:1.0625rem}.hefe-theme .can-stage{min-height:0;height:510px;margin:0 -3%}.hefe-theme .can-view{min-height:0}.hefe-theme .ingredient-notes{grid-template-columns:1fr}.hefe-theme .story{padding-block:45px}.hefe-theme .story-art img{min-height:280px}.hefe-theme .fest-gather figure img{min-height:320px}.hefe-theme .can-controls{bottom:8px}}

/* Space the field notes as a complete panel between the hero and story. */
.hefe-theme .beer-notebook{margin-top:48px;margin-bottom:24px}
.hefe-theme .story{padding-top:64px}
.hefe-theme #ingredients{padding-top:64px;padding-bottom:64px}
.hefe-theme #ingredients .ingredient-heading{max-width:1050px;margin:auto}
.hefe-theme #ingredients .ingredient-heading h2{font-size:clamp(2.5rem,4.3vw,4.3rem);line-height:1.15}
.hefe-theme #ingredients .ingredient-notes{margin-top:36px}
.hefe-theme #ingredients .ingredient-notes article{padding:26px 28px 8px}
.hefe-theme #ingredients .ingredient-notes article:first-child{padding-left:0}
.hefe-theme #ingredients .ingredient-notes article:last-child{padding-right:0}
.hefe-theme #ingredients .ingredient-notes img{height:135px;width:135px;margin:18px auto 24px}
.hefe-theme #ingredients .ingredient-notes h3,.hefe-theme #ingredients .ingredient-number{color:#26392c}
.hefe-theme #ingredients .ingredient-notes p{max-width:300px;color:#25352c}
@media(max-width:760px){.hefe-theme .beer-notebook{margin-top:28px;margin-bottom:0}.hefe-theme .story{padding-top:42px}.hefe-theme #ingredients{padding-block:44px}.hefe-theme #ingredients .ingredient-notes article{padding:24px 0;border-left:0}.hefe-theme #ingredients .ingredient-notes article+article{border-top:1px solid #26392c55}.hefe-theme #ingredients .ingredient-notes img{margin:8px 0 20px;height:110px;width:110px}}

/* Match Chico's hero and can-stage geometry. */
.hefe-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}
.hefe-theme .hero .copy{padding:35px 0;max-width:none}
.hefe-theme .can-stage{min-height:0;align-self:stretch;margin:0;height:auto}
.hefe-theme .can-view{min-height:540px;height:100%;width:100%}
.hefe-theme .hero .description{font-size:clamp(1.375rem,2vw,1.875rem);line-height:1.3;max-width:370px}
@media(min-width:1700px){.hefe-theme .hero{padding-left:5%}}
@media(max-width:760px){.hefe-theme .hero{grid-template-columns:1fr;padding:0 5%;height:auto;min-height:0;gap:0;text-align:center}.hefe-theme .hero .copy{padding:40px 0 0}.hefe-theme .hero .description{font-size:1.4375rem;max-width:320px;margin:19px auto 0}.hefe-theme .can-stage{height:clamp(510px,125vw,660px);margin:0}.hefe-theme .can-view{min-height:0}}