[data-beer-style-grid].section-style-grid{padding-top:var(--space-16);padding-bottom:var(--space-4);padding-inline:var(--container-padding);overflow:hidden;background:var(--color-black);color:var(--color-bone)}[data-beer-style-grid] .section-style-grid__intro{max-width:var(--container-max);margin-inline:auto;width:100%}.section-style-grid__pin-shell,.section-style-grid__sticky-viewport{display:contents}[data-beer-style-grid] .section-style-grid__scroll{max-width:var(--container-max);margin-inline:auto;padding-inline:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(242,232,208,.35) transparent}@media(min-width:900px){[data-beer-style-grid] .section-style-grid__scroll{overscroll-behavior-x:contain}}[data-beer-style-grid] .section-style-grid__scroll::-webkit-scrollbar{height:6px}[data-beer-style-grid] .section-style-grid__scroll::-webkit-scrollbar-thumb{background:#f2e8d040;border-radius:999px}[data-beer-style-grid] .style-grid--slider{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--space-6);padding-block:var(--space-2) var(--space-4);width:max-content;min-width:100%}[data-beer-style-grid] .style-tile--slider{position:relative;display:flex;flex-direction:column;align-items:center;flex:0 0 auto;width:min(78vw,20rem);scroll-snap-align:start;text-decoration:none;color:var(--color-bone);background:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .55s ease}[data-beer-style-grid] .style-tile--slider:hover{transform:translateY(-.25rem)}[data-beer-style-grid] .style-tile--slider:focus-visible{outline:2px solid var(--color-pus);outline-offset:4px}[data-beer-style-grid] .style-tile__visual{position:relative;flex:0 0 auto;min-height:18rem;display:flex;align-items:center;justify-content:center;background:transparent;padding:var(--space-4);width:100%}[data-beer-style-grid] .style-tile__visual img{width:100%;height:auto;max-height:19rem;object-fit:contain;object-position:center}[data-beer-style-grid] .style-tile--slider .style-tile__body{position:relative;z-index:1;width:100%;padding:var(--space-4) var(--space-2) 0;margin-top:0;flex-shrink:0;background:transparent;text-align:center}[data-beer-style-grid] .style-tile--slider .style-tile__label{font-family:var(--font-hero);font-size:clamp(1.5rem,4vw,2rem);line-height:1.1;margin:0 0 var(--space-2);color:var(--color-bone)}[data-beer-style-grid] .style-tile--slider .style-tile__desc{font-size:1rem;line-height:1.25;margin:0 auto var(--space-4);max-width:20rem;color:#f2e8d0e0;font-family:monospace}[data-beer-style-grid] .style-tile--slider .style-tile__cta{font-family:var(--font-heading);font-size:.9375rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-bone);opacity:.85;transition:opacity var(--transition-base)}[data-beer-style-grid] .style-tile--slider:hover .style-tile__cta{opacity:1}.section-style-grid__content{transition:opacity .85s cubic-bezier(.22,1,.36,1)}[data-beer-style-grid].is-visible .section-style-grid__content{opacity:1}[data-beer-style-grid].is-visible .style-tile--slider{opacity:1;transform:translateY(0)}[data-beer-style-grid].is-visible .style-tile--slider:nth-child(1){transition-delay:.08s}[data-beer-style-grid].is-visible .style-tile--slider:nth-child(2){transition-delay:.16s}[data-beer-style-grid].is-visible .style-tile--slider:nth-child(3){transition-delay:.24s}[data-beer-style-grid].is-visible .style-tile--slider:nth-child(4){transition-delay:.32s}[data-beer-style-grid].is-visible .style-tile--slider:nth-child(5){transition-delay:.4s}[data-beer-style-grid].is-visible .style-tile--slider:nth-child(6){transition-delay:.48s}[data-beer-style-grid].is-visible .style-tile--slider:hover{transform:translateY(-.25rem)}@media(min-width:768px){[data-beer-style-grid] .style-tile--slider{width:min(42vw,22rem)}}@media(min-width:1200px){[data-beer-style-grid] .style-tile--slider{width:min(24vw,24rem)}}[data-beer-style-grid].beer-style-grid--scroll-drive.section-style-grid{padding:0;overflow:visible}[data-beer-style-grid].beer-style-grid--scroll-drive .section-style-grid__content{transform:none!important;min-height:100%}[data-beer-style-grid].beer-style-grid--scroll-drive .section-style-grid__pin-shell{display:block;box-sizing:border-box}[data-beer-style-grid].beer-style-grid--scroll-drive .section-style-grid__sticky-viewport{position:sticky;top:0;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-6);height:100vh;width:100%;overflow:hidden;padding-block:var(--space-6) var(--space-4);box-sizing:border-box;background:var(--color-black)}[data-beer-style-grid].beer-style-grid--scroll-drive .section-style-grid__intro{padding-inline:var(--container-padding);max-width:var(--container-max);margin-inline:auto;width:100%;box-sizing:border-box}[data-beer-style-grid].beer-style-grid--scroll-drive .section-style-grid__scroll{max-width:none;margin-inline:0;overflow:hidden;scroll-snap-type:none;width:100%}[data-beer-style-grid].beer-style-grid--scroll-drive .style-grid--slider{will-change:transform;min-width:auto;padding-inline:var(--container-padding)}@media(prefers-reduced-motion:reduce){[data-beer-style-grid] .section-style-grid__content,[data-beer-style-grid] .style-tile--slider{transition-duration:.01ms!important;transition-delay:0s!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-beer-style-grid.css.map */