.cp-tile{--cp-k:1;box-sizing:border-box;inline-size:calc(160px * var(--cp-k));block-size:calc(96px * var(--cp-k));color:#0b0c10;transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);background:#fff;border:1px solid #0b0c101f;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}@media (max-width:47.9375rem){.cp-tile--fluid{--cp-k:.75}}.cp-img{max-inline-size:none;inline-size:calc(var(--cp-w) * var(--cp-k));block-size:calc(var(--cp-h) * var(--cp-k));translate:calc(var(--cp-x) * var(--cp-k)) calc(var(--cp-y) * var(--cp-k));flex:none;display:block}.cp-name{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;color:#0b0c10;padding-inline:12px;font-size:.75rem}a:hover>.cp-tile--lift,a:focus-visible>.cp-tile--lift,.cp-lift-host:hover .cp-tile--lift,.cp-lift-host:focus-within .cp-tile--lift{transform:translateY(-2px);box-shadow:0 6px 18px #00000052}.cp-arrow{color:var(--color-gold);transition:transform .3s var(--ease-out);margin-inline-start:.5em;display:inline-block}.cp-lift-host:hover .cp-arrow,.cp-lift-host:focus-within .cp-arrow,.cp-lift-host:hover .btn-bracket:after,.cp-lift-host:focus-within .btn-bracket:after{transform:translate(3px)}.cp-row{grid-template-columns:minmax(0,1fr);align-items:center;gap:1rem 1.5rem;padding-block:1.25rem;display:grid}@media (min-width:48rem){.cp-row{grid-template-columns:auto minmax(0,1fr) auto}.cp-row-link{text-align:end}}@media (prefers-reduced-motion:reduce){.cp-tile,.cp-arrow{transition:none}}
