/* A small cinematic folio; intentionally independent of the application shell. */
.cs-art{--cs-art-accent:color-mix(in srgb,var(--ct-primary,#7fd1de) 35%,#c4edff 65%);--cs-art-warm:color-mix(in srgb,var(--ct-hero-accent,#d8bb87) 40%,#ffe5b3 60%);position:relative;width:100%;max-width:360px;padding:16px 18px 12px;color:#f2f6fc;background:linear-gradient(145deg,#163049eF,#0b1929f5);border:1px solid #a9d8e44a;border-radius:10px;box-shadow:0 18px 55px #020b184d,inset 0 1px 0 #ffffff14;backdrop-filter:blur(18px);isolation:isolate;overflow:hidden;text-align:left}
.cs-art:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 0,color-mix(in srgb,var(--cs-art-accent) 11%,transparent),transparent 55%);pointer-events:none}
.cs-art *{box-sizing:border-box}.cs-art-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:8px;letter-spacing:.1em;color:#bfd0df}.cs-art-heading b{color:var(--cs-art-warm);font-size:12px;margin-right:5px;font-weight:500}.cs-art-status{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:0;color:#cbd9e5}.cs-art-status i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--cs-art-accent);box-shadow:0 0 8px var(--cs-art-accent)}
.cs-art-graphic{height:142px;position:relative;margin:5px -2px 1px;perspective:600px}.cs-art-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.cs-art-link-base{fill:none;stroke:var(--cs-art-accent);stroke-width:.8;opacity:.3}.cs-art-link-flow{fill:none;stroke:var(--cs-art-accent);stroke-width:1.2;stroke-dasharray:16 110;animation:csArtFlow 9s linear infinite;opacity:.75}.cs-art-orbit{fill:none;stroke:#d4e5ee2a;stroke-width:.6;stroke-dasharray:2 5}.cs-art-satellite{fill:var(--cs-art-warm);opacity:.7}.cs-art-feedback{fill:none;stroke:var(--cs-art-warm);stroke-width:.7;stroke-dasharray:2 3;opacity:.35}
.cs-art-nodes{position:absolute;inset:0}.cs-art .cs-art-node{font-family:inherit;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;border:1px solid #bfdfed4d;border-radius:6px;background:linear-gradient(140deg,#1b3c52f2,#0e2437f5);color:#e5f0f8;cursor:pointer;width:82px;min-height:73px;padding:9px 6px;box-shadow:0 8px 16px #040e1a44;transition:transform .28s,border-color .28s,background .28s,box-shadow .28s;line-height:1.2}.cs-art .cs-art-node strong{font-weight:500;font-size:10px;letter-spacing:-.01em}.cs-art .cs-art-node>i{position:absolute;right:5px;top:3px;font-size:10px;color:var(--cs-art-warm);font-style:normal}.cs-art-node-symbol{font-size:24px;font-weight:300;color:var(--cs-art-accent);line-height:1}.cs-art .cs-art-node:hover{transform:translateY(-4px);border-color:var(--cs-art-accent);box-shadow:0 9px 22px #0005}.cs-art .cs-art-node[aria-pressed=true]{border-color:var(--cs-art-accent);background:linear-gradient(135deg,#28546cf5,#163349f5);box-shadow:0 0 0 3px #bde9f412,0 8px 16px #040e1a44}.cs-art .cs-art-node:focus-visible,.cs-art .cs-art-detail-link:focus-visible{outline:2px solid var(--cs-art-warm);outline-offset:4px}.cs-art-node-0{left:1%;top:49px}.cs-art-node-1{left:calc(50% - 41px);top:20px}.cs-art-node-2{right:1%;top:49px}
.cs-art-paper{position:absolute;top:10px;left:103px;width:100px;height:108px;border:1px solid #bcd5dd80;border-radius:2px;box-shadow:0 5px 15px #030c1833;background:linear-gradient(130deg,#c5dae6e6,#8fb4c4e6);transform:rotate(-7deg);padding:10px;opacity:.7}.cs-art-paper-back{transform:translate(17px,-2px) rotate(9deg);background:#17354a;opacity:.45}.cs-art-paper-front>span{display:block;font-size:4px;color:#29485a;letter-spacing:.12em;margin-bottom:8px}.cs-art-paper i{display:block;height:1px;background:#40677970;margin-bottom:5px;width:100%}.cs-art-paper i:nth-of-type(2){width:70%}.cs-art-paper-chart{height:35px;display:flex;align-items:end;gap:5px;margin-top:9px}.cs-art-paper-chart b{width:9px;background:#315c70a0;height:30%}.cs-art-paper-chart b:nth-child(2){height:60%}.cs-art-paper-chart b:nth-child(3){height:40%}.cs-art-paper-chart b:nth-child(4){height:85%}.cs-art-paper-chart b:nth-child(5){height:68%;background:#9d6b3d80}.cs-art-graphic-research .cs-art-node{min-height:52px;width:86px;top:78px}.cs-art-graphic-research .cs-art-node-1{left:calc(50% - 43px);top:52px}.cs-art-graphic-research .cs-art-node-symbol{font-size:16px}.cs-art-graphic-research .cs-art-node{gap:4px}
.cs-art-graphic-mapping .cs-art-node{border-radius:50%;width:77px;min-height:77px}.cs-art-graphic-mapping .cs-art-node-1{left:calc(50% - 38.5px);top:9px}.cs-art-graphic-mapping .cs-art-node-0,.cs-art-graphic-mapping .cs-art-node-2{top:66px}.cs-art-graphic-mapping .cs-art-node>i{right:8px;top:6px}.cs-art-graphic-mapping .cs-art-node-symbol{font-size:25px}.cs-art-graphic-mapping .cs-art-node-1:before{content:'';position:absolute;inset:-6px;border:1px solid #ccecff17;border-radius:50%;pointer-events:none}
.cs-art-gateway{position:absolute;inset:13px 89px 10px;display:flex;justify-content:center;gap:13px;transform:rotate(-7deg);opacity:.7}.cs-art-gateway span{width:32px;border:1px solid #cee8f33b;background:linear-gradient(140deg,#b9e5f31a,#1e56742b);box-shadow:3px 0 0 #a8daec09}.cs-art-gateway span:nth-child(2){border-color:#e7cb855e;background:linear-gradient(140deg,#d0b77920,#1e56742b);transform:translateY(-5px)}.cs-art-graphic-ai .cs-art-node{top:45px;width:81px;min-height:68px}.cs-art-graphic-ai .cs-art-node-1{left:calc(50% - 40.5px);top:38px;border-color:#e9d0a95c}.cs-art-graphic-ai .cs-art-node-1 .cs-art-node-symbol{color:var(--cs-art-warm)}
.cs-art-learning-grid{position:absolute;inset:16px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cs-art-learning-grid span{text-align:center;color:#d6e3ee60;font-size:6px;letter-spacing:.1em;padding-top:5px}.cs-art-learning-grid i{height:63px;margin-top:8px;background:linear-gradient(#bbddee06,transparent);border-top:1px solid #bddff21a}.cs-art-graphic-pilot .cs-art-node{top:49px;width:77px;min-height:61px}.cs-art-graphic-pilot .cs-art-node-1{left:calc(50% - 38.5px);top:49px}.cs-art-graphic-pilot .cs-art-node-2{border-color:#e7c99554}.cs-art-graphic-pilot .cs-art-node-2 .cs-art-node-symbol{color:var(--cs-art-warm)}
.cs-art-detail{border-top:1px solid #c4d9e026;padding-top:12px;min-height:119px}.cs-art-detail-tag{display:block;color:var(--cs-art-warm);font-size:7px;text-transform:uppercase;letter-spacing:.11em;margin-bottom:5px}.cs-art .cs-art-detail h3{font-family:inherit!important;font-size:16px!important;font-weight:500!important;line-height:1.2!important;letter-spacing:-.03em!important;color:#f0f6fc!important;margin:0 0 7px!important}.cs-art .cs-art-detail p{font-size:10px!important;line-height:1.55!important;color:#c9d7e3!important;max-width:none!important;margin:0!important}.cs-art .cs-art-detail-link{border:0;padding:4px 0 2px;background:transparent;color:var(--cs-art-accent);display:inline-flex;justify-content:space-between;gap:18px;align-items:center;font:inherit;font-size:9px;cursor:pointer;margin-top:5px;min-height:24px}.cs-art-detail-link span{font-size:12px}.cs-art-foot{padding-top:8px;border-top:1px solid #c4d9e018;display:flex;justify-content:space-between;gap:10px;color:#b7cbdc;font-size:7px;line-height:1.5}.cs-art-foot>span:last-child{font-size:5px;letter-spacing:.1em;color:#93a9bc;align-self:center}
@keyframes csArtFlow{to{stroke-dashoffset:-252}}
.ct-motion-off .cs-art *,.motion-off .cs-art *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.cs-art *{animation:none!important;transition:none!important}}
@media(max-width:600px){.cs-art{max-width:none;padding:13px 14px 11px}.cs-art-heading{font-size:8px}.cs-art-status{font-size:8px}.cs-art-graphic{height:144px}.cs-art .cs-art-node{min-width:65px;max-width:28%;min-height:62px}.cs-art .cs-art-node strong{font-size:11px}.cs-art-graphic-mapping .cs-art-node{width:74px;min-height:74px;max-width:none}.cs-art-graphic-mapping .cs-art-node-1{left:calc(50% - 37px)}.cs-art-graphic-research .cs-art-node{min-height:52px}.cs-art-paper{left:calc(50% - 50px)}.cs-art .cs-art-detail p{font-size:12px!important;line-height:1.55!important}.cs-art .cs-art-detail h3{font-size:17px!important}.cs-art-detail{min-height:143px}.cs-art .cs-art-detail-link{font-size:11px;min-height:32px}.cs-art-detail-tag{font-size:8px}.cs-art-foot{font-size:8px}.cs-art-foot>span:last-child{font-size:6px}}