[x-cloak]{display:none!important}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.case-grid .case{position:relative;aspect-ratio:4 / 3;background:var(--c, #2b3eff);overflow:hidden;cursor:pointer;border-radius:14px;border:1px solid #e8e8e6;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s;box-shadow:0 1px 2px #0f11160a,0 8px 24px -12px #0f111614;padding:0;display:block;text-align:left;color:inherit;font:inherit}.case-grid .case:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0f11160f,0 24px 48px -16px #0f11161f}.case-grid .case .case-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.92;transition:transform .32s ease}.case-grid .case:hover .case-image{transform:scale(1.04)}.case-grid .case .case-swatch{position:absolute;inset:0;background:var(--c, #2b3eff);opacity:.92;z-index:0}.case-grid .case .case-stripes{position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(-45deg,transparent,transparent 14px,rgba(255,255,255,.07) 14px,rgba(255,255,255,.07) 15px);pointer-events:none}.case-grid .case .case-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0000 40%,#00000073);pointer-events:none}.case-grid .case .case-kind{position:absolute;top:14px;left:14px;z-index:2;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#fffffff2;background:#00000038;padding:4px 9px;border-radius:999px;max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.case-grid .case .case-title{position:absolute;left:16px;right:56px;bottom:14px;z-index:2;font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.2;color:#fff;text-wrap:balance;margin:0}.case-grid .case .case-icon{position:absolute;bottom:14px;right:14px;z-index:2;width:30px;height:30px;border-radius:50%;background:#ffffffeb;color:#0e1116;display:flex;align-items:center;justify-content:center;font-size:14px;transition:transform .32s}.case-grid .case:hover .case-icon{transform:rotate(-45deg)}@media (max-width: 720px){.case-grid{grid-template-columns:1fr}.case-grid .case .case-title{font-size:16px}}
