/* Ripple featured capsule: original typography, palette and ring artwork. */
.pg .feat{position:relative;transition:none}
.pg .feat:hover{translate:none;box-shadow:none}
.pg .featured-track{display:grid;min-width:0;overflow:hidden}
.pg .featured-slide{grid-area:1/1;display:flex;min-width:0;color:inherit;text-decoration:none;visibility:hidden;opacity:0;transform:translateX(100%);transition:transform .5s var(--ease),opacity .5s var(--ease),visibility .5s}
.pg .featured-slide.is-active{visibility:visible;opacity:1;transform:translateX(0);z-index:1}
.pg .featured-slide.is-leaving{transform:translateX(-100%)}
.pg .featured-copy{display:flex;flex-direction:column;width:100%;padding:clamp(36px,5vw,64px)}
.pg .featured-copy h2{margin-bottom:16px;overflow-wrap:break-word}
.pg .featured-copy .t-lead{margin-bottom:28px}
.pg .featured-copy .link{margin-top:auto}
.pg .featured-slide:hover .link{text-decoration:underline;text-underline-offset:5px}
.pg .featured-slide:focus-visible{outline:2px solid var(--orange,#D9784F);outline-offset:-8px;border-radius:24px}
.pg .featured-copy{padding-bottom:20px}
.pg .featured-controls{grid-column:1/-1;min-width:0;padding:0 clamp(36px,5vw,64px) 24px;z-index:2}
.pg .featured-controls[hidden]{display:none}
.pg .featured-capsules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;width:312px;max-width:100%;height:48px}
.pg .featured-capsule{position:relative;display:block;width:100%;height:44px;min-width:0;padding:0;border:0;border-radius:999px;background:transparent;cursor:pointer}
.pg .featured-capsule::before{content:"";position:absolute;left:50%;top:50%;width:72%;height:6px;transform:translate(-50%,-50%);border-radius:999px;background:var(--paper);opacity:.45;transition:width .3s var(--ease),height .3s var(--ease),opacity .3s var(--ease)}
.pg .featured-capsule[aria-current="true"]::before,.pg .featured-capsule:hover::before,.pg .featured-capsule:focus-visible::before{width:100%;height:10px;opacity:1}
.pg .featured-capsule:focus-visible{outline:2px solid var(--dkacc);outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.pg .featured-slide{transition:none;transform:none}.pg .featured-capsule::before{transition:none}}

/* One step of marker travel, matched to the article transition. Hit areas stay fixed. */
.pg .featured-capsules{position:relative;overflow:hidden;--capsule-step:108px}
.pg .featured-capsules.is-next{--capsule-travel:calc(-1 * var(--capsule-step))}
.pg .featured-capsules.is-previous{--capsule-travel:var(--capsule-step)}
.pg .featured-capsules.is-next .featured-capsule[data-featured-direction="-1"]::before,
.pg .featured-capsules.is-previous .featured-capsule[data-featured-direction="1"]::before{animation:capsule-exit .5s var(--ease)}
.pg .featured-capsules.is-next .featured-capsule[data-featured-direction="1"]::before,
.pg .featured-capsules.is-previous .featured-capsule[data-featured-direction="-1"]::before{animation:capsule-become-current .5s var(--ease)}
.pg .featured-capsules.is-next .featured-capsule[data-featured-direction="0"]::before,
.pg .featured-capsules.is-previous .featured-capsule[data-featured-direction="0"]::before{animation:capsule-become-side .5s var(--ease)}
.pg .featured-capsules.is-next::after,.pg .featured-capsules.is-previous::after{content:"";position:absolute;top:50%;width:calc((100% - 24px) * .24);height:6px;border-radius:999px;background:var(--paper);opacity:.45;transform:translate(-50%,-50%);pointer-events:none;animation:capsule-enter .5s var(--ease)}
.pg .featured-capsules.is-next::after{left:calc(100% - (100% - 24px) / 6 + var(--capsule-step))}
.pg .featured-capsules.is-previous::after{left:calc((100% - 24px) / 6 - var(--capsule-step))}
@keyframes capsule-exit{to{transform:translate(calc(-50% + var(--capsule-travel)),-50%);opacity:0}}
@keyframes capsule-become-current{to{transform:translate(calc(-50% + var(--capsule-travel)),-50%);width:100%;height:10px;opacity:1}}
@keyframes capsule-become-side{to{transform:translate(calc(-50% + var(--capsule-travel)),-50%);width:72%;height:6px;opacity:.45}}
@keyframes capsule-enter{to{transform:translate(calc(-50% + var(--capsule-travel)),-50%)}}
@media(prefers-reduced-motion:reduce){.pg .featured-capsules .featured-capsule::before,.pg .featured-capsules::after{animation:none!important}}
