#pd-whole-brewery .pd-scroll-sequence{display:block}
#pd-whole-brewery .pd-scroll-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center;padding:60px 0;border-bottom:1px solid #deceb5}
#pd-whole-brewery .pd-scroll-row:last-child{border-bottom:0}
#pd-whole-brewery .pd-scroll-row:nth-child(even) .pd-scroll-visual{grid-column:2;grid-row:1}
#pd-whole-brewery .pd-scroll-row:nth-child(even) .pd-scroll-copy{grid-column:1;grid-row:1}
#pd-whole-brewery .pd-scroll-visual{margin:0;min-width:0}
#pd-whole-brewery .pd-scroll-visual img{display:block;width:100%;height:360px;object-fit:contain;background:#f0e7d8;border-radius:4px}
#pd-whole-brewery .pd-scroll-visual figcaption{font-size:12px;line-height:1.5;margin-top:10px;color:#746756}
#pd-whole-brewery .pd-scroll-placeholder{height:360px;background:#eee5d6;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;color:#77644a}
#pd-whole-brewery .pd-scroll-placeholder span{font:800 72px/1 Montserrat,Arial,sans-serif;color:#d7c6ab}
#pd-whole-brewery .pd-scroll-placeholder p{font-size:18px;margin:22px 0 8px}
#pd-whole-brewery .pd-scroll-placeholder small{font-size:12px}
#pd-whole-brewery .pd-scroll-copy{min-width:0}
#pd-whole-brewery .pd-scroll-copy h3{font-size:clamp(27px,3.2vw,44px);line-height:1.16;margin:16px 0 24px}
#pd-whole-brewery .pd-scroll-copy>p:not(.pd-scroll-eyebrow){font-size:19px;line-height:1.75;color:#746756;margin-bottom:26px}
#pd-whole-brewery .pd-scroll-copy .pd-scroll-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#926014;font-weight:700}
#pd-whole-brewery .pd-scroll-copy>a{display:inline-block;font-weight:700;padding:8px 0;text-underline-offset:5px}
#pd-whole-brewery .pd-scroll-copy>a:focus-visible{outline:3px solid #b58235;outline-offset:5px}
#pd-whole-brewery .pd-structure-coming{border-radius:0}
#pd-whole-brewery .pd-structure-coming .pd-scroll-row{border-color:#66523a}
#pd-whole-brewery .pd-structure-coming .pd-scroll-copy h3{color:#fff7e9}
#pd-whole-brewery .pd-structure-coming .pd-scroll-copy>p:not(.pd-scroll-eyebrow){color:#dbc7a8}
#pd-whole-brewery .pd-structure-coming .pd-scroll-eyebrow,#pd-whole-brewery .pd-structure-coming .pd-scroll-copy>a{color:#ecc884}
#pd-whole-brewery .pd-structure-coming .pd-scroll-placeholder{background:#3b3023;color:#ddc6a4}
#pd-whole-brewery .pd-structure-coming .pd-scroll-placeholder span{color:#796344}
@media(max-width:760px){
 #pd-whole-brewery .pd-scroll-row{grid-template-columns:1fr;gap:24px;padding:36px 0}
 #pd-whole-brewery .pd-scroll-row:nth-child(even) .pd-scroll-visual,#pd-whole-brewery .pd-scroll-row:nth-child(even) .pd-scroll-copy{grid-column:auto;grid-row:auto}
 #pd-whole-brewery .pd-scroll-placeholder,#pd-whole-brewery .pd-scroll-visual img{height:250px}
 #pd-whole-brewery .pd-scroll-copy h3{margin:12px 0 16px}
 #pd-whole-brewery .pd-scroll-copy>p:not(.pd-scroll-eyebrow){font-size:17px}
}
