/* Lightweight motion, with readable content before JavaScript starts. */
:root{--rock-ease:cubic-bezier(.22,1,.36,1)}
.motion-toggle{position:fixed;bottom:18px;right:18px;z-index:90;border:1px solid #ffffff55;border-radius:30px;background:#143d37;color:#fff;padding:10px 16px;font:600 13px 'Source Sans 3',sans-serif;box-shadow:0 3px 18px #0002;cursor:pointer;min-height:44px}
.motion-toggle:focus-visible{outline:3px solid #f48739;outline-offset:4px}
.rock-ribbon{overflow:hidden;background:#f48739;color:#183b35;border-block:1px solid #183b3525;padding:11px 0;position:relative}
.rock-ribbon-track{display:flex;width:max-content;animation:rock-travel 46s linear infinite}
.rock-ribbon-group{display:flex;align-items:center;gap:28px;padding-right:28px;min-width:100vw;box-sizing:border-box;justify-content:space-around;white-space:nowrap;font:700 clamp(16px,2vw,22px)/1.2 'Barlow Condensed',sans-serif;letter-spacing:1.5px;text-transform:uppercase}
.rock-ribbon-group b{font-size:19px;font-weight:400}
.rock-ribbon:hover .rock-ribbon-track{animation-play-state:paused}
@keyframes rock-travel{to{transform:translate3d(-50%,0,0)}}
@keyframes rock-arrive{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}
@keyframes rock-photo{from{scale:1.025}to{scale:1}}
@media(prefers-reduced-motion:no-preference){
 html:not(.motion-paused){scroll-behavior:smooth}
 html:not(.motion-paused) .hero-real h1{animation:rock-arrive 1.05s var(--rock-ease) both}
 html:not(.motion-paused) .hero-real p{animation:rock-arrive 1.05s .12s var(--rock-ease) both}
 html:not(.motion-paused) .hero-real>div>div{animation:rock-arrive 1.05s .24s var(--rock-ease) both}
 html:not(.motion-paused) .hero-real>img{animation:rock-photo 2s var(--rock-ease) both}
 html:not(.motion-paused) :is(.btn,.nv,.social-icon-links a,.hours-icon,.service-icon){transition:transform .45s var(--rock-ease),box-shadow .3s,background .3s}
 html:not(.motion-paused) .nv{position:relative}
 html:not(.motion-paused) .nv::after{content:'';position:absolute;bottom:2px;left:0;right:0;height:2px;background:#f48739;transform:scaleX(0);transform-origin:left;transition:transform .25s}
 html:not(.motion-paused) .nv:hover::after{transform:scaleX(1)}
 html:not(.motion-paused) .btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 #122f3326}
 html:not(.motion-paused) .btn:active{transform:translateY(1px);box-shadow:none}
 html:not(.motion-paused) .social-icon-links a:hover{transform:translateY(-2px) rotate(-1deg)}
 html:not(.motion-paused) .hours-card:hover .hours-icon{transform:rotate(-5deg) scale(1.05)}
 html:not(.motion-paused) :is(article,.podcast-card,.career-role-card,.tap-beer-card){transition:translate .5s var(--rock-ease),box-shadow .35s}
 html:not(.motion-paused) :is(article,.career-role-card,.tap-beer-card):hover{translate:0 -3px;box-shadow:0 14px 28px #123b3514}
}
.motion-paused *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.motion-paused .reveal{opacity:1!important;transform:none!important}
.motion-paused .hero-real>img{transform:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}.rock-ribbon-track{width:100%}.rock-ribbon-group{white-space:normal;flex-wrap:wrap;justify-content:center;gap:12px 24px;padding:0 20px}.rock-ribbon-group[aria-hidden]{display:none}.hero-real>img{transform:none!important}}
@media(max-width:600px){.motion-toggle{bottom:10px;right:10px;padding:8px 12px;font-size:12px}.rock-ribbon{padding:9px 0}.rock-ribbon-group{gap:24px;padding-right:24px}}
@media print{.motion-toggle,.rock-ribbon{display:none}}

.rock-ribbon-track{will-change:transform}.motion-paused .rock-ribbon-track{animation:rock-travel 46s linear infinite!important;animation-play-state:paused!important}