/* A continuously travelling concave photo ribbon, following the Bildora reference. */
.about-v5 .ab-hero-v3{padding-bottom:0}
.ab-ribbon{width:100vw;max-width:none;position:relative;left:50%;margin-left:-50vw;direction:ltr;outline-offset:-5px;overflow:hidden;overflow:clip;background:var(--ashal-surface,#fbfcfa)}
html[dir=rtl] .ab-ribbon{left:auto;right:50%;margin-left:0;margin-right:-50vw}
.ab-ribbon-stage{padding-block:44px 64px}
.ab-ribbon-photos{display:flex;gap:24px;overflow-x:auto;padding:20px 6%;align-items:center;scroll-snap-type:x mandatory}
.ab-ribbon-photo{margin:0;flex:0 0 220px;scroll-snap-align:center}
.ab-ribbon-photo img{display:block;width:100%;height:auto;aspect-ratio:26/37;object-fit:cover;border-radius:24px;user-select:none;-webkit-user-drag:none}
.ab-ribbon.is-ribbon .ab-ribbon-stage{height:clamp(440px,35vw,660px);padding:0;perspective:var(--ribbon-perspective,700px);touch-action:pan-y;cursor:grab}
.ab-ribbon.is-ribbon .ab-ribbon-photos{position:relative;height:100%;display:block;overflow:visible;padding:0;transform-style:preserve-3d}
.ab-ribbon.is-ribbon .ab-ribbon-photo{position:absolute;left:50%;top:50%;width:var(--ribbon-card-width,260px);transform-origin:center;backface-visibility:hidden}
.about-v5 .ab-ribbon.is-ribbon .ab-ribbon-photo{transform:var(--ribbon-transform)!important}
.ab-ribbon.is-ribbon.is-dragging .ab-ribbon-stage{cursor:grabbing}
.ab-ribbon:focus-visible{outline:2px solid var(--teal);outline-offset:-3px}


@media(max-width:767px){.ab-ribbon.is-ribbon .ab-ribbon-stage{height:320px}.ab-ribbon-stage{padding-block:24px}.ab-ribbon-photo{flex-basis:180px}}