.ocpc{position:relative;isolation:isolate;overflow:hidden;margin:24px 0;background:#0c0d10;color:#f5f5f7;border-radius:var(--ocpc-radius,16px);font-family:inherit;line-height:1.4;scroll-margin-top:96px;--ocpc-red:#e82441}.ocpc *{box-sizing:border-box}.ocpc a{color:inherit;text-decoration:none}.ocpc button{font:inherit;color:inherit;cursor:pointer}.ocpc [hidden]{display:none!important}.ocpc__background,.ocpc__veil{position:absolute;inset:0;z-index:-2;pointer-events:none}.ocpc__background img{width:100%;height:100%;object-fit:cover}.ocpc__veil{z-index:-1;background:rgba(0,0,0,var(--ocpc-overlay,.65))}.ocpc__inner{padding:clamp(12px,2vw,28px)}.ocpc__header{margin-bottom:20px}.ocpc__header h2{margin:0 0 8px;font-size:clamp(24px,3vw,38px);color:inherit}.ocpc__header p{margin:0;color:#bcbec8}.ocpc__grid{display:grid;grid-template-columns:repeat(var(--ocpc-columns,5),minmax(0,1fr));gap:16px}.ocpc__tile{display:flex;flex-direction:column;min-width:0;padding:6px 6px 12px;border:0;border-radius:var(--ocpc-radius,16px);background:rgba(24,25,29,var(--ocpc-opacity,.8));transition:background .18s,transform .18s}.ocpc__tile:hover{background:#27282e;transform:translateY(-2px)}.ocpc__tile img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:10px}.ocpc__name{text-align:center;padding:10px 5px 0;font-size:14px;overflow-wrap:anywhere}.ocpc__placeholder{display:flex;width:100%;aspect-ratio:1;align-items:center;justify-content:center;font-size:48px;color:#757984}.ocpc__navigation{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}.ocpc__back,.ocpc__all{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:0;border-radius:10px;background:#27282e;flex-shrink:0}.ocpc__all{background:#b5122c}.ocpc__crumbs{flex:1;min-width:120px;color:#bfc1ca;font-size:14px;overflow-wrap:anywhere}.ocpc__crumbs button{background:none;border:0;padding:8px 2px;min-height:44px;text-decoration:underline;text-underline-offset:3px}.ocpc__crumbs [aria-current]{color:white}.ocpc a:focus-visible,.ocpc button:focus-visible{outline:2px solid var(--ocpc-red);outline-offset:-2px}.ocpc__stage:focus{outline:none}.ocpc__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:991px){.ocpc__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.ocpc__grid{grid-template-columns:repeat(var(--ocpc-mobile,2),minmax(0,1fr));gap:10px}.ocpc__name{font-size:13px}.ocpc__navigation{gap:8px}.ocpc__crumbs{order:3;flex-basis:100%}.ocpc__all{margin-left:auto}.ocpc__tile{padding:4px 4px 10px}}
@media(prefers-reduced-motion:reduce){.ocpc__tile{transition:none}.ocpc__tile:hover{transform:none}}