.agent-rotation-section{overflow:hidden;scroll-margin-top:72px;background:radial-gradient(circle at 75% 50%,rgba(255,106,43,.08),transparent 35rem)}
.agent-rotation{position:relative}
.agent-portrait-stage{position:relative;min-height:720px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:30px;background:#090b10;box-shadow:0 35px 100px rgba(0,0,0,.42)}
.agent-portrait-stage:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),inset 0 -120px 160px rgba(0,0,0,.28)}
.agent-portrait-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(270px,.72fr) minmax(420px,1.28fr);align-items:center;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .7s ease,transform 1s cubic-bezier(.2,.75,.2,1),visibility 0s linear .7s;background:radial-gradient(circle at 77% 40%,rgba(var(--portrait-rgb),.18),transparent 38%),linear-gradient(120deg,rgba(var(--portrait-rgb),.08),transparent 48%)}
.agent-portrait-slide.is-active{z-index:1;opacity:1;visibility:visible;transform:none;transition-delay:0s}
.agent-portrait-copy{position:relative;z-index:3;align-self:end;padding:58px 20px 70px 56px}
.agent-portrait-index{display:block;margin-bottom:22px;color:rgba(255,255,255,.42);font-size:11px;font-weight:700;letter-spacing:.2em}
.agent-portrait-faction{display:inline-flex;align-items:center;gap:11px;margin-bottom:17px;padding:8px 13px 8px 9px;border:1px solid rgba(var(--portrait-rgb),.42);border-radius:999px;background:rgba(4,6,9,.68);color:var(--portrait-accent);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;backdrop-filter:blur(12px)}
.agent-portrait-faction img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(var(--portrait-rgb),.48))}
.agent-portrait-copy h3{max-width:420px;margin:0;font-size:clamp(38px,5vw,66px);line-height:.94;letter-spacing:-.045em}
.agent-portrait-copy>p{max-width:390px;margin:22px 0 0;color:#afb2bd;font-size:16px;line-height:1.65}
.agent-portrait-media{position:relative;align-self:stretch;min-width:0;overflow:hidden;margin:24px;padding:18px;border:1px solid rgba(var(--portrait-rgb),.2);border-radius:22px;background:linear-gradient(155deg,rgba(var(--portrait-rgb),.08),rgba(5,7,10,.72));box-shadow:inset 0 0 50px rgba(0,0,0,.28)}
.agent-portrait-media:before{content:"";position:absolute;right:8%;bottom:-16%;width:58%;aspect-ratio:1;border:1px solid rgba(var(--portrait-rgb),.18);border-radius:50%;box-shadow:0 0 120px rgba(var(--portrait-rgb),.12),inset 0 0 80px rgba(var(--portrait-rgb),.06)}
.agent-portrait-media picture{display:contents}
.agent-portrait-media img{position:absolute;z-index:1;inset:18px;width:calc(100% - 36px);height:calc(100% - 36px);max-width:none;object-fit:contain;object-position:center center;filter:drop-shadow(0 24px 28px rgba(0,0,0,.62));transform:translateY(12px) scale(.985);transition:transform 1.15s cubic-bezier(.2,.75,.2,1)}
.agent-portrait-slide.is-active .agent-portrait-media img{transform:none}
.agent-rotation-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:24px}
.agent-rotation-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.025);color:#fff;font-size:20px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.agent-rotation-arrow:hover,.agent-rotation-arrow:focus-visible{border-color:var(--orange);background:rgba(255,106,43,.11);transform:translateY(-2px);outline:0}
.agent-rotation-dots{display:flex;align-items:center;gap:9px}
.agent-rotation-dots button{width:26px;height:4px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.18);cursor:pointer;transition:width .3s ease,background .3s ease,box-shadow .3s ease}
.agent-rotation-dots button.is-active{width:54px;background:var(--orange);box-shadow:0 0 16px rgba(255,106,43,.5)}
.agent-rotation:focus-visible{outline:2px solid rgba(255,106,43,.6);outline-offset:8px;border-radius:30px}
@media(max-width:860px){.agent-portrait-stage{min-height:860px}.agent-portrait-slide{grid-template-columns:1fr;grid-template-rows:minmax(540px,1fr) auto;align-items:stretch}.agent-portrait-media{grid-area:1/1;margin:16px 16px 0;min-height:0}.agent-portrait-copy{grid-area:2/1;align-self:auto;padding:24px 28px 30px;background:linear-gradient(rgba(6,8,12,.7),rgba(6,8,12,.98))}.agent-portrait-copy>p{max-width:620px;margin-top:14px}.agent-portrait-index{margin-bottom:12px}.agent-portrait-faction{margin-bottom:12px}}
@media(max-width:560px){.agent-portrait-stage{min-height:760px}.agent-portrait-slide{grid-template-rows:minmax(450px,1fr) auto}.agent-portrait-media{margin:12px 12px 0;padding:10px}.agent-portrait-media img{inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}.agent-portrait-copy{padding:20px 20px 24px}.agent-portrait-copy h3{font-size:38px}.agent-portrait-copy>p{font-size:14px}.agent-portrait-faction{font-size:8px}.agent-portrait-index{margin-bottom:10px}.agent-rotation-controls{gap:13px}.agent-rotation-dots{gap:6px}.agent-rotation-dots button{width:14px}.agent-rotation-dots button.is-active{width:30px}}
@media(prefers-reduced-motion:reduce){.agent-portrait-slide,.agent-portrait-media img,.agent-rotation-dots button{transition:none}}