.story{background-color:var(--story-bg, var(--color-background));color:var(--story-text, var(--color-text))}.story__media{position:relative;aspect-ratio:var(--story-ratio-m, 16 / 9);max-height:100svh;width:100%;overflow:hidden;background-color:var(--color-border)}.story--grayscale .story__media .story__poster,.story--grayscale .story__media .story__video{filter:grayscale(1)}.story__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--color-overlay);opacity:var(--story-overlay, .4);pointer-events:none}.story__media-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:var(--space-5) var(--space-4);pointer-events:none}.story__media-title{margin:0;max-width:20ch;font-size:var(--story-title-size, var(--text-h1));line-height:var(--leading-tight);color:var(--color-on-image);text-align:center;text-wrap:balance;text-shadow:0 1px 12px color-mix(in srgb,var(--color-overlay) 45%,transparent)}.story__media-title--serif{font-family:var(--font-accent-serif-family);font-weight:var(--font-accent-serif-weight);font-style:var(--font-accent-serif-style);letter-spacing:-.01em;text-transform:none}.story__media-title--caps{max-width:none;font-family:var(--font-body-family);font-weight:var(--font-body-weight-medium);font-style:normal;letter-spacing:.14em;line-height:1.2;text-transform:uppercase;text-decoration:none;text-shadow:0 1px 3px rgb(0 0 0 / .25),0 2px 16px rgb(0 0 0 / .35)}.story__closing{position:relative;aspect-ratio:var(--story-ratio-m, 16 / 9);overflow:hidden;background-color:var(--color-border)}.story:has(.story__closing) .story__body{padding-bottom:var(--story-closing-gap-m, var(--story-pb))}@media screen and (min-width:750px){.story:has(.story__closing) .story__body{padding-bottom:var(--story-pb, var(--space-9))}}.story__closing .story__poster{object-position:50% var(--story-closing-y, 50%)}.story__media picture{position:absolute;top:0;right:0;bottom:0;left:0}.story__poster,.story__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--story-position, 50% 50%)}.story__placeholder{fill:var(--color-text-muted);opacity:.35}.story__video{opacity:0;transition:opacity var(--duration-slow) var(--ease-out)}.story__video.is-playing{opacity:1}.story__toggle{position:absolute;z-index:2;right:var(--space-2);bottom:var(--space-2);display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--color-on-image);opacity:.75;cursor:pointer;transition:opacity var(--duration-base) var(--ease-out)}.story__toggle[hidden]{display:none}.story__toggle:hover,.story__toggle:focus-visible{opacity:1}.story__toggle:focus-visible{outline:2px solid var(--color-on-image);outline-offset:-4px}.story__toggle .icon{filter:drop-shadow(0 1px 4px color-mix(in srgb,var(--color-overlay) 50%,transparent))}.story__icon-play,.story__toggle[aria-pressed=true] .story__icon-pause{display:none}.story__toggle[aria-pressed=true] .story__icon-play,.story__icon-pause{display:inline-flex}.story__body{padding-top:var(--story-pt, var(--space-8));padding-bottom:var(--story-pb, var(--space-9))}.story__chapters{max-width:var(--story-width, 1080px);margin-inline:auto}.story__chapter+.story__chapter{margin-top:var(--story-gap, var(--space-7));padding-top:var(--story-gap, var(--space-7));border-top:1px solid var(--color-border)}.story__eyebrow{margin:0 0 var(--space-3);color:var(--story-accent, var(--color-accent-text))}.story__heading{margin:0 0 var(--space-5);font-size:var(--story-heading-size, var(--text-h3));line-height:var(--leading-snug);color:var(--story-text, var(--color-text));text-wrap:balance}.story--heading-accent .story__heading{font-family:var(--font-accent-serif-family);font-weight:var(--font-accent-serif-weight);font-style:var(--font-accent-serif-style);letter-spacing:-.01em;line-height:var(--leading-tight);text-transform:none}.story__text{max-width:34em;font-weight:var(--font-body-weight-light);line-height:var(--leading-body);color:var(--story-text, var(--color-text-muted));text-wrap:pretty}.story__text p{margin:0 0 var(--space-4);text-align:var(--story-p-align, justify);-webkit-hyphens:none;hyphens:none}.story__text>:last-child{margin-bottom:0}.story__chapter--intro{text-align:center}.story__chapter--intro .story__text{margin-inline:auto}.story__chapter--intro .story__text p{text-align:var(--story-p-align, justify);text-align-last:center}.story--align-start .story__chapter--intro .story__text p{text-align:center}.story__eyebrow-wrap{display:grid;grid-template-columns:minmax(16px,1fr) auto minmax(16px,1fr);align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.story__eyebrow-wrap .story__eyebrow{margin:0}.story__line{height:1px;background:linear-gradient(to right,transparent,var(--color-accent))}.story__line--right{background:linear-gradient(to left,transparent,var(--color-accent))}.story__process{--story-panel: var(--story-panel-bg, var(--story-bg, var(--color-background)));position:relative;display:grid;gap:0;margin-top:var(--story-gap, var(--space-7))}.story__thread{position:absolute;z-index:1;top:var(--space-6);bottom:var(--space-6);left:calc(var(--space-6) / 2 - var(--page-gutter));width:1px;overflow:hidden;background-color:var(--color-border);pointer-events:none}.story__thread-fill{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-accent);transform-origin:top}.story__process:has(.story__thread) .story__chapter--step{padding-left:var(--space-6)}.story__chapter--step{position:relative;isolation:isolate;margin-inline:calc(var(--page-gutter) * -1);padding:var(--space-6) var(--page-gutter)}.story__process .story__chapter+.story__chapter{margin-top:0;padding-top:var(--space-6);border-top:0}.story__panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--story-panel)}.story__rule{display:block;width:var(--space-8);height:1px;margin-bottom:var(--space-4);background-color:var(--color-accent);transform-origin:left}@media screen and (min-width:750px){.story__media,.story__closing{aspect-ratio:var(--story-ratio-d, 21 / 9)}.story__toggle{right:var(--space-4);bottom:var(--space-4)}.story__process{gap:0}.story__chapter--step,.story__process .story__chapter+.story__chapter{margin-inline:0;padding:var(--space-7) 0;border-top:1px solid var(--color-border)}.story__process:has(.story__thread) .story__chapter--step{padding-left:var(--space-7)}.story__thread{top:var(--space-7);bottom:var(--space-7);left:0}}@media screen and (min-width:990px){.story__eyebrow-wrap{grid-template-columns:minmax(48px,120px) auto minmax(48px,120px);justify-content:center}.story__chapter:not(.story__chapter--intro):not(.story__chapter--step){display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--space-8);align-items:start}.story__chapter:not(.story__chapter--intro):not(.story__chapter--step) .story__heading{margin-bottom:0}.story__chapter:not(.story__chapter--intro):not(.story__chapter--step) .story__text{padding-top:calc(var(--text-label) * var(--leading-snug) + var(--space-3))}.story__chapter--step{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--space-8);align-items:start}.story__chapter--step .story__chapter-head{grid-column:1}.story__chapter--step .story__text{grid-column:2;max-width:none;padding-top:calc(var(--text-label) * var(--leading-snug) + var(--space-3))}.story__chapter--step .story__heading{margin-bottom:0}.story__chapter--step .story__rule{display:none}}@media(prefers-reduced-motion:no-preference){.js .story--animate [data-reveal]:not(.story__chapter--step){transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.js .story--animate [data-reveal]:not(.story__chapter--step):not(.is-visible){opacity:0;transform:translateY(16px)}@supports (animation-timeline: view()){.story__process{view-timeline:--story-process block}.story__thread-fill{animation:story-thread linear both;animation-timeline:--story-process;animation-range:cover 50vh cover calc(100% - 50vh)}}@supports (animation-timeline: view()){.story--animate .story__chapter--step{view-timeline:--story-step block}.story--animate .story__chapter--step :is(.story__panel,.story__rule,.story__eyebrow,.story__heading,.story__text){animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--story-step}.story--animate .story__chapter--start .story__panel{animation-name:story-panel-start;animation-range:entry 0% cover 35%}.story--animate .story__chapter--end .story__panel{animation-name:story-panel-end;animation-range:entry 0% cover 35%}.story--animate .story__chapter--rise .story__panel{animation-name:story-panel-up;animation-range:entry 0% cover 35%}.story--animate .story__chapter--rise .story__heading{animation-name:story-heading-up;animation-range:entry 45% cover 45%}.story--animate .story__chapter--step .story__rule{animation-name:story-rule;animation-range:entry 40% cover 40%}.story--animate .story__chapter--step .story__eyebrow{animation-name:story-fade;animation-range:entry 45% cover 40%}.story--animate .story__chapter--start .story__heading{animation-name:story-heading-start;animation-range:entry 45% cover 45%}.story--animate .story__chapter--end .story__heading{animation-name:story-heading-end;animation-range:entry 45% cover 45%}.story--animate .story__chapter--step .story__text{animation-name:story-rise;animation-range:entry 70% cover 50%}}@supports not (animation-timeline: view()){.js .story--animate .story__chapter--step :is(.story__panel,.story__rule,.story__eyebrow,.story__heading,.story__text){transition:opacity .9s var(--ease-out) var(--step-delay, 0ms),transform .9s var(--ease-out) var(--step-delay, 0ms),clip-path .9s var(--ease-out) var(--step-delay, 0ms)}.js .story--animate .story__chapter--step .story__rule{--step-delay: .25s}.js .story--animate .story__chapter--step .story__eyebrow{--step-delay: .3s}.js .story--animate .story__chapter--step .story__heading{--step-delay: .38s}.js .story--animate .story__chapter--step .story__text{--step-delay: .52s}.js .story--animate .story__chapter--start:not(.is-visible) .story__panel{clip-path:inset(0 100% 0 0)}.js .story--animate .story__chapter--end:not(.is-visible) .story__panel{clip-path:inset(0 0 0 100%)}.js .story--animate .story__chapter--step:not(.is-visible) .story__rule{transform:scaleX(0)}.js .story--animate .story__chapter--step:not(.is-visible) :is(.story__eyebrow,.story__heading,.story__text){opacity:0}.js .story--animate .story__chapter--start:not(.is-visible) .story__heading{transform:translate(-40px)}.js .story--animate .story__chapter--end:not(.is-visible) .story__heading{transform:translate(40px)}.js .story--animate .story__chapter--rise:not(.is-visible) .story__panel{clip-path:inset(100% 0 0 0)}.js .story--animate .story__chapter--rise:not(.is-visible) .story__heading{transform:translateY(40px)}.js .story--animate .story__chapter--step:not(.is-visible) .story__text{transform:translateY(32px)}}}@keyframes story-panel-up{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes story-heading-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes story-thread{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes story-panel-start{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes story-panel-end{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes story-rule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes story-fade{0%{opacity:0}to{opacity:1}}@keyframes story-heading-start{0%{opacity:0;transform:translate(-12%)}to{opacity:1;transform:none}}@keyframes story-heading-end{0%{opacity:0;transform:translate(12%)}to{opacity:1;transform:none}}@keyframes story-rise{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-brand-story.css.map */