.gsap-project-article{--project-bg:#07111d;--project-panel:#0d1b2a;--project-line:#20354a;--project-text:#dce9f5;--project-muted:#94a9bd;--project-green:#c8ff3d;--project-cyan:#42e8e0;--project-purple:#a876ff;color:var(--project-text)}
.gsap-project-article .article-featured,.gsap-project-article .project-poster img{display:block;width:100%;height:auto}
.gsap-project-article .article-featured{max-width:1200px;margin:clamp(1.5rem,4vw,3rem) auto;border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.gsap-project-article .project-poster{margin:2rem 0;padding:10px;background:linear-gradient(135deg,rgba(200,255,61,.3),rgba(66,232,224,.08),rgba(168,118,255,.25));border-radius:24px}
.gsap-project-article .project-poster img{border-radius:17px}.gsap-project-article .project-poster figcaption{padding:.8rem .8rem .35rem;color:var(--project-muted);font-size:.92rem}
.gsap-project-article .article-content h2,.gsap-project-article .article-content h3{scroll-margin-top:110px}.gsap-project-article .article-content h2{margin-top:3.2rem}.gsap-project-article .article-content h3{margin-top:2.1rem}
.gsap-project-article .project-note,.gsap-project-article .project-warning{margin:1.4rem 0;padding:1.1rem 1.25rem;border:1px solid rgba(200,255,61,.28);border-left:4px solid var(--project-green);border-radius:14px;background:rgba(200,255,61,.06)}
.gsap-project-article .project-warning{border-color:rgba(255,177,85,.32);border-left-color:#ffb155;background:rgba(255,177,85,.06)}
.gsap-project-article .project-grid,.gsap-project-article .project-four,.gsap-project-article .project-two{display:grid;gap:1rem;margin:1.5rem 0}.gsap-project-article .project-grid{grid-template-columns:repeat(3,1fr)}.gsap-project-article .project-four{grid-template-columns:repeat(4,1fr)}.gsap-project-article .project-two{grid-template-columns:repeat(2,1fr)}
.gsap-project-article .project-card{padding:1.25rem;border:1px solid var(--project-line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015))}.gsap-project-article .project-card strong{display:block;margin-bottom:.45rem;color:var(--project-green)}.gsap-project-article .project-card p{margin:0;color:var(--project-muted)}
.gsap-project-article .code-block{position:relative;margin:1.4rem 0;border:1px solid var(--project-line);border-radius:18px;background:#050b12;overflow:auto}.gsap-project-article .code-block__label{display:block;padding:.7rem 1rem;border-bottom:1px solid var(--project-line);color:var(--project-cyan);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.gsap-project-article pre{margin:0;padding:1.2rem;color:#e4f1fb;font-size:.9rem;line-height:1.7}.gsap-project-article code{color:#d5ff74}
.project-toc{margin:2rem 0;padding:1.4rem;border:1px solid var(--project-line);border-radius:20px;background:rgba(13,27,42,.7)}.project-toc strong{display:block;margin-bottom:.8rem}.project-toc ol{columns:2;gap:2rem;margin:0;padding-left:1.2rem}.project-toc li{break-inside:avoid;margin:.35rem 0}.project-toc a{color:var(--project-text)}
.story-project{position:relative;margin:2rem 0;border:1px solid #27415a;border-radius:28px;background:radial-gradient(circle at 80% 10%,rgba(168,118,255,.14),transparent 36%),#07111d;overflow:hidden}.story-project__shell{min-height:620px;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:1rem;padding:clamp(1.3rem,4vw,3rem)}
.story-project__copy{display:flex;flex-direction:column;justify-content:center}.story-project__eyebrow{color:var(--project-green);font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.story-project__number{margin:.55rem 0;font-size:clamp(4rem,9vw,7rem);font-weight:900;line-height:.85;color:transparent;-webkit-text-stroke:1px rgba(200,255,61,.65)}.story-project__title{margin:0 0 .7rem;font-size:clamp(2rem,5vw,4.2rem);line-height:1}.story-project__description{max-width:36rem;color:var(--project-muted)}
.story-project__progress{height:5px;margin:1.5rem 0;background:#172c3f;border-radius:10px;overflow:hidden}.story-project__progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--project-green),var(--project-cyan));transform-origin:left}
.story-project__dots{display:flex;gap:.7rem}.story-project__dot{width:42px;height:42px;border:1px solid #34506a;border-radius:50%;background:transparent;color:var(--project-muted);font-weight:800;cursor:pointer}.story-project__dot.is-active{border-color:var(--project-green);background:var(--project-green);color:#07111d}.story-project__dot:focus-visible{outline:3px solid var(--project-cyan);outline-offset:3px}
.story-project__visual{position:relative;min-height:480px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(150deg,#102439,#08121e);overflow:hidden}.story-stage{position:absolute;inset:0;display:grid;place-items:center;padding:2rem;opacity:0;visibility:hidden}.story-stage.is-active{opacity:1;visibility:visible}.stage-art{width:min(100%,430px);aspect-ratio:1;border-radius:32px;position:relative;display:grid;place-items:center;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.radar{width:65%;aspect-ratio:1;border:1px solid var(--project-cyan);border-radius:50%;box-shadow:0 0 0 45px rgba(66,232,224,.08),0 0 0 90px rgba(66,232,224,.035);position:relative}.radar:before{content:"";position:absolute;inset:50% 0 auto 50%;height:1px;background:var(--project-cyan);transform-origin:left;transform:rotate(-35deg)}.radar i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--project-green);box-shadow:0 0 18px var(--project-green)}.radar i:nth-child(1){left:18%;top:35%}.radar i:nth-child(2){right:22%;top:18%}.radar i:nth-child(3){right:14%;bottom:24%}
.wireframe{width:80%;display:grid;grid-template-columns:1fr 1fr;gap:14px}.wireframe span{display:block;min-height:80px;border:2px solid var(--project-purple);border-radius:13px}.wireframe span:first-child{grid-column:1/-1;min-height:55px}.wireframe span:last-child{grid-column:1/-1;min-height:100px}
.code-window{width:88%;padding:1rem;border:1px solid #34506a;border-radius:16px;background:#050b12;box-shadow:0 20px 50px rgba(0,0,0,.4)}.code-window:before{content:"●  ●  ●";display:block;margin-bottom:1rem;color:#ff7b72;letter-spacing:.45rem}.code-window b{display:block;height:8px;margin:.7rem 0;border-radius:10px;background:linear-gradient(90deg,var(--project-cyan) 0 68%,transparent 68%)}.code-window b:nth-child(3){background:linear-gradient(90deg,var(--project-purple) 0 46%,transparent 46%)}.code-window b:nth-child(4){background:linear-gradient(90deg,var(--project-green) 0 80%,transparent 80%)}
.launch-orbit{width:70%;aspect-ratio:1;border:1px dashed var(--project-purple);border-radius:50%;display:grid;place-items:center}.launch-orbit span{font-size:6rem;filter:drop-shadow(0 10px 22px rgba(200,255,61,.3));transform:rotate(-42deg)}
.story-project__status{position:absolute;right:1.5rem;bottom:1rem;color:var(--project-muted);font-size:.78rem}.story-stage-list{display:none}
.project-flow{display:flex;align-items:stretch;gap:.55rem;margin:1.5rem 0;overflow:auto}.project-flow span{min-width:120px;padding:1rem .75rem;text-align:center;border:1px solid var(--project-line);border-radius:14px;background:#0d1b2a;font-weight:800}.project-flow i{align-self:center;color:var(--project-green);font-style:normal}
.project-timeline-diagram{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0;padding-top:2rem}.project-timeline-diagram:before{content:"";position:absolute;top:17px;left:8%;right:8%;height:3px;background:linear-gradient(90deg,var(--project-green),var(--project-cyan),var(--project-purple))}.project-timeline-diagram div{position:relative;padding:1rem;border:1px solid var(--project-line);border-radius:14px;background:#0d1b2a;text-align:center}.project-timeline-diagram div:before{content:"";position:absolute;top:-25px;left:50%;width:13px;height:13px;border:3px solid #07111d;border-radius:50%;background:var(--project-green);transform:translateX(-50%)}
.project-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin:1.5rem 0;padding:1.2rem;border:1px solid var(--project-line);border-radius:18px;background:#0d1b2a}.project-controls label{display:grid;gap:.35rem;color:var(--project-muted)}.project-controls select,.project-controls button{min-height:42px;border:1px solid #36546e;border-radius:10px;background:#07111d;color:var(--project-text);padding:.55rem .8rem}.project-controls button{background:var(--project-green);border-color:var(--project-green);color:#07111d;font-weight:900;cursor:pointer}
.project-checklist{list-style:none;padding:0}.project-checklist li{position:relative;margin:.55rem 0;padding-left:1.7rem}.project-checklist li:before{content:"✓";position:absolute;left:0;color:var(--project-green);font-weight:900}
.project-faq details{margin:.8rem 0;border:1px solid var(--project-line);border-radius:14px;background:#0d1b2a}.project-faq summary{padding:1rem 1.15rem;cursor:pointer;font-weight:800}.project-faq details p{padding:0 1.15rem 1rem;color:var(--project-muted)}
.project-series-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:3rem 0}.project-series-nav a,.project-series-nav span{padding:1.2rem;border:1px solid var(--project-line);border-radius:16px}.project-series-nav small{display:block;color:var(--project-green)}
@media (max-width:899px){.story-project__shell{min-height:auto;grid-template-columns:1fr}.story-project__visual{display:none}.story-stage-list{display:grid;gap:1rem;margin-top:1.5rem}.story-stage-list article{padding:1rem;border-left:3px solid var(--project-green);background:rgba(255,255,255,.03)}.story-project__dots,.story-project__status{display:none}.gsap-project-article .project-grid,.gsap-project-article .project-four{grid-template-columns:1fr 1fr}.project-timeline-diagram{grid-template-columns:1fr}.project-timeline-diagram:before{display:none}.project-timeline-diagram div:before{top:50%;left:-7px}.project-toc ol{columns:1}}
@media (max-width:575px){.gsap-project-article .project-grid,.gsap-project-article .project-four,.gsap-project-article .project-two,.project-series-nav{grid-template-columns:1fr}.story-project__shell{padding:1.15rem}.project-flow{display:grid}.project-flow i{transform:rotate(90deg);justify-self:center}}
@media (prefers-reduced-motion:reduce){.gsap-project-article *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.story-project__visual{display:none}.story-stage-list{display:grid;gap:1rem}.story-stage-list article{padding:1rem;border-left:3px solid var(--project-green);background:rgba(255,255,255,.03)}.story-project__dots,.story-project__status{display:none}}