/* AI experience: a technical composition within Twenty Ideas' existing visual system. */
.ai-experience{--ai-ink:#0c1e28;--ai-muted:#b9d0d4;--ai-cyan:#a8e4da;--ai-yellow:#ffcb27;background:#f6f4ee;color:#183238}
.ai-experience h1,.ai-experience h2,.ai-experience h3{font-weight:500;letter-spacing:-.05em}
.ai-experience h1{font-size:clamp(48px,5.8vw,84px);line-height:1.03;margin:22px 0 28px}
.ai-experience h2{font-size:clamp(34px,3.8vw,56px);line-height:1.1}
.ai-experience h3{font-size:clamp(29px,3vw,43px);line-height:1.15}
.ai-experience .eyebrow{font-size:11px;letter-spacing:.13em;line-height:1.7;font-weight:650}
.ai-experience em{font-style:normal;color:var(--ai-yellow)}
.ai-experience .text-link{display:inline-block;font-size:14px;line-height:1.6;font-weight:650;margin-top:18px;text-underline-offset:5px}
.ai-experience a:focus-visible,.ai-experience button:focus-visible{outline:3px solid #af6d00;outline-offset:6px}
.ai-hero a:focus-visible,.ai-work-section a:focus-visible,.ai-swarm-section a:focus-visible,.ai-swarm-section button:focus-visible,.ai-hero button:focus-visible{outline-color:#ffcb27}
.ai-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#b9d0d4;padding-top:32px}
.ai-motion-control{color:#d9e9e8;background:transparent;border:1px solid #65828d;border-radius:30px;padding:10px 16px;font:inherit;font-size:12px;cursor:pointer;min-height:44px}
.ai-hero{color:#f6f4ee;background:radial-gradient(ellipse at 85% 50%,#25465c 0,transparent 60%),var(--ai-ink);overflow:hidden}
.ai-opening{display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:center;padding:35px 0 55px}
.ai-lead{font-size:18px;color:#c6d9dc;line-height:1.8;max-width:550px}
.ai-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:30px;font-size:14px}
.ai-stage{position:relative;height:610px;perspective:1200px;--travel:0px;isolation:isolate}
.ai-stage-grid{position:absolute;inset:6% -12%;z-index:-1;background-image:linear-gradient(#8fdcc510 1px,transparent 1px),linear-gradient(90deg,#8fdcc510 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,#000 30%,transparent 72%)}
.ai-plane{position:absolute;display:block;background:#162f3c;border:1px solid #6b9199;border-radius:8px;box-shadow:0 22px 60px #0005;overflow:hidden;width:64%;transform-origin:center;will-change:transform}
.ai-plane img{width:100%;height:180px;object-fit:contain;display:block;background:#e8eeea}
.ai-plane span{display:block;padding:11px 16px;font-size:12px;color:#d6e6e6;line-height:1.5}
.ai-plane .ai-plane-label{font:10px/1.5 ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #43616e}
.ai-plane-ml{left:0;top:20px;transform:translateY(calc(var(--travel)*-.3)) rotate(-7deg)}
.ai-plane-media{right:-2%;top:145px;transform:translateY(calc(var(--travel)*-.6)) rotate(7deg);z-index:1}
.ai-plane-agent{left:5%;top:315px;width:85%;transform:translateY(calc(var(--travel)*-.95)) rotate(-2deg);z-index:2}
.ai-plane-agent img{height:230px;object-fit:cover;object-position:top;background:#0f1420}
.ai-plane:hover,.ai-plane:focus-visible{border-color:#ffcb27;z-index:5}

.ai-discipline-strip{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:24px 0;border-top:1px solid #365462;font:11px/1.6 ui-monospace,SFMono-Regular,monospace;color:#c6dddf}
.ai-history-section{padding:58px 0;background:#e2ece6}
.ai-history{display:grid;grid-template-columns:.55fr 1.8fr .8fr;gap:38px;align-items:center}
.ai-date span{display:block;font:11px/1.5 ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.08em}
.ai-date strong{font-size:clamp(64px,7vw,105px);line-height:1.2;letter-spacing:-.075em;font-weight:450}
.ai-history h2{font-size:32px;margin:12px 0 16px}.ai-history p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:660px}
.ai-source{font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:5px}.ai-source span{display:block;font-size:11px;font-weight:400;margin-top:12px;line-height:1.7}
.ai-work-section{padding:100px 0;background:#0c1e28;color:#f6f4ee}
.ai-section-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:end;margin-bottom:50px}
.ai-section-heading .eyebrow{margin-bottom:18px}.ai-section-heading>p,.ai-section-heading>div>p:not(.eyebrow){font-size:17px;line-height:1.85;margin:0;max-width:580px}
.ai-work-section .ai-section-heading>p{color:#b9d0d4}
.ai-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.ai-project{min-width:0;display:flex;flex-direction:column;padding:30px;background:#152d38;border:1px solid #3c5c67;border-radius:6px;position:relative;overflow:hidden}
.ai-project-top{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:22px}.ai-project-top .eyebrow{color:#a8e4da}.ai-project-name{font-size:12px;line-height:1.7;text-align:right;max-width:150px;color:#c7d8dc}
.ai-project h3{margin:0 0 30px}.ai-project-art{display:flex;align-items:center;justify-content:center;min-height:275px;padding:22px;margin:0 -6px 22px;background:radial-gradient(ellipse at 50% 80%,#9ab8c130,transparent 75%);border-block:1px solid #52778055}
.ai-project-art img{display:block;width:100%;height:245px;object-fit:contain;transition:transform .45s ease}
.ai-project-art:hover img,.ai-project-art:focus-visible img{transform:translateY(-5px)}
.ai-project>p{font-size:16px;line-height:1.8;color:#c6d9dc;margin:0 0 8px}.ai-project>.text-link{margin-top:auto;padding-top:18px;align-self:start;color:#f6f4ee}
.ai-project-media{background:#213047}.ai-project-prediction{background:#143c3d}.ai-project-generation{background:#2b2943}
.ai-swarm-section{background:linear-gradient(160deg,#1b2337,#12222e 70%);color:#f6f4ee;padding:95px 0}
.ai-swarm-section .ai-section-heading{align-items:start;grid-template-columns:1.5fr 1fr}.ai-swarm-section .ai-section-heading p:not(.eyebrow){color:#c6d9dc}
.ai-demo-frame{margin:0;border:1px solid #536176;border-radius:8px;background:#0b1320;box-shadow:0 32px 100px #0003;overflow:hidden}
.ai-window-bar{display:flex;justify-content:space-between;gap:20px;padding:15px 25px;border-bottom:1px solid #38475c;color:#c6d9dc;font:11px/1.6 ui-monospace,SFMono-Regular,monospace}
.ai-demo,.ai-demo-fallback{display:block;width:100%;height:auto;max-height:690px;object-fit:contain;background:#10131b}.ai-demo[hidden],.ai-demo-fallback[hidden]{display:none}
.ai-demo-frame figcaption{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:17px 25px;color:#c6d9dc;font-size:12px;line-height:1.8}
.ai-demo-frame button{background:transparent;border:1px solid #748399;border-radius:30px;color:#f6f4ee;font:inherit;min-height:44px;padding:9px 16px;cursor:pointer;flex-shrink:0}
.ai-practice-points{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:42px}.ai-practice-points strong{font-size:21px;font-weight:500}.ai-practice-points p{font-size:15px;line-height:1.8;color:#b9d0d4;margin-top:10px}
.ai-systems-section{padding:100px 0;background:#dfebe7}.ai-system{--flow:1;border:1px solid #839f97;border-radius:6px;padding:35px;background:#edf3ec}
.ai-human-rail{display:flex;align-items:center;gap:14px;font-size:20px;font-weight:600;color:#173b3d;padding:20px 24px;border:1px solid #6f9683;background:#d0e0d3}.ai-human-rail>span:last-child{margin-left:auto;font:12px/1.6 ui-monospace,SFMono-Regular,monospace;font-weight:400}
.ai-signal-dot{height:10px;width:10px;background:#386c56;border-radius:50%;flex-shrink:0}
.ai-system-links{width:100%;height:70px;display:block;overflow:visible}.ai-system-links path{fill:none;stroke:#91afa4;stroke-width:2}.ai-system-links .ai-signal-path{stroke:#176453;stroke-width:3;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--flow))}
.ai-system-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.ai-system-columns article{background:#f8f9f1;border:1px solid #a0b8ad;padding:25px 18px;min-width:0}.ai-system-columns article>span{font:10px/1.6 ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.03em}.ai-system-columns h3{font-size:27px;margin:15px 0}.ai-system-columns ul{list-style:none;padding:0;margin:0;font-size:13px;line-height:1.8}.ai-system-columns li+li{margin-top:9px;padding-top:9px;border-top:1px solid #c3d1c8}
.ai-system-caption{font-size:12px;line-height:1.8;margin:25px 0 0;color:#415e53}
.ai-next-section{padding:100px 0}.ai-starts{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.ai-starts article{border-top:1px solid #9eafa5;padding-top:25px}.ai-starts article>span{font:11px/1.6 ui-monospace,SFMono-Regular,monospace}.ai-starts h3{font-size:27px;margin:18px 0}.ai-starts p{font-size:16px;line-height:1.8;color:#40594e}
.ai-team-bridge{display:flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid #a9bcae;padding:24px 30px;margin-top:45px}.ai-team-bridge p{max-width:750px;margin:0;font-size:15px;line-height:1.8}.ai-team-bridge a{font-size:14px;font-weight:650;white-space:nowrap;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1100px){.ai-opening{grid-template-columns:1fr 1fr;gap:20px}.ai-stage{height:570px}.ai-plane{width:78%}.ai-plane-ml{top:0}.ai-plane-media{top:160px}.ai-plane-agent{top:320px;width:93%}.ai-plane img{height:150px}.ai-plane-agent img{height:180px}.ai-history{grid-template-columns:.6fr 1.8fr}.ai-source{grid-column:2}.ai-section-heading{gap:35px}.ai-system-columns{grid-template-columns:repeat(2,1fr)}.ai-system-links{height:45px}}
@media(max-width:760px){
 .ai-opening{grid-template-columns:1fr;padding-top:20px}.ai-experience h1{font-size:clamp(44px,10.8vw,65px)}.ai-experience h2{font-size:clamp(32px,8vw,44px)}.ai-topline{align-items:start;padding-top:24px}.ai-topline .eyebrow{max-width:180px}.ai-motion-control{font-size:11px;padding:8px 12px;flex-shrink:0}
 .ai-stage{height:500px;margin:20px 8px 0}.ai-plane{width:68%}.ai-plane img{height:135px}.ai-plane-ml{top:5px}.ai-plane-media{top:115px}.ai-plane-agent{top:260px;width:91%}.ai-plane-agent img{height:170px}.ai-plane span{font-size:11px;padding:8px 10px}.ai-plane .ai-plane-label{font-size:9px}
 .ai-discipline-strip{justify-content:flex-start;font-size:10px;gap:12px 25px}.ai-history-section{padding:42px 0}.ai-history{grid-template-columns:1fr;gap:20px}.ai-date{display:flex;align-items:center;gap:24px}.ai-date strong{font-size:64px}.ai-source{grid-column:auto}.ai-history h2{font-size:30px}
 .ai-work-section,.ai-swarm-section,.ai-systems-section,.ai-next-section{padding:60px 0}.ai-section-heading,.ai-swarm-section .ai-section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.ai-project-grid{grid-template-columns:1fr;gap:22px}.ai-project{padding:24px 20px}.ai-project-top{gap:12px}.ai-project-top .eyebrow{font-size:10px}.ai-project-name{font-size:11px}.ai-project-art{min-height:210px;padding:12px}.ai-project-art img{height:200px}.ai-project h3{margin-bottom:22px}
 .ai-window-bar{padding:12px 16px;font-size:10px}.ai-window-bar>span:last-child{display:none}.ai-demo-frame figcaption{flex-direction:column;align-items:start;padding:16px;gap:14px}.ai-practice-points{grid-template-columns:1fr;gap:22px;margin-top:30px}.ai-practice-points p{margin:6px 0 0}
 .ai-system{padding:20px}.ai-human-rail{flex-wrap:wrap;font-size:18px;padding:16px}.ai-human-rail>span:last-child{width:100%;margin:0;font-size:11px}.ai-system-columns{grid-template-columns:1fr}.ai-system-columns article{padding:23px}.ai-system-columns h3{font-size:28px}.ai-system-links{height:45px}.ai-system-columns ul{font-size:14px}.ai-starts{grid-template-columns:1fr;gap:28px}.ai-team-bridge{flex-direction:column;align-items:start;padding:22px;gap:18px}
}
@media(prefers-reduced-motion:reduce){.ai-plane{will-change:auto}.ai-project-art img{transition:none!important;transform:none!important}}
.ai-experience[data-motion="off"] .ai-project-art img{transition:none;transform:none}