.story-carousel__wrapper{padding-top:var(--space-20);padding-bottom:var(--space-20)}@media (max-width:1201px){.story-carousel__wrapper{padding-top:var(--space-12);padding-bottom:var(--space-12)}}@media (max-width:768px){.story-carousel__wrapper{padding-top:var(--space-10);padding-bottom:var(--space-10)}}.story-carousel--cream{background-color:var(--color-bg-tertiary)}.story-carousel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.story-carousel__heading{font-family:var(--font-heading);font-size:var(--h3-size-mobile);font-weight:700;color:var(--color-text);margin:0}@media (min-width:768px){.story-carousel__heading{font-size:var(--h3-size)}}.story-carousel__view-all{color:var(--color-text);text-decoration:none;font-size:var(--text-sm);font-weight:600}.story-carousel__view-all:hover{color:var(--header-link-hover)}.story-carousel__body{position:relative}.story-carousel__arrow{display:none;align-items:center;justify-content:center;width:10px;height:20px;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);padding:0;position:absolute;top:40%;transform:translateY(-50%);z-index:2;border:none;background:#fff0}.story-carousel__arrow--prev{left:-40px}.story-carousel__arrow--next{right:-40px}@media (min-width:768px){.story-carousel__arrow{display:flex}}.story-carousel__arrow:hover{background-color:var(--color-bg-secondary);border-color:var(--color-text)}.story-carousel__arrow:disabled{opacity:.3;cursor:default;pointer-events:none}.story-carousel__arrow:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.story-carousel__viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.story-carousel__viewport:active{cursor:grabbing}.story-carousel__viewport::-webkit-scrollbar{display:none}.story-carousel__track{display:flex;gap:var(--space-4);transition:transform 0.3s ease}.story-carousel__card{flex:0 0 calc(50% - var(--space-2));scroll-snap-align:start;position:relative}@media (min-width:768px){.story-carousel__card{max-width:calc((100% - (16px * 5)) / 6)}}.story-carousel__card-link{display:block;text-decoration:none;color:inherit}.story-carousel__card-link:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px;border-radius:var(--radius-md)}.story-carousel__cover{width:100%;max-width:240px;aspect-ratio:8 / 11;position:relative;border-radius:var(--radius-lg);max-height:330px;overflow:hidden;background-color:var(--color-bg-secondary);margin-bottom:var(--space-3)}.story-carousel__cover img{width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block;transition:transform var(--transition-base)}.story-carousel__card-link:hover .story-carousel__title{color:var(--header-link-hover)}.story-carousel__card-link:hover .story-carousel__cover img{transform:scale(1.04)}.story-carousel__cover-placeholder{width:100%;height:100%;background-color:var(--color-bg-secondary)}.story-carousel__title{margin:0 0 var(--space-2);font-size:var(--text-base);font-weight:600;line-height:var(--line-height-snug);color:var(--color-text);overflow:hidden;text-align:center}.story-carousel__excerpt{margin:0;font-size:var(--text-xs);line-height:var(--line-height-relaxed);color:var(--color-text)}.story-carousel__dots{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-5)}@media (min-width:768px){.story-carousel__dots{display:none}}.story-carousel__dot{width:8px;height:8px;border-radius:var(--radius-full);border:1px solid var(--color-text);padding:0;background-color:#fff0;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);flex-shrink:0}.story-carousel__dot--active{background-color:var(--color-text)}.story-carousel__dot:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (min-width:1201px){.for-you-feed .story-carousel__track{gap:50px}.for-you-feed .story-carousel__card{max-width:calc((100% - (50px * 4)) / 4)}}@media (max-width:1201px) && (min-width:768px){.for-you-feed .story-carousel__track{gap:24px}.for-you-feed .story-carousel__card{max-width:calc((100% - (24px * 4)) / 4)}}@media (max-width:768px){.story-carousel__card{max-width:120px}.story-carousel__title{font-size:var(--text-sm)}}