.agents-experience{flex-direction:column;min-height:calc(100svh - 88px);padding:28px 0 24px;display:flex}.sc:has(.agents-experience)>.sc-footer{display:none}.agents-heading{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.agents-heading h1{font:500 clamp(34px,3.4vw,50px)/1.12 var(--disp);letter-spacing:-.03em}.agents-heading p{color:var(--muted);max-width:64ch;margin-top:14px;font-size:17px}.agents-heading a,.agents-footnote a{flex-shrink:0;align-items:center;gap:12px;min-height:44px;font-size:14px;display:inline-flex}.agents-heading a svg,.agents-footnote a svg{width:16px;height:16px}.agents-selectors{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:24px;margin-top:32px;display:flex}.agents-roles{gap:32px;display:flex}.agents-roles button{text-align:left;gap:3px;min-width:80px;padding:0 0 18px;display:grid;position:relative}.agents-selectors button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;min-height:44px}.agents-roles button span{font:500 21px/1.3 var(--disp)}.agents-roles button small{font-size:13px}.agents-roles button:after{content:"";bottom:-1px;background:var(--orange);opacity:0;height:2px;transition:opacity .24s;position:absolute;inset-inline:0}.agents-roles button[aria-pressed=true]{color:var(--ink)}.agents-roles button[aria-pressed=true]:after{opacity:1}.agents-context{border:1px solid var(--rule);border-radius:8px;gap:4px;margin-bottom:12px;padding:4px;display:flex}.agents-context button{border-radius:4px;padding:8px 14px;font-size:13px}.agents-context button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.agents-stage{flex:1;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(40px,7vw,100px);padding:32px 0;display:grid}.agents-character{text-align:center;flex-direction:column;align-items:center;display:flex}.agents-character>img{width:clamp(140px,17vw,230px);height:auto;margin-bottom:20px}.agents-character h2{font:500 26px/1.2 var(--disp)}.agents-character p{max-width:29ch;margin:12px auto;font-size:16px;line-height:1.55}.agents-character span{color:var(--muted);font-size:12px}.agents-example{animation:.26s both agent-reveal}.agents-example>h2{font:500 clamp(26px,2.3vw,34px)/1.2 var(--disp);letter-spacing:-.025em;margin-bottom:24px}.agents-example dl{margin:0}.agents-example dl>div{border-top:1px solid var(--rule);grid-template-columns:140px 1fr;gap:20px;padding:18px 0;display:grid}.agents-example dt{color:var(--muted);padding-top:2px;font-size:13px}.agents-example dd{max-width:48ch;margin:0;font-size:16px;line-height:1.55}.agents-human{border-top:1px solid var(--rule);align-items:flex-start;gap:18px;margin-top:6px;padding-top:22px;display:flex}.agents-human>img{object-fit:cover;filter:grayscale();border-radius:4px;width:44px;height:54px}.agents-human h3{font:500 19px/1.3 var(--disp)}.agents-human p{color:var(--muted);max-width:55ch;margin-top:8px;font-size:15px;line-height:1.55}.agents-footnote{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:28px;padding-top:16px;display:flex}.agents-footnote p{max-width:75ch;color:var(--muted);font-size:12px;line-height:1.55}@keyframes agent-reveal{0%{opacity:.35}to{opacity:1}}@media (max-width:760px){.agents-experience{padding-top:20px}.agents-heading{display:block}.agents-heading>a{display:none}.agents-heading h1{font-size:34px}.agents-heading p{margin-top:10px;font-size:15px}.agents-selectors{flex-direction:column;align-items:stretch;gap:14px;margin-top:24px}.agents-roles{justify-content:space-between;gap:16px}.agents-roles button{padding-bottom:8px}.agents-context{align-self:flex-start;margin-bottom:14px}.agents-stage{grid-template-columns:1fr;gap:26px;padding:24px 0}.agents-character{text-align:left;flex-direction:row;gap:20px}.agents-character>img{width:90px;margin:0}.agents-character h2{font-size:22px}.agents-character p{margin:6px 0;font-size:14px}.agents-character span{font-size:11px}.agents-example>h2{margin-bottom:18px;font-size:26px}.agents-example dl>div{grid-template-columns:1fr;gap:6px;padding:14px 0}.agents-example dd{font-size:15px}.agents-human{gap:14px;padding-top:18px}.agents-human h3{font-size:18px}.agents-footnote{align-items:flex-start}.agents-footnote a{font-size:12px}}@media (prefers-reduced-motion:reduce){.agents-example{animation:none}.agents-roles button:after{transition:none}}