.card-media{margin:0 0 12px}.card-media-item{appearance:none;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-inset);width:100%;font:inherit;color:inherit;text-align:left;cursor:zoom-in;margin:0;padding:0;display:block;position:relative;overflow:hidden}.card-media-item img{object-fit:cover;width:100%;height:100%;display:block}.card-media-item:focus-visible{outline:2px solid var(--brand);outline-offset:-3px}.card-media--single .card-media-item{aspect-ratio:16/9}.card-media--duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.card-media--duo .card-media-item{aspect-ratio:4/3}.card-media--strip{margin-right:calc(-1 * var(--card-pad));position:relative}.card-media-track{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;padding-inline-end:var(--card-pad);display:flex;overflow-x:auto}.card-media-track::-webkit-scrollbar{display:none}.card-media--strip .card-media-item{aspect-ratio:4/5;scroll-snap-align:start;flex:none;width:240px}.card-media-arrow{display:none}@media (hover:hover) and (pointer:fine){.card-media-arrow{appearance:none;z-index:1;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-card);width:44px;height:44px;color:var(--text-strong);box-shadow:var(--shadow-md);font:inherit;cursor:pointer;opacity:0;transition:opacity var(--motion-fast,.15s) ease-out;justify-content:center;align-items:center;margin-top:-22px;padding:0;display:inline-flex;position:absolute;top:50%}.card-media-arrow i{font-size:16px}.card-media-arrow--prev{left:8px}.card-media-arrow--next{right:calc(var(--card-pad) + 8px)}.card-media--strip:hover .card-media-arrow,.card-media-arrow:focus-visible{opacity:1}.card-media-arrow:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.card-media-arrow[hidden]{display:none}}@media (max-width:480px){.card-media--strip .card-media-item{width:176px}}@media (prefers-reduced-motion:reduce){.card-media-arrow{transition:none}}