.cs-wall{position:relative}.cs-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}@media (min-width:560px){.cs-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}}@media (min-width:900px){.cs-strip{grid-template-columns:repeat(12,minmax(0,1fr));gap:7px}}.cs-cell{aspect-ratio:384/600;background:color-mix(in srgb, var(--color-cobalt-600) 5%, var(--color-paper));border:1px solid color-mix(in srgb, var(--color-cobalt-600) 14%, transparent);opacity:0;filter:grayscale(.55)brightness(1.12)contrast(.86);will-change:opacity, transform, filter;position:relative;overflow:hidden;transform:translateY(16px)scale(.93)}.cs-cell img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.cs-cell:before{content:"";z-index:1;background:color-mix(in srgb, var(--color-cobalt-600) 22%, transparent);opacity:1;pointer-events:none;position:absolute;inset:0}.cs-num{z-index:2;font-family:var(--font-mono);letter-spacing:.1em;color:color-mix(in srgb, var(--color-cobalt-700) 78%, transparent);background:color-mix(in srgb, var(--color-paper) 72%, transparent);padding:1px 3px;font-size:.5rem;line-height:1;position:absolute;bottom:3px;left:4px}.cs-ignited .cs-cell{transition:opacity .7s,transform .95s cubic-bezier(.16,.84,.32,1),filter 1.15s;transition-delay:var(--d,0s);opacity:1;filter:none;transform:none}.cs-ignited .cs-cell:before{transition:opacity 1.15s;transition-delay:var(--d,0s);opacity:0}.cs-contact{border-color:var(--color-cobalt-600);z-index:3;box-shadow:inset 0 0 0 2px var(--color-cobalt-600), 0 0 0 1px color-mix(in srgb, var(--color-cobalt-600) 30%, transparent)}.cs-contact .cs-tag{z-index:2;text-align:center;font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-paper);background:var(--color-cobalt-600);padding:2px 0;font-size:.46rem;line-height:1;position:absolute;top:3px;left:3px;right:3px}.cs-ignited .cs-contact{animation:1s ease-out both cs-pulse;animation-delay:calc(var(--d,0s) + .55s)}@keyframes cs-pulse{0%{box-shadow:inset 0 0 0 2px var(--color-cobalt-600), 0 0 0 0 color-mix(in srgb, var(--color-cobalt-600) 55%, transparent)}70%{box-shadow:inset 0 0 0 2px var(--color-cobalt-600), 0 0 0 10px color-mix(in srgb, var(--color-cobalt-600) 0%, transparent)}to{box-shadow:inset 0 0 0 2px var(--color-cobalt-600), 0 0 0 1px color-mix(in srgb, var(--color-cobalt-600) 30%, transparent)}}.cs-scan{z-index:8;pointer-events:none;background:linear-gradient(to right, transparent 0%, color-mix(in srgb, var(--color-cobalt-600) 30%, transparent) 55%, color-mix(in srgb, var(--color-cobalt-500) 65%, transparent) 82%, var(--color-cobalt-400) 96%, var(--color-cobalt-300) 100%);mix-blend-mode:multiply;width:12%;animation:1.55s cubic-bezier(.42,0,.24,1) forwards cs-sweep;position:absolute;top:-1%;bottom:-1%;left:0}.cs-scan:after{content:"";background:var(--color-cobalt-500);width:2px;box-shadow:0 0 10px 1px color-mix(in srgb, var(--color-cobalt-500) 60%, transparent);position:absolute;top:0;bottom:0;right:0}@keyframes cs-sweep{0%{opacity:0;transform:translate(-130%)}8%{opacity:1}92%{opacity:1}to{opacity:0;transform:translate(770%)}}@media (prefers-reduced-motion:reduce){.cs-cell{opacity:1;filter:none;transform:none}.cs-cell:before{opacity:0}.cs-ignited .cs-cell,.cs-ignited .cs-cell:before{transition:none}.cs-ignited .cs-contact{animation:none}.cs-scan{display:none}}