:root{--caps-gap:21px;--caps-gap-mobile:40px;--caps-radius:12px;--caps-shadow:0 8px 24px rgba(0,0,0,.15);--caps-border:rgba(0,0,0,.06);--caps-bg:#fff;--caps-text:#0f172a;--caps-muted:#64748b;--caps-accent:#0042a3;--caps-accent-2:#d3d3d3;--caps-overlay-top:rgba(0,0,0,.02);--caps-overlay-bottom:rgba(0,0,0,.22);--caps-btn-font-size:14px;--caps-btn-padding-x:16px;--caps-btn-padding-y:6px;--caps-btn-radius:999px;--caps-yt-icon-w:29px;--caps-yt-icon-h:24px;--caps-yt-gap:8px;--caps-tx-fast:150ms;--caps-tx-med:220ms}.caps-grid{display:grid;gap:var(--caps-gap);grid-template-columns:1fr;list-style:none;margin:0 auto;max-width:1200px;padding:0}.caps-card{background:transparent;cursor:pointer;display:flex;flex-direction:column;margin:0 auto;outline:none;width:100%}.caps-card:focus-visible{outline:2px solid var(--caps-accent);outline-offset:4px}.caps-frame{aspect-ratio:284/188;border-radius:var(--caps-radius);box-shadow:var(--caps-shadow);overflow:hidden;position:relative;width:100%}.caps-thumb{display:block;height:100%!important;object-fit:cover;width:100%}.caps-overlay{inset:0;pointer-events:none;position:absolute}.caps-card:focus-visible .caps-frame,.caps-card:hover .caps-frame{box-shadow:0 12px 32px rgba(0,0,0,.2);transform:translateY(-2px);transition:transform var(--caps-tx-med) ease,box-shadow var(--caps-tx-med) ease}.caps-cta{align-items:center;color:var(--caps-text);display:flex;font-family:inherit;gap:12px;justify-content:space-between;margin-top:8px}.caps-btn{align-items:center;background:var(--caps-accent);border:none;border-radius:var(--caps-btn-radius);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--caps-btn-font-size);font-weight:400;justify-content:center;line-height:1.2;padding:var(--caps-btn-padding-y) var(--caps-btn-padding-x);text-decoration:none;transition:background-color var(--caps-tx-fast) ease,transform var(--caps-tx-fast) ease,box-shadow var(--caps-tx-fast) ease;white-space:nowrap}.caps-btn:hover{box-shadow:0 8px 16px rgba(0,0,0,.16);transform:translateY(-1px)}.caps-btn:active{box-shadow:none;transform:translateY(0)}.caps-ytfly{align-items:center;color:var(--caps-muted);display:flex;font-size:13px;height:var(--caps-yt-icon-h);justify-content:flex-end;overflow:hidden;position:relative;width:160px}.caps-ytfly-icon{display:block;height:var(--caps-yt-icon-h);opacity:1;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity var(--caps-tx-med) ease,transform var(--caps-tx-med) ease,visibility 0s linear 0s;visibility:visible;width:var(--caps-yt-icon-w)}.caps-ytfly-text{opacity:0;position:absolute;right:0;top:50%;transform:translateY(-50%) translateY(4px);transition:opacity var(--caps-tx-med) ease,transform var(--caps-tx-med) ease,visibility 0s linear var(--caps-tx-med);visibility:hidden;white-space:nowrap}.caps-card:focus-visible .caps-ytfly-icon,.caps-card:hover .caps-ytfly-icon{opacity:0;transform:translateY(-50%) translateY(-4px);transition:opacity var(--caps-tx-med) ease,transform var(--caps-tx-med) ease,visibility 0s linear var(--caps-tx-med);visibility:hidden}.caps-card:focus-visible .caps-ytfly-text,.caps-card:hover .caps-ytfly-text{opacity:1;transform:translateY(-50%) translateY(0);transition:opacity var(--caps-tx-med) ease,transform var(--caps-tx-med) ease,visibility 0s linear 0s;visibility:visible}.caps-ytfly.is-open .caps-ytfly-icon{opacity:0;transform:translateY(-50%) translateY(-4px);visibility:hidden}.caps-ytfly.is-open .caps-ytfly-text{opacity:1;transform:translateY(-50%) translateY(0);visibility:visible}.caps-card[data-state=inactive]{cursor:default}.caps-card[data-state=inactive] .caps-btn{background:var(--caps-accent-2);color:#555;cursor:default}.caps-card[data-state=inactive] .caps-btn:active,.caps-card[data-state=inactive] .caps-btn:hover{background:var(--caps-accent-2)}.caps-card[data-state=inactive] .caps-overlay{background:linear-gradient(180deg,var(--caps-overlay-top) 0,var(--caps-overlay-bottom) 100%)}.caps-card[data-state=inactive] .caps-frame{box-shadow:var(--caps-shadow);transform:none;transition:none}.caps-card[data-state=inactive]:focus-visible .caps-frame,.caps-card[data-state=inactive]:hover .caps-frame{box-shadow:var(--caps-shadow);transform:none}.caps-card[data-state=inactive] .caps-ytfly-icon{opacity:1;transform:translateY(-50%);transition:none;visibility:visible}.caps-card[data-state=inactive] .caps-ytfly-text{opacity:0;transform:translateY(-50%) translateY(4px);transition:none;visibility:hidden}.caps-card[data-state=inactive]:focus-visible .caps-ytfly-icon,.caps-card[data-state=inactive]:hover .caps-ytfly-icon{opacity:1;transform:translateY(-50%);visibility:visible}.caps-card[data-state=inactive]:focus-visible .caps-ytfly-text,.caps-card[data-state=inactive]:hover .caps-ytfly-text{opacity:0;transform:translateY(-50%) translateY(4px);visibility:hidden}.caps-card[data-state=inactive] .caps-btn:active,.caps-card[data-state=inactive] .caps-btn:hover{box-shadow:none;transform:none}@media (min-width:600px){.caps-grid{gap:var(--caps-gap-mobile);grid-template-columns:repeat(2,minmax(0,1fr))}.caps-card{max-width:100%}}@media (min-width:1024px){.caps-grid{gap:var(--caps-gap);grid-template-columns:repeat(4,minmax(0,1fr))}.caps-card{max-width:284px}}@media (max-width:360px){.caps-cta{align-items:flex-start;gap:6px}.caps-card{max-width:100%}.caps-grid{gap:var(--caps-gap-mobile)}.caps-ytfly{justify-content:flex-start;min-width:0}.caps-ytfly-text{white-space:normal}}