/* v3 12/10/2026: AI game-prototyping pipeline case study (staged, not deployed) */
.aipipe{padding:7rem var(--pad);background:radial-gradient(ellipse at 20% 30%,rgba(123,44,255,.14),transparent 60%),radial-gradient(ellipse at 80% 70%,rgba(61,245,255,.08),transparent 60%)}
.aipipe .section-head{max-width:1100px;margin:0 auto 2.5rem}
.aipipe__quote{max-width:1100px;margin:0 auto 2rem;font-size:clamp(1.15rem,2.2vw,1.6rem);line-height:1.4;color:var(--ink)}
.aipipe__quote cite{display:block;font-family:var(--f-mono);font-size:.8rem;color:var(--muted);font-style:normal;margin-top:.6rem}
.aipipe__flow{list-style:none;padding:0;margin:0 auto;max-width:1100px;display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem;counter-reset:s}
.aipipe__flow li{position:relative;background:var(--void-2);border:1px solid rgba(244,239,255,.12);border-radius:14px;padding:1rem .9rem}
.aipipe__flow li::after{content:"→";position:absolute;right:-.62rem;top:50%;transform:translateY(-50%);color:var(--cyan);font-family:var(--f-mono);z-index:1}
.aipipe__flow li:last-child::after{display:none}
.aipipe__flow span{font-family:var(--f-mono);font-size:.7rem;color:var(--cyan);letter-spacing:.1em}
.aipipe__flow b{display:block;margin:.35rem 0 .25rem;font-size:1rem}
.aipipe__flow small{color:var(--muted);font-size:.8rem;line-height:1.35;display:block}
.aipipe__flow .gate{border-color:var(--mag);box-shadow:0 0 0 3px rgba(255,61,139,.12)} .aipipe__flow .gate span{color:var(--mag)}
.aipipe__stats{max-width:1100px;margin:2rem auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.aipipe__stats div{border-radius:14px;padding:1.1rem;background:linear-gradient(var(--void),var(--void)) padding-box,var(--grad) border-box;border:1px solid transparent}
.aipipe__stats b{display:block;font-family:var(--f-display);font-size:2.4rem;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.aipipe__stats p{margin:.4rem 0 0;color:var(--muted);font-size:.85rem}
.aipipe__notes{max-width:1100px;margin:2rem auto 0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem 2rem;color:var(--ink);font-size:.95rem}
.aipipe__notes p{margin:0} .aipipe__notes strong{color:var(--joy)}
.aipipe__fine{max-width:1100px;margin:1.4rem auto 0;font-family:var(--f-mono);font-size:.72rem;color:var(--muted)}
@media(max-width:900px){.aipipe__flow{grid-template-columns:1fr 1fr}.aipipe__flow li::after{display:none}.aipipe__stats{grid-template-columns:1fr 1fr}.aipipe__notes{grid-template-columns:1fr}}

.aip{padding-top:4rem}.aip-h1{font-family:var(--f-display);font-size:clamp(2.2rem,6vw,4.4rem);line-height:1.02;margin:.4rem 0 1rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.aip-s{padding-top:3.5rem;padding-bottom:3.5rem}.aip-s h2{font-family:var(--f-display);font-size:clamp(1.6rem,3.6vw,2.6rem);margin:.3rem 0 .6rem}
.aip-fig{max-width:1100px;margin:0 auto;padding:1rem;border:1px solid rgba(61,245,255,.18);border-radius:16px;background:#0000008c;overflow-x:auto}
.aip-fig svg{display:block;width:100%;min-width:640px;height:auto;font-family:var(--f-body)}
.aip .section-lede{color:var(--muted);max-width:70ch}