.csc{--mx:0;--my:0;aspect-ratio:16/10;border-radius:var(--r-md,20px);background:var(--cs,#141414);display:block;position:relative;overflow:hidden}.csc .csd-field{width:100%;height:100%;position:absolute;inset:0}.csc-visual{object-fit:contain;filter:drop-shadow(0 26px 40px #00000047);width:auto;max-width:62%;height:80%;transform:translate(calc(var(--mx) * 8px), calc(-50% + var(--my) * 6px)) rotate(calc(-6deg + var(--mx) * 2deg));transition:transform .7s var(--ease);position:absolute;top:50%;right:7%}.csc[data-hover] .csc-visual{transform:translate(calc(var(--mx) * 16px), calc(-53% + var(--my) * 12px)) rotate(calc(-3deg + var(--mx) * 4deg)) scale(1.05)}.csc-desktop{filter:drop-shadow(0 22px 34px #00000042);width:60%;height:auto;transform:translate(calc(var(--mx) * 4px), calc(-50% + var(--my) * 3px));transition:transform .7s var(--ease);position:absolute;top:50%;right:4%}.csc[data-hover] .csc-desktop{transform:translate(calc(var(--mx) * 8px), calc(-51% + var(--my) * 6px)) scale(1.02)}.csc.has-desktop .csc-visual{height:70%;top:57%;left:25%;right:auto}@media (max-width:560px){.csc.has-desktop .csc-visual{left:34%}}.csc-logo{transition:transform .6s var(--ease);background:#fff;border-radius:12px;align-items:center;padding:12px 16px;display:flex;position:absolute;bottom:8%;left:6%;box-shadow:0 10px 28px #00000024}.csc-logo img{width:auto;height:clamp(20px,2.4vw,32px);display:block}.csc-logo img.is-tall{height:clamp(44px,5vw,64px)}.csc-logo{gap:14px}.csc-logo img+img{box-sizing:content-box;border-left:1px solid #0000001f;padding-left:14px}.csc[data-hover] .csc-logo{transform:translate(calc(var(--mx) * -6px), -4px)}@media (prefers-reduced-motion:reduce){.csc-visual,.csc-desktop,.csc-logo{transition:none}}