.hero-rail{display:block;position:relative;z-index:2;margin-top:calc(var(--hero-rail-lift-mobile) * -1);margin-bottom:var(--hero-rail-space-mobile)}.hero-content:has(>.hero-rail){display:flow-root}.hero-content:has(>.hero-rail) .hero-text-content{padding-bottom:calc(var(--spacing-2) + var(--hero-rail-lift-mobile))}.hero-rail__track{display:flex;gap:var(--hero-rail-gap)}@media(min-width:980px){.hero-rail{margin-top:calc(var(--hero-rail-lift) * -1);margin-bottom:var(--hero-rail-space)}.hero-content:has(>.hero-rail) .hero-text-content{padding-bottom:calc(var(--spacing-2) + var(--hero-rail-lift))}}.hero-rail__item{flex:0 0 auto;position:relative}.hero-rail__card{width:var(--hero-rail-card-mobile);height:var(--hero-rail-card-mobile);border-radius:var(--border-radius-0);overflow:hidden;background-color:var(--color-neutral-4)}@media(min-width:980px){.hero-rail__card{width:var(--hero-rail-card);height:var(--hero-rail-card)}}.hero-rail__shouts{display:grid;grid-template-rows:1fr 1fr;gap:var(--hero-rail-gap);width:calc((var(--hero-rail-card-mobile) - var(--hero-rail-gap)) / 2);height:var(--hero-rail-card-mobile)}@media(min-width:980px){.hero-rail__shouts{width:calc((var(--hero-rail-card) - var(--hero-rail-gap)) / 2);height:var(--hero-rail-card)}}.hero-rail__shout{position:relative;border-radius:var(--border-radius-0);overflow:hidden;background-color:var(--color-cream)}.hero-rail__link{position:relative;display:block;width:100%;height:100%}.hero-rail__link:focus-visible{outline:none}.hero-rail__link:focus-visible:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;z-index:2;border:2px solid var(--color-neutral-5);border-radius:calc(var(--border-radius-0) - 4px);box-shadow:0 0 0 2px #000000a6;pointer-events:none}.hero-rail__img{display:block;width:100%;height:100%;object-fit:cover}@media(min-width:980px)and (hover:hover)and (prefers-reduced-motion:no-preference){.hero-rail__img{transition:transform .35s ease-out}.hero-rail__link:hover .hero-rail__img{transform:scale(1.05)}}.hero-rail__body{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:var(--spacing-2);pointer-events:none}.hero-rail__item,.hero-rail__shout{color:var(--color-neutral-5)}.hero-rail__body:after{content:"";position:absolute;inset-inline:0;bottom:0;height:65%;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.55) 55%,transparent);z-index:0}.hero-rail__card .hero-rail__text,.hero-rail__shout:not(.hero-rail__shout--flat) .hero-rail__shout-title{text-shadow:0 1px 3px rgba(0,0,0,.5)}.hero-rail__badge,.hero-rail__text,.hero-rail__shout-title{position:relative;z-index:1}.hero-rail__title{margin:0;font:var(--h5-bold)}.hero-rail__subtitle{margin:.25rem 0 0;font:var(--body-small)}.hero-rail__shout-title{margin-top:auto;font:var(--body-subtext);line-height:1.25}@media(min-width:980px){.hero-rail__shout-title{font:var(--h5);line-height:1.25}}.hero-rail__shout--flat .hero-rail__body:after,.hero-rail__card--flat .hero-rail__body:after{display:none}.hero-rail__card--flat .hero-rail__text{text-shadow:none}.hero-rail__card--flat .hero-rail__img{height:calc(100% - 4.5rem);object-fit:contain}.hero-rail__shout.hero-rail__shout--dark-text,.hero-rail__card.hero-rail__card--dark-text{color:var(--color-neutral-0)}.hero-rail__card:not(.hero-rail__card--dark-text){--section-text-color: var(--color-neutral-5);--section-button-text-color: var(--color-neutral-0)}.hero-rail__card--dark-text{--section-text-color: var(--color-primary-0);--section-button-text-color: var(--color-primary-4)}.hero-rail__shout .hero-rail__body{padding:var(--spacing-1)}.hero-rail__shout .hero-rail__body:after{height:100%}.hero-rail__shout-title{overflow-wrap:anywhere;-webkit-hyphens:manual;hyphens:manual}.hero-rail__foot{position:relative;z-index:1;margin-top:auto;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-1)}.hero-rail__cta{flex:0 0 auto;border:0}.hero-rail__cta--labelled{width:auto;min-width:0;gap:.5em;padding:0 1em}.hero-rail__cta.hero-rail__cta--labelled .hero-rail__cta-label{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font:var(--body-small)}@media(max-width:979px){.hero-rail__cta.hero-rail__cta--labelled{width:44px;min-width:44px;padding:0;gap:0}.hero-rail__cta.hero-rail__cta--labelled .hero-rail__cta-label{display:none}}.hero-rail__text{min-width:0}.hero-rail__watermark{position:absolute;right:-16%;bottom:-12%;width:78%;height:auto;opacity:.07;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.hero-rail__watermark svg{display:block;width:100%;height:auto}.hero-rail__walk{position:absolute;inset:22% var(--spacing-1) 34%;display:flex;align-items:flex-end;justify-content:center;gap:4%;pointer-events:none}.hero-rail__walk-item{position:relative;flex:0 1 auto;max-width:32%;height:100%;transform-origin:50% 100%}.hero-rail__walk-item img{display:block;width:auto;max-width:100%;height:100%;object-fit:contain;object-position:bottom}.hero-rail__walk--walk.is-ready:not(.is-walking) .hero-rail__walk-item{opacity:0}.hero-rail__walk--walk.is-walking .hero-rail__walk-item{animation:hero-walk-in 1.2s cubic-bezier(.25,.6,.3,1) both;animation-delay:calc(.2s + var(--i, 0) * .6s)}@keyframes hero-walk-in{0%{transform:translate(420%);opacity:0}12%{opacity:1}30%{transform:translate(240%) translateY(-7%)}50%{transform:translate(110%) translateY(0)}70%{transform:translate(35%) translateY(-5%)}to{transform:none;opacity:1}}.hero-rail__walk--match{gap:3%}.hero-rail__walk--match.is-ready:not(.is-matched) .hero-rail__walk-item{max-width:22%}.hero-rail__walk--match .hero-rail__walk-item{max-width:30%}.hero-rail__walk-item--drop{display:none}.hero-rail__walk--match.is-ready .hero-rail__walk-item--drop{display:block}.hero-rail__walk--match.is-matched .hero-rail__walk-item--drop{display:none}.hero-rail__walk--match.is-ready:not(.is-matched) .hero-rail__walk-tick{opacity:0}.hero-rail__walk--match.is-matched{gap:6%}.hero-rail__walk--match.is-matched .hero-rail__walk-item{max-width:30%}.hero-rail__walk-tick{position:absolute;bottom:0;right:-5px;display:grid;place-items:center;width:12px;height:12px;border-radius:50%;background:var(--color-neutral-5, #fff);color:var(--color-primary-0, #384e46)}.hero-rail__walk-tick svg{width:8px;height:8px}@media(min-width:980px){.hero-rail__walk-tick{right:-7px;width:18px;height:18px}.hero-rail__walk-tick svg{width:10px;height:10px}}.hero-rail__walk-tick--step{font:700 8px/1 var(--font-body-family, sans-serif)}@media(min-width:980px){.hero-rail__walk-tick--step{font-size:11px}}.hero-rail__walk-concern{position:absolute;top:31%;left:50%;transform:translate(-50%);padding:2px 8px;border-radius:999px;border:1px solid currentColor;font:var(--body-subtext);font-size:10px;line-height:1.4;white-space:nowrap;pointer-events:none}@media(min-width:980px){.hero-rail__walk-concern{top:17%;font-size:12px}}.hero-rail__walk[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/66/assets/section-hero-rail.css.map */