.hero-rail-section{--hr-visible: var(--hr-v-mobile);--hr-edge: var(--mobile-container-gutter)}@media screen and (min-width:641px){.hero-rail-section{--hr-visible: var(--hr-v-tablet);--hr-edge: var(--desktop-container-gutter)}}@media screen and (min-width:1000px){.hero-rail-section{--hr-visible: var(--hr-v-desk)}}@media screen and (min-width:1480px){.hero-rail-section{--hr-edge: calc((100% - 1480px) / 2 + var(--desktop-container-gutter))}}.hero-rail-section.hero-rail-section--flush{margin-top:0}.hero-rail-section.hero-rail-section--full{--hr-edge: 0px}.hero-rail-section .hero-rail__wrap{position:relative}.hero-rail-section .hero-rail__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline:var(--hr-edge);scroll-padding-inline:var(--hr-edge)}.hero-rail-section .hero-rail__viewport::-webkit-scrollbar{display:none}.hero-rail-section .hero-rail__viewport:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.hero-rail-section .hero-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--hr-visible) - 1) * var(--hr-gap)) / var(--hr-visible));gap:var(--hr-gap);align-items:stretch}.hero-rail-section .hero-rail__card{scroll-snap-align:start;display:flex;flex-direction:column;min-width:0;text-decoration:none;color:var(--hr-panel-text);background:var(--hr-panel-bg)}.hero-rail-section .hero-rail__media{position:relative;aspect-ratio:var(--hr-ratio);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(var(--text-color-rgb),.06)}.hero-rail-section .hero-rail__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.hero-rail-section .hero-rail__card:hover .hero-rail__image{transform:scale(1.03)}.hero-rail-section .hero-rail__scrim{position:absolute;left:0;right:0;bottom:0;height:72%;background:linear-gradient(to top,rgba(0,0,0,var(--hr-scrim)),#0000);pointer-events:none}.hero-rail-section .hero-rail__heading{position:relative;z-index:2;padding:16px 20px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.hero-rail-section .hero-rail__lockup{max-width:180px;max-height:44px;width:auto;height:auto;object-fit:contain}.hero-rail-section .hero-rail__title{margin:0;color:var(--hr-image-title);font-size:23px;line-height:1.2;text-wrap:balance}.hero-rail-section .hero-rail__title--below{color:var(--hr-panel-text)}.hero-rail-section .hero-rail__content{flex:1 1 auto;padding:16px 20px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.hero-rail-section .hero-rail__body{margin:0;font-size:15px;line-height:1.5}.hero-rail-section .hero-rail__body>p{margin:0}.hero-rail-section .hero-rail__body>p+p{margin-top:8px}.hero-rail-section .hero-rail__cta{margin-top:auto;background:var(--hr-button-bg);color:var(--hr-button-text);transition:background-color .2s cubic-bezier(.15,0,.15,0),box-shadow .2s cubic-bezier(.15,0,.15,0)}.hero-rail-section .hero-rail__card:hover .hero-rail__cta,.hero-rail-section .hero-rail__card:focus-visible .hero-rail__cta{background:color-mix(in srgb,var(--hr-button-bg) 28%,#ffffff);box-shadow:inset 0 0 0 3px var(--hr-button-bg),0 2px 2px #2e2e2b33}@media screen and (min-width:641px){.hero-rail-section .hero-rail__title{font-size:25px}}.hero-rail-section .hero-rail__nav{display:none}@media(hover:hover)and (min-width:641px){.hero-rail-section .hero-rail__nav{position:absolute;top:var(--hr-nav-top, 40%);z-index:3;display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-top:-24px;padding:0;border:0;border-radius:50%;background:#fff;color:#001e1d;box-shadow:0 2px 10px #00000040;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.hero-rail-section .hero-rail__nav:hover{transform:scale(1.06)}.hero-rail-section .hero-rail__nav[disabled]{opacity:0;pointer-events:none}.hero-rail-section .hero-rail__nav--prev{left:calc(var(--hr-edge) + 16px)}.hero-rail-section .hero-rail__nav--next{right:16px}.hero-rail-section .hero-rail__nav svg{width:20px;height:20px}}@media(prefers-reduced-motion:reduce){.hero-rail-section .hero-rail__image,.hero-rail-section .hero-rail__card:hover .hero-rail__image{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/hero-rail.css.map */