.home-stories-section { padding: 76px 0 64px; background: #f5f3fb; }
.home-stories-section > .wrap { max-width: 1328px; }
.home-stories-section h2 { max-width: 760px; font-weight: 600; }
.home-stories-section .sub { max-width: 720px; margin-bottom: 30px; }
.home-stories.auth-stories { min-height: 0; border-radius: 0; background: transparent; overflow: visible; }
.home-stories-viewport {
    display: flex; gap: 22px; overflow-x: auto; overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory; scroll-padding-inline: max(24px, calc((100vw - 1280px) / 2));
    padding: 4px max(24px, calc((100vw - 1280px) / 2)) 16px;
    scrollbar-width: thin; scrollbar-color: #b5a6d2 transparent;
}
.home-stories-viewport:focus-visible { outline: 3px solid #8a65e7; outline-offset: -3px; }
.home-stories .auth-story-slide {
    position: relative; inset: auto; flex: 0 0 clamp(340px, 30vw, 420px); aspect-ratio: 3 / 5;
    min-height: 650px; isolation: isolate; overflow: hidden; scroll-snap-align: start;
    border: 8px solid #fff; border-radius: calc(var(--story-radius, 25px) + 8px);
    background: #100d23; animation: none;
}
.home-stories .auth-story-slide::after {
    background: linear-gradient(180deg, transparent 18%, #100d231a 33%, #100d23b8 52%, #100d23f5 72%, #100d23 87%);
}
.home-stories .auth-story-image { object-position: center 24%; }
.home-stories .auth-story-copy { left: 25px; right: 25px; bottom: 30px; }
.home-stories .auth-story-copy h3 { font-size: clamp(29px, 2.35vw, 36px); line-height: 1.1; margin-bottom: 16px; }
.home-stories .auth-story-copy p { font-size: 14px; line-height: 1.65; }
.home-stories .auth-story-agent { margin-top: 23px; min-height: 52px; }
.home-stories .auth-story-agent > div { min-width: 0; }
.home-stories .auth-story-agent span { font-size: 12px; }
.home-stories .auth-story-controls {
    position: static; display: flex; justify-content: flex-end; max-width: 1328px; margin: 16px auto 0;
    padding: 0 24px; gap: 20px; border: 0; color: #726c82;
}
.home-stories .auth-story-controls[hidden] { display: none; }
.home-stories .auth-story-controls button { width: 44px; height: 44px; color: #514465; background: #fff; border-color: #ddd5eb; }
.home-stories .auth-story-controls button:hover { background: #ebe5f8; border-color: #b5a6d2; }
.home-stories .auth-story-controls button:focus-visible { outline: 3px solid #8a65e7; outline-offset: 3px; }
.home-story-count { font-size: 13px; font-variant-numeric: tabular-nums; }
@media (max-width: 800px) {
    .home-stories-section { padding: 48px 0 40px; }
    .home-stories.auth-story { display: block; }
    .home-stories-viewport { gap: 14px; padding-inline: 16px; scroll-padding-inline: 16px; }
    .home-stories .auth-story-slide { flex-basis: min(84vw, 380px); min-height: 620px; border-width: 6px; border-radius: 31px; }
    .home-stories .auth-story-copy { left: 22px; right: 22px; bottom: 26px; }
    .home-stories .auth-story-copy h3 { font-size: 30px; }
    .home-stories .auth-story-controls { padding-inline: 24px; }
}
@media (max-width: 380px) {
    .home-stories .auth-story-slide { flex-basis: 88vw; }
    .home-stories .auth-story-copy { left: 18px; right: 18px; }
    .home-stories .auth-story-copy h3 { font-size: 28px; }
}