.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}
/*# sourceMappingURL=/cdn/shop/t/62/assets/section-hero-rail.css.map */