.stories{position:relative;padding:var(--section-pt, 25px) 0 var(--section-pb, 21px);background:var(--color-background, var(--color-surface));color:var(--color-foreground, var(--color-ink));overflow-x:clip}.story-feature{position:relative;display:block;margin:0 var(--gutter) 20px;border-radius:var(--radius-card);overflow:hidden;aspect-ratio:16 / 12;background:var(--color-img-bg)}.story-feature__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur-slow) var(--ease-out)}.story-feature__scrim{position:absolute;inset:auto 0 0 0;height:58%;background:linear-gradient(to top,#1a1a1ad9,#1a1a1a00)}.story-feature__content{position:absolute;bottom:0;inset-inline:0;padding:18px;color:#fff;display:flex;flex-direction:column;gap:9px}.story-feature__tag{align-self:flex-start;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:2px;background:var(--color-primary);color:var(--color-primary-ink)}.story-feature__title{font-family:var(--font-display);font-weight:700;font-size:18px;line-height:1.3;max-width:280px}.stories-rail{--rail-gap: 14px}.story-card{width:150px;flex:none;display:flex;flex-direction:column;gap:8px;color:var(--color-ink-card)}.story-card__media{display:block;aspect-ratio:1 / 1;border-radius:var(--radius-card);overflow:hidden;background:var(--color-img-bg)}.story-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur-slow) var(--ease-out)}.story-card__tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary)}.story-card__title{font-size:12.5px;font-weight:500;line-height:1.35}.stories__note{margin:12px var(--gutter) 0;font-size:12px;color:var(--color-muted)}@media(hover:hover)and (pointer:fine){.story-feature:hover .story-feature__img,.story-card:hover .story-card__img{transform:scale(1.04)}}@media(min-width:768px){.story-feature{aspect-ratio:1281 / 468;margin-bottom:16px}.stories-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--rail-gap);padding-inline:var(--gutter);overflow:visible}.story-card{width:100%}.story-card__media{aspect-ratio:6 / 5}.story-card__title{font-size:14px}}html[lang^=ar] .story-feature__tag,html[lang^=ar] .story-card__tag{letter-spacing:0;text-transform:none}.story-feature__title{font-size:16px}.story-card__title{font-size:12.5px;line-height:1.35}.story-card__tag,.story-feature__tag{font-size:9px;padding:4px 9px}@media(min-width:768px){.story-feature{aspect-ratio:1281 / 380}.story-feature__title{font-size:19px;max-width:320px}.story-feature__content{padding:16px}.story-card__title{font-size:13px}}@media(min-width:1024px){.stories{--stories-w: min(1281px, calc(100% - 2 * var(--gutter)))}.story-feature{width:var(--stories-w);margin-inline:auto;margin-bottom:24px;aspect-ratio:1281 / 300}.stories-rail{width:var(--stories-w);margin-inline:auto;padding-inline:0;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.story-card__media{aspect-ratio:411 / 297}}@media(min-width:768px)and (max-width:1023px){.stories-rail{gap:16px}.story-card__media{aspect-ratio:411 / 297}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-stories.css.map */