.brand-story{display:block}.brand-story__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.brand-story__intro{flex:1 1 520px;max-width:810px;min-width:0}.brand-story__cta{flex:0 1 auto}.brand-story__track{display:grid;grid-auto-flow:column;grid-auto-columns:86%;align-items:stretch;column-gap:20px;margin:0;padding:0 0 8px;list-style:none;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(var(--editorial-accent-rgb),.3) transparent}.brand-story.is-enhanced .brand-story__track{scrollbar-width:none}.brand-story.is-enhanced .brand-story__track::-webkit-scrollbar{display:none}.brand-story__card{display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-width:0;scroll-snap-align:start}.brand-story__content{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;padding:20px 2px 0;border-top:1px solid rgba(var(--editorial-accent-rgb),.2)}.brand-story__meta{display:flex;justify-content:space-between;gap:12px;width:100%;margin-bottom:24px;color:var(--editorial-accent);font-size:9px;font-weight:500;line-height:1.5;letter-spacing:.1em;text-transform:uppercase}.brand-story__meta span:last-child{opacity:1;font-variant-numeric:tabular-nums;color:var(--dora-muted,#755338)}.brand-story__title{max-width:19ch;margin:0 0 12px;color:var(--editorial-accent);font:var(--font-heading-weight) clamp(23px,3vw,32px)/1.16 var(--font-heading-family);letter-spacing:-.035em;overflow-wrap:anywhere}.brand-story__text{max-width:42ch;font-size:13px;line-height:1.8}.brand-story__text>:first-child{margin-top:0}.brand-story__text>:last-child{margin-bottom:0}.brand-story__link{display:inline-flex;align-items:center;gap:14px;min-height:44px;margin-top:8px;color:var(--editorial-accent);font-size:12px;line-height:1.5;text-decoration:underline;text-underline-offset:5px}.brand-story__image{flex:0 0 auto;aspect-ratio:4 / 3}.brand-story__card:nth-child(2n) .brand-story__image{order:-1}.brand-story__card:nth-child(2n) .brand-story__content{padding-top:0;padding-bottom:20px;border-top:0;border-bottom:1px solid rgba(var(--editorial-accent-rgb),.2)}.brand-story__controls{display:flex;align-items:center;gap:20px;margin-top:24px}.brand-story__controls[hidden]{display:none}.brand-story__arrows{display:flex;gap:6px}.brand-story__arrow{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(var(--editorial-accent-rgb),.22);border-radius:50%;background:transparent;color:var(--editorial-accent);font:24px/1 var(--font-body-family);cursor:pointer;transition:background-color .22s ease,border-color .22s ease}.brand-story__arrow:disabled{opacity:.3;cursor:default}.brand-story__progress{display:grid;flex:1;min-width:0;align-items:center;height:48px}.brand-story__progress input{display:block;width:100%;height:48px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--editorial-accent);accent-color:var(--editorial-accent);cursor:pointer;-webkit-appearance:none;appearance:none}.brand-story__progress input::-webkit-slider-runnable-track{height:1px;background:rgba(var(--editorial-accent-rgb),.2)}.brand-story__progress input::-moz-range-track{height:1px;background:rgba(var(--editorial-accent-rgb),.2)}.brand-story__progress input::-webkit-slider-thumb{width:32px;height:3px;margin-top:-1px;border:0;border-radius:0;background:var(--editorial-accent);-webkit-appearance:none;appearance:none}.brand-story__progress input::-moz-range-thumb{width:32px;height:3px;border:0;border-radius:0;background:var(--editorial-accent)}.brand-story__count{flex:0 0 auto;color:var(--editorial-accent);font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.08em}.brand-story__count>span:last-child{opacity:1;color:var(--dora-muted,#755338)}[dir=rtl] .brand-story__arrow span{transform:scaleX(-1)}@media(hover:hover){.brand-story__arrow:not(:disabled):hover{background:rgba(var(--editorial-accent-rgb),.06);border-color:rgba(var(--editorial-accent-rgb),.45)}}@media(min-width:750px){.brand-story__header{margin-bottom:44px}.brand-story__track{grid-auto-columns:calc((100% - 24px)/2);gap:24px}.brand-story__card{gap:28px}.brand-story__controls{margin-top:32px}}@media(min-width:990px){.brand-story__track{grid-auto-columns:calc((100% - (var(--story-columns) - 1) * 32px) / var(--story-columns));gap:32px}.brand-story__header{gap:48px}}@media(prefers-reduced-motion:reduce){.brand-story__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/brand-story-carousel.css.map */
