.hero-riffle{min-width:0;width:100%;background:#191c17;border:1px solid #3d4534;border-radius:24px;overflow:hidden;--hairline-plate:#191c17;--hairline-hi:#f4ff71;--hairline-edge:#939e7e;--hairline-mid:#677259;--hairline-lo:#333f2d;--hairline-stroke:1.15}
.riffle-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px 0;color:#cbd0bf;font:11px/1.5 var(--ods-mono);text-transform:uppercase;letter-spacing:.05em}
.riffle-heading>span:last-child{font:34px/1 var(--ods-sans);color:var(--lime)}
.hero-riffle .riffle-stage{width:100%;aspect-ratio:5/4}
.hero-riffle .riffle-stage>svg{width:100%;height:100%;flex-shrink:initial}
.riffle-stage:focus-visible{outline:2px solid var(--lime);outline-offset:-5px}
.riffle-footer{padding:0 26px 24px;border-top:1px solid #343c2c}
.riffle-footer>p:first-child{font-size:17px;font-weight:700;letter-spacing:-.02em;margin:18px 0 7px}
.riffle-footer>p:last-child{font:10px/1.6 var(--ods-mono);color:#b2b8a9;margin:0}
.featured .feature-image>video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#121313}
.feature-video-label{position:absolute;pointer-events:none;top:12px;left:12px;border-radius:999px;padding:5px 10px;background:#121313d9;color:var(--lime);font:10px/1.4 var(--ods-mono)}
.feature-summary{font:14px/1.65 var(--ods-sans);color:var(--muted);margin:0 3px;max-width:65ch}
.featured-more{margin-top:34px}
.featured-more>summary{display:flex;align-items:center;justify-content:center;gap:16px;cursor:pointer;list-style:none;border:1px solid var(--line);padding:16px 24px;border-radius:2px;font-size:14px}
.featured-more>summary::-webkit-details-marker{display:none}
.featured-more>summary:hover{border-color:var(--lime);color:var(--lime)}
.featured-more>summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.featured-more>summary svg{transform:rotate(90deg);width:18px;height:18px}
.featured-more[open]>summary{margin-bottom:32px}
.featured-more[open]>summary svg{transform:rotate(-90deg)}
@media(max-width:760px){.hero-riffle{max-width:520px;margin:auto}.riffle-heading{padding:20px 20px 0;font-size:10px}.riffle-footer{padding:0 20px 20px}.riffle-footer>p:first-child{font-size:16px}}

.featured{padding-top:72px;padding-bottom:56px}
@media(max-width:760px){.featured{padding-top:48px;padding-bottom:40px}}