/* Acervo de Clientes — as mesmas artes verticais abertas no story viewer da Home. */
.dl-client-archive-roster--stories{
    --dl-story-width:350px;
    --dl-story-gap:22px;
}
.dl-client-archive-roster--stories .dl-client-archive-roster__story-heading{
    display:flex;align-items:center;justify-content:space-between;gap:24px;
    border-top:1px solid #444;margin-bottom:30px;padding-top:22px;
}
.dl-client-archive-roster--stories .dl-client-archive-kicker{
    color:var(--dl-acr-muted);font-size:clamp(10px,.75vw,13px);
    letter-spacing:.12em;
}
.dl-client-archive-roster--stories .dl-client-archive-roster__story-controls{
    display:flex;gap:8px;align-items:center;
}
.dl-client-archive-roster--stories .dl-client-archive-roster__story-controls button{
    display:grid;place-items:center;min-height:46px;min-width:46px;padding:10px;
    border:1px solid #686868;background:transparent;border-radius:50%;
    color:var(--dl-acr-ink);cursor:pointer;
    transition:color .2s,border-color .2s,background .2s;
}
.dl-client-archive-roster--stories .dl-client-archive-roster__story-controls button:disabled{
    opacity:.35;cursor:default;
}
.dl-client-archive-roster--stories .dl-client-archive-roster__story-controls button:is(:hover,:focus-visible):not(:disabled){
    background:var(--dl-acr-accent);color:#101010;border-color:var(--dl-acr-accent);
}
.dl-client-archive-roster--stories .dl-client-archive-roster__story-controls svg{
    height:20px;width:20px;stroke-width:1.8;
}
.dl-client-archive-roster--stories .dl-client-archive-roster__stories-viewport{
    overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;
    scrollbar-color:#777 transparent;scroll-snap-type:none;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y;cursor:grab;user-select:none;
    outline-offset:6px;
}
.dl-client-archive-roster--stories .dl-client-archive-roster__stories-viewport.is-dragging{cursor:grabbing;scroll-behavior:auto!important}
.dl-client-archive-roster--stories .dl-client-archive-roster__stories-viewport:focus-visible{
    outline:2px solid var(--dl-acr-accent);
}
.dl-client-archive-roster--stories .dl-client-archive-roster__grid{
    display:flex;gap:var(--dl-story-gap);align-items:stretch;
    width:max-content;min-width:100%;
    row-gap:0;padding-bottom:20px;
}
.dl-client-archive-roster--stories .dl-client-archive-roster__item{
    width:min(var(--dl-story-width),80vw);flex:0 0 min(var(--dl-story-width),80vw);
    margin:0;scroll-snap-align:none;
}
.dl-client-archive-roster--stories .dl-client-archive-roster__item:nth-child(even){margin:0}
.dl-client-archive-roster--stories .dl-client-archive-roster__media{
    aspect-ratio:9/16;background:#171717;overflow:hidden;
    display:grid;place-items:center;
}
.dl-client-archive-roster--stories .dl-client-archive-roster__image{
    object-fit:contain;width:100%;height:100%;inset:0;
}
.dl-client-archive-roster--stories .dl-client-archive-roster__item:hover .dl-client-archive-roster__image{
    transform:none;
}
.dl-client-archive-roster--stories .dl-client-archive-roster__placeholder{
    background:#202020;
}
.dl-client-archive-roster--stories .dl-client-archive-roster__details{
    margin-top:14px;padding-top:14px;
}
.dl-client-archive-roster--stories .dl-client-archive-roster__name{
    font-size:clamp(23px,2.1vw,38px);
    line-height:1.08;
}
.dl-client-archive-roster--stories .dl-client-archive-roster__number{
    margin-bottom:9px;
}
@media(max-width:767px){
    .dl-client-archive-roster--stories .dl-client-archive-roster__story-heading{margin-bottom:18px}
    .dl-client-archive-roster--stories .dl-client-archive-roster__story-controls button{min-width:42px;min-height:42px}
    .dl-client-archive-roster--stories .dl-client-archive-roster__item{
        width:min(var(--dl-story-width),79vw);
        flex-basis:min(var(--dl-story-width),79vw);
    }
    .dl-client-archive-roster--stories .dl-client-archive-roster__name{
        font-size:clamp(22px,6vw,32px);
    }
}
@media(prefers-reduced-motion:reduce){
    .dl-client-archive-roster--stories .dl-client-archive-roster__stories-viewport{scroll-behavior:auto!important}
}
