.b-ecs-cap{--b-ecs-cap-gap: clamp(16px, 2.0833vw, 40px);--b-ecs-cap-w: clamp(300px, 36.927vw, 709px);--b-ecs-cap-pad: clamp(24px, 2.6042vw, 50px);--b-ecs-cap-start: max(var(--b-gutter), calc((100% - var(--b-max)) / 2 + var(--b-gutter)));padding-top:clamp(calc(var(--b-pt) * .6px),calc(var(--b-pt) * .05208vw),calc(var(--b-pt) * 1px));padding-bottom:clamp(calc(var(--b-pb) * .6px),calc(var(--b-pb) * .05208vw),calc(var(--b-pb) * 1px));overflow:hidden}.b-ecs-cap__head{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.b-ecs-cap__heading{max-width:16.46em}.b-ecs-cap__intro{max-width:864px;margin-top:6px;font-size:clamp(17px,1.1458vw,22px);line-height:1.364;letter-spacing:-.03em;color:var(--b-text)}.b-ecs-cap__viewport{margin-top:clamp(32px,3.125vw,60px);padding-inline-start:var(--b-ecs-cap-start);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--b-ecs-cap-start);scrollbar-width:none;-webkit-overflow-scrolling:touch}.b-ecs-cap__viewport::-webkit-scrollbar{display:none}.b-ecs-cap__track{display:flex;gap:var(--b-ecs-cap-gap);width:max-content;padding-inline-end:var(--b-gutter)}.b-ecs-cap__item{flex:0 0 var(--b-ecs-cap-w);min-width:0;scroll-snap-align:start}.b-ecs-cap__item[data-b-dup]{display:none}.b-ecs-cap__card{position:relative;display:block;aspect-ratio:709 / 790;border-radius:var(--b-radius);overflow:hidden;isolation:isolate;color:#fff;background:#1a1a1a}.b-ecs-cap__media,.b-ecs-cap__media:after{position:absolute;top:0;right:0;bottom:0;left:0}.b-ecs-cap__media:after{content:"";background:linear-gradient(180deg,#6660,#00000069);pointer-events:none}.b-ecs-cap__media .b-ecs-cap__img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--b-ease)}.b-ecs-cap__arrow{position:absolute;top:var(--b-ecs-cap-pad);right:var(--b-ecs-cap-pad);z-index:2;display:flex;align-items:center;justify-content:center;width:clamp(44px,3.125vw,60px);height:clamp(44px,3.125vw,60px);border-radius:50%;background:var(--b-accent);color:#000;opacity:0;transform:scale(.6);transition:opacity .35s ease,transform var(--b-dur) var(--b-ease)}.b-ecs-cap__arrow .b-icon{width:80%;height:80%;transform:rotate(-45deg)}.b-ecs-cap__panel{position:absolute;inset-inline:0;bottom:0;z-index:1;display:flex;flex-direction:column;min-height:0;padding:var(--b-ecs-cap-pad);border-radius:0 0 var(--b-radius) var(--b-radius);background-color:#fff0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:min-height .55s var(--b-ease),background-color .4s ease,backdrop-filter .4s ease}.b-ecs-cap__title{display:block;max-width:9.7em;font-weight:700;font-size:clamp(26px,2.1875vw,42px);line-height:1.2;letter-spacing:-.03em;color:#fff;overflow-wrap:break-word}.b-ecs-cap__more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--b-ease)}.b-ecs-cap__text{display:block;min-height:0;overflow:hidden;padding-top:0;font-weight:700;font-size:clamp(16px,1.25vw,24px);line-height:1.25;letter-spacing:-.03em;color:#fff;opacity:0;transition:opacity .3s ease,padding-top .55s var(--b-ease)}.b-ecs-cap__card:focus-visible{outline:2px solid var(--b-accent);outline-offset:3px}.b-ecs-cap__card:focus-visible .b-ecs-cap__panel{min-height:50%;background-color:#ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.b-ecs-cap__card:focus-visible .b-ecs-cap__more{grid-template-rows:1fr}.b-ecs-cap__card:focus-visible .b-ecs-cap__text{padding-top:20px;opacity:1;transition-delay:.12s,0s}.b-ecs-cap__card:focus-visible .b-ecs-cap__arrow{opacity:1;transform:scale(1)}@media(hover:hover){.b-ecs-cap__card:hover .b-ecs-cap__panel{min-height:50%;background-color:#ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.b-ecs-cap__card:hover .b-ecs-cap__more{grid-template-rows:1fr}.b-ecs-cap__card:hover .b-ecs-cap__text{padding-top:20px;opacity:1;transition-delay:.12s,0s}.b-ecs-cap__card:hover .b-ecs-cap__arrow{opacity:1;transform:scale(1)}.b-ecs-cap__card:hover .b-ecs-cap__media .b-ecs-cap__img{transform:scale(1.04)}}@media(hover:none){.b-ecs-cap__panel{background-color:#ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.b-ecs-cap__more{grid-template-rows:1fr}.b-ecs-cap__text{padding-top:12px;opacity:1}.b-ecs-cap__arrow{opacity:1;transform:scale(1)}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.b-ecs-cap--auto .b-ecs-cap__viewport{overflow:hidden;scroll-snap-type:none}.b-ecs-cap--auto .b-ecs-cap__track{padding-inline-end:0;animation:b-ecs-cap-marquee var(--b-ecs-cap-speed, 60s) linear infinite}.b-ecs-cap--auto .b-ecs-cap__item[data-b-dup]{display:block}.b-ecs-cap--auto .b-ecs-cap__viewport:hover .b-ecs-cap__track,.b-ecs-cap--auto .b-ecs-cap__viewport:focus-within .b-ecs-cap__track{animation-play-state:paused}html.shopify-design-mode .b-ecs-cap--auto .b-ecs-cap__track{animation-play-state:paused}}@keyframes b-ecs-cap-marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - var(--b-ecs-cap-gap) / 2))}}@media(max-width:767px){.b-ecs-cap{--b-ecs-cap-w: min(80vw, 340px);--b-ecs-cap-pad: 20px}.b-ecs-cap__title{font-size:24px}.b-ecs-cap__text{font-size:15px}}@media(prefers-reduced-motion:reduce){.b-ecs-cap__panel,.b-ecs-cap__more,.b-ecs-cap__text,.b-ecs-cap__arrow,.b-ecs-cap__media .b-ecs-cap__img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/bristm-ecs-capabilities.css.map */
