.brand-story-section{--brand-story-max-width: 1464px}.brand-story-heading-row{max-width:var(--brand-story-max-width);margin-inline:auto;padding-inline:24px}.brand-story-heading{margin:0 0 20px;text-align:left}.brand-story-container{max-width:var(--brand-story-max-width);margin-inline:auto;padding-inline:24px}.brand-story-hero{--brand-story-hero-ratio: 1464 / 625;--brand-story-card-ratio: 362 / 453;--brand-story-card-width: 24.73%;--brand-story-gap: 2.05%;--brand-story-reveal: 28.69%;--brand-story-scenic-width: calc(var(--brand-story-reveal) - var(--brand-story-gap));position:relative;display:block;width:100%;aspect-ratio:var(--brand-story-hero-ratio);overflow:hidden;isolation:isolate;background-color:#16382c}.brand-story-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.brand-story-background picture,.brand-story-background img{display:block;width:100%;height:100%}.brand-story-background img{object-fit:cover;object-position:var(--brand-story-focal, 50% 50%)}.brand-story-hero--focal-left{--brand-story-focal: 20% 50%}.brand-story-hero--focal-center{--brand-story-focal: 50% 50%}.brand-story-hero--focal-right{--brand-story-focal: 80% 50%}.brand-story-viewport{position:absolute;z-index:2;left:0;right:0;top:23.84%;bottom:0;overflow:hidden;touch-action:pan-y}@media(hover:hover)and (pointer:fine){.brand-story-viewport{cursor:grab}.brand-story-viewport.is-dragging{cursor:grabbing}}.brand-story-track{position:relative;display:flex;flex-wrap:nowrap;align-items:flex-start;width:100%;height:100%;gap:var(--brand-story-gap);will-change:transform}.brand-story-track.is-animating{transition:transform .45s cubic-bezier(.22,.61,.36,1)}.brand-story-track.is-dragging{transition:none}.brand-story-scenic{flex:0 0 var(--brand-story-scenic-width)}.brand-story-scenic--end{flex:0 0 0px;height:100%}.brand-story-card{flex:0 0 var(--brand-story-card-width);min-width:0}.brand-story-card-link{display:block;width:100%}.brand-story-card-media{position:relative;display:block;width:100%;aspect-ratio:var(--brand-story-card-ratio);overflow:hidden;background-color:#fff}.brand-story-card-media picture,.brand-story-card-media img,.brand-story-card-media svg{display:block;width:100%;height:100%}.brand-story-card-media img{object-fit:var(--brand-story-card-fit, contain)}.brand-story-hero--fit-contain{--brand-story-card-fit: contain}.brand-story-hero--fit-cover{--brand-story-card-fit: cover}.brand-story-arrow{position:absolute;z-index:3;top:60%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:64px;padding:0;border:1px solid rgba(12,42,28,.14);background:#fffffff2;color:#12332a;cursor:pointer;box-shadow:0 2px 10px #0a281838}.brand-story-arrow svg{width:16px;height:16px}.brand-story-arrow--prev{left:0;border-radius:0 4px 4px 0}.brand-story-arrow--next{right:0;border-radius:4px 0 0 4px}.brand-story-arrow[disabled]{opacity:.35;cursor:default}.brand-story-arrow[hidden]{display:none}@media(hover:hover)and (pointer:fine){.brand-story-arrow:hover:not([disabled]){background:#fff}}.brand-story-arrow:focus-visible,.brand-story-card-link:focus-visible{outline:2px solid #0e7a3c;outline-offset:2px}@media(min-width:750px){.brand-story-hero--no-arrows-desktop .brand-story-arrow{display:none}}@media(max-width:749px){.brand-story-hero--no-arrows-mobile .brand-story-arrow{display:none}}@media(min-width:750px)and (max-width:1023px){.brand-story-hero{--brand-story-reveal: 22%}}@media(max-width:749px){.brand-story-section{padding-inline:0}.brand-story-heading-row{padding-inline:16px}.brand-story-heading{margin-bottom:14px}.brand-story-container{padding-inline:0}.brand-story-hero{aspect-ratio:auto;height:clamp(420px,132vw,540px)}.brand-story-viewport{top:0;bottom:0}.brand-story-track{align-items:center;gap:14px;padding-inline:16px}.brand-story-scenic{display:none}.brand-story-card{flex-basis:min(78vw,300px)}.brand-story-arrow{top:50%;width:44px;height:44px;border-radius:4px}}@media(prefers-reduced-motion:reduce){.brand-story-track{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/brand-story-carousel.css.map */