/* The profile's own action photo, full portrait and original Duke mark, in a native card. */
.duke-riders-index .riders-grid{align-items:stretch;gap:32px 24px}
.duke-riders-index .rider-index-card{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;border-radius:8px;background:#171717;color:#fff;text-decoration:none}
.rider-index-visual{position:relative;isolation:isolate;width:100%;aspect-ratio:4/5;overflow:hidden;background:#171717}
.rider-index-visual .rider-index-action{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}
.rider-index-ground{position:absolute;inset:0 0 0 72%;background:#171717;opacity:.85}
.rider-index-visual .rider-index-brand{position:absolute;right:-24%;top:12%;width:100%;height:auto;opacity:.18;pointer-events:none}
.rider-index-visual .rider-index-portrait{position:absolute;inset:auto 0 0;width:100%;height:96%;object-fit:contain;object-position:center bottom}
.rider-index-visual:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(0deg,#171717,transparent);pointer-events:none}
.rider-index-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;padding:22px 20px 24px}
.rider-index-copy h2{font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.025em;margin:0;color:#fff}
.rider-index-copy p{font-size:14px;line-height:1.4;min-height:2.8em;color:#fff;margin:10px 0 20px}
.rider-index-copy .button{--duke-action-width:224px;display:inline-flex;width:var(--duke-action-width);max-width:100%;height:48px;min-height:48px;justify-content:space-between;gap:8px;margin-top:auto;padding:6px 10px 6px 18px;border:0;font-size:15px;line-height:1.3;flex-shrink:0}
.rider-index-copy .button__arrow{width:28px;height:28px;flex:none}.rider-index-copy .button__arrow .icon{width:20px;height:20px}
.rider-index-card:hover .rider-index-copy h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.rider-index-card:focus-visible{outline:2px solid #171717;outline-offset:5px}
@media(max-width:1100px){.rider-index-copy{padding:20px 16px}.rider-index-copy h2{font-size:22px}}
@media(max-width:767px){
 .duke-riders-index .riders-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
 .rider-index-copy{padding:16px 12px}.rider-index-copy h2{font-size:20px;min-height:2.4em}.rider-index-copy p{font-size:13px;margin:10px 0 18px}
 .rider-index-copy .button{width:100%;padding:6px 8px 6px 12px}
}
@media(max-width:359px){.duke-riders-index .riders-grid{padding-inline:12px;gap:20px 10px}.rider-index-copy{padding-inline:10px}.rider-index-copy h2{font-size:19px}.rider-index-copy .button{padding-left:10px;padding-right:6px}.rider-index-copy .button__arrow{width:24px;height:24px}}