.adv-story{
padding-block:var(--space-10);
}
.adv-story__inner{
max-width:var(--container-md);
margin-inline:auto;
padding-inline:var(--space-6);
}
.adv-story__title{
font-size:var(--font-size-3xl);
font-weight:var(--weight-black);
letter-spacing:var(--letter-tight);
line-height:1.15;
color:var(--color-ink);
margin:0 0 var(--space-5);
}
.adv-story__lead{
font-size:var(--font-size-lg);
color:var(--color-muted);
line-height:var(--line-relaxed);
margin:0 0 var(--space-9);
}

.adv-story-player{
position:relative;
aspect-ratio:9 / 16;
max-width:420px;
margin:0 auto;
background:var(--color-ink);
border-radius:var(--radius-xl);
overflow:hidden;
box-shadow:var(--shadow-lg);
}
.adv-story-player__slides{
position:absolute;
inset:0;
display:flex;
transition:transform var(--duration-medium) var(--ease-standard);
}
.adv-story-player__slide{
flex:0 0 100%;
position:relative;
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:var(--space-8) var(--space-6);
background:var(--color-ink);
color:#ffffff;
}
.adv-story-player__slide--soft{background:linear-gradient(135deg,#1a365d,#2b6cb0)}
.adv-story-player__slide--plain{background:#0f172a}
.adv-story-player__slide-title{
font-size:var(--font-size-2xl);
font-weight:var(--weight-black);
line-height:1.2;
margin:0 0 var(--space-4);
color:#ffffff;
}
.adv-story-player__slide-text{
font-size:var(--font-size-base);
line-height:var(--line-relaxed);
color:#cbd5e1;
margin:0;
}

.adv-story-player__progress{
position:absolute;
top:var(--space-4);
left:var(--space-4);
right:var(--space-4);
display:flex;
gap:var(--space-2);
z-index:2;
}
.adv-story-player__progress-seg{
flex:1 1 0;
height:3px;
background:rgba(255,255,255,.25);
border-radius:var(--radius-pill);
overflow:hidden;
}
.adv-story-player__progress-seg.is-active::after{
content:"";
display:block;
height:100%;
background:#ffffff;
animation:advStoryProgress 5s linear;
}
@keyframes advStoryProgress{
from{width:0}
to{width:100%}
}

.adv-story-player__controls{
position:absolute;
inset:0;
display:flex;
z-index:3;
}
.adv-story-player__prev,
.adv-story-player__next{
flex:1 1 50%;
background:transparent;
border:0;
cursor:pointer;
color:transparent;
}
.adv-story-player__prev:focus-visible,
.adv-story-player__next:focus-visible{
outline:2px solid #ffffff;
outline-offset:-4px;
}

.adv-story-nav{
display:flex;
align-items:center;
justify-content:center;
gap:var(--space-3);
margin-top:var(--space-6);
}

@media (max-width:639px){
.adv-story-player{max-width:100%;border-radius:0;aspect-ratio:9 / 16}
}

@media (prefers-reduced-motion: reduce){
.adv-story-player__slides{transition:none}
.adv-story-player__progress-seg.is-active::after{animation:none;width:100%}
}