/* Official supplied CSAR assets. Source PNGs retain the original black artwork. */
.csar{background:radial-gradient(ellipse at 50% 40%,#26394c 0%,#17212d 62%)}
.csar-identity{position:absolute;inset:80px 9% 165px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;pointer-events:none}
.csar-identity img{display:block;object-fit:contain;filter:brightness(0) invert(1)}
.csar-symbol{width:38%;max-height:90px}
.csar-wordmark{width:100%;max-height:135px}
@media(max-width:900px){.csar-identity{inset:75px 8% 150px;gap:22px}.csar-symbol{width:40%;max-height:65px}.csar-wordmark{max-height:100px}}
@media(max-width:600px){.csar-identity{inset:74px 9% 162px;gap:27px}.csar-symbol{width:38%;max-height:78px}.csar-wordmark{max-height:110px}}

/* Research in motion: a slow rotating lattice that reshapes like engineered
   fabric. Keep the official identity in a stable foreground layer. */
.csar-tile{position:relative;min-width:0}
.csar-tile>.csar{width:100%;height:100%;isolation:isolate;background:radial-gradient(ellipse at 50% 40%,#283f51 0%,#152330 60%,#101b26 100%)}
.csar .csar-identity{z-index:1}
.csar .csar-identity img{filter:brightness(0) invert(1) drop-shadow(0 3px 9px #07121acc)}
.csar .brand-label{z-index:1}
.csar-engine{position:absolute;inset:30px 0 105px;display:grid;place-items:center;perspective:850px;pointer-events:none;opacity:.68}
.csar-assembly{position:relative;width:min(86%,420px);aspect-ratio:1;transform-style:preserve-3d}
.csar-rotor,.csar-shell{position:absolute;inset:0;transform-style:preserve-3d}
.csar-rotor{animation:csar-turn 32s linear infinite}
.csar-shell{inset:12%;animation:csar-evolve 12s cubic-bezier(.65,0,.35,1) infinite}
.csar-rib{position:absolute;inset:0;border:1px solid #c4e2ef70;border-radius:50%;transform:rotateY(var(--rib-angle))}
.csar-rib:nth-child(3n){border-color:#e2eef594}
.csar-latitude{position:absolute;left:50%;border:1px solid #9bc8df5c;border-radius:50%;transform:translate(-50%,-50%) rotateX(90deg)}
.csar-orbit{position:absolute;inset:0;border:1px solid #a8cbe24a;border-radius:50%;transform-style:preserve-3d;animation:csar-orbit 24s linear infinite}
.csar-orbit-point{position:absolute;left:50%;top:-3px;width:5px;height:5px;border-radius:50%;background:#d9e9f1;box-shadow:0 0 8px #b9dfff70}
.csar-engine .csar-rotor,.csar-engine .csar-shell,.csar-engine .csar-orbit{animation-play-state:paused}
.csar-engine[data-running="true"] .csar-rotor,.csar-engine[data-running="true"] .csar-shell,.csar-engine[data-running="true"] .csar-orbit{animation-play-state:running}
.csar-motion-control{position:absolute;right:20px;top:14px;z-index:2;min-height:44px;padding:10px 8px;border:0;background:transparent;color:#c4d4df;font-size:10px;letter-spacing:.3px;text-decoration:underline;text-underline-offset:4px}
.csar-motion-control[hidden],[data-csar-only][hidden]{display:none!important}
#launch[data-brand="csar"]{background:#111d29;width:min(580px,90vw);max-width:580px;padding:40px;color:#f0f0e9}
#launch[data-brand="csar"]>.eyebrow{font-size:10px;line-height:1.6;letter-spacing:1.4px;color:#bdd0df;padding-right:14px}
#launch[data-brand="csar"] #launch-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.csar-launch-art{position:relative;height:265px;display:grid;place-items:center;overflow:hidden;isolation:isolate;margin:12px -12px 16px}
.csar-launch-art .csar-engine{inset:0;opacity:.82}
.csar-launch-art .csar-assembly{width:min(76%,290px)}
.csar-launch-wordmark{position:relative;width:86%;max-height:105px;object-fit:contain;z-index:1;filter:brightness(0) invert(1) drop-shadow(0 3px 10px #07121a)}
#launch[data-brand="csar"] #launch-copy{font-size:19px;line-height:1.55;color:#e0e6eb;margin-bottom:20px}
.csar-launch-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px}
.csar-launch-status>span{font-size:10px;letter-spacing:1.5px;color:#aebed0}
.csar-launch-status .csar-motion-control{position:static;padding-right:0}
@keyframes csar-turn{from{transform:rotateX(-22deg) rotateY(0deg) rotateZ(-12deg)}to{transform:rotateX(-22deg) rotateY(360deg) rotateZ(-12deg)}}
@keyframes csar-evolve{0%,100%{transform:scale3d(1,.91,1) rotateZ(-10deg)}50%{transform:scale3d(.79,1.18,.88) rotateZ(22deg)}}
@keyframes csar-orbit{from{transform:rotateX(64deg) rotateY(-18deg) rotateZ(0deg)}to{transform:rotateX(64deg) rotateY(-18deg) rotateZ(-360deg)}}
@media(hover:hover) and (pointer:fine){.csar-motion-control:hover{color:#fff}}
@media(max-width:900px){.csar-motion-control{right:12px;top:10px;font-size:9px}.csar .brand-num{max-width:calc(100% - 130px);line-height:1.6}.csar-engine{inset:32px 0 112px}}
@media(max-width:600px){#launch[data-brand="csar"]{padding:38px 24px 26px}.csar-launch-art{height:220px;margin-inline:-8px}.csar-launch-art .csar-assembly{width:min(80%,250px)}#launch[data-brand="csar"] #launch-copy{font-size:17px}.csar-launch-status{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.csar-engine .csar-rotor,.csar-engine .csar-shell,.csar-engine .csar-orbit{animation:none!important}.csar-rotor{transform:rotateX(-22deg) rotateY(35deg) rotateZ(-12deg)}.csar-orbit{transform:rotateX(64deg) rotateY(-18deg)}.csar-motion-control{display:none}}