/* A content factory in the same orbital system as the studio's brand galaxy. */
.factory-intro{text-align:center;margin:clamp(50px,7vw,96px) auto 46px;max-width:780px}
.factory-eyebrow{font:500 11px/1.5 var(--mono);letter-spacing:.22em;color:var(--cyan);margin-bottom:17px}
.factory-intro h2{font-size:clamp(35px,5vw,64px);line-height:1.08}
.factory-intro .lead{margin:22px auto 0;font-size:17px;max-width:54ch}
.factory{position:relative;isolation:isolate;--network-cyan:#4DEBFF}
.factory::before{content:"";position:absolute;inset:15% -3% 0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 50% 28% at 50% 55%,rgba(93,60,183,.2),transparent 80%),radial-gradient(ellipse 60% 24% at 50% 76%,rgba(77,235,255,.07),transparent 80%)}
.factory-links{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}
.factory-links .factory-star{fill:#d7d5ff}
.factory-links .f-line{fill:none;stroke-width:1;stroke-opacity:.3;transition:stroke-opacity .3s,stroke-width .3s}
.factory-links .f-line[data-kind="network"]{stroke-opacity:.23}
.factory-links .f-signal{fill:none;stroke-width:2;stroke-linecap:round;stroke-dasharray:1.2 98.8;animation:factory-flow 7s linear infinite;animation-play-state:paused;opacity:.75;filter:drop-shadow(0 0 4px currentColor)}
.factory[data-running] .f-signal{animation-play-state:running}
.factory[data-highlight] .f-line{stroke-opacity:.07}
.factory[data-highlight] .f-line.is-connected{stroke-opacity:.9;stroke-width:1.6}
.factory[data-highlight] .f-signal{opacity:.06}
.factory[data-highlight] .f-signal.is-connected{opacity:1}
@keyframes factory-flow{to{stroke-dashoffset:-100}}
.factory-stage-label{position:relative;display:flex;align-items:baseline;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center;margin-bottom:28px}
.factory-stage-label>span{font:500 10px/1.5 var(--mono);letter-spacing:.1em;color:var(--cyan);border:1px solid rgba(77,235,255,.25);border-radius:999px;padding:3px 8px;background:var(--space)}
.factory-stage-label h3{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.factory-stage-label p{width:100%;font-size:13px;color:var(--dim-2);margin-top:-5px}
.factory-team .who{position:relative;outline:none}
.factory-team .who::after{content:"";width:7px;height:7px;border-radius:50%;position:absolute;left:calc(50% - 3.5px);bottom:-4px;background:var(--cyan);box-shadow:0 0 15px rgba(77,235,255,.6)}
.factory-team .who:focus-visible,.factory-team .who.is-connected{border-color:rgba(77,235,255,.6);box-shadow:0 0 30px rgba(77,235,255,.08)}
.factory-team .who:hover{transform:none}
.factory-agents-stage{padding-top:112px}
.factory-agents-stage .factory-stage-label{margin-bottom:46px}
.factory-agents{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:20px;row-gap:48px}
.factory-agent{position:relative;display:flex;align-items:center;flex-direction:column;background:none;border:0;color:var(--white);font-family:var(--sans);cursor:pointer;padding:0 5px 8px;min-width:0;border-radius:20px;outline:none;-webkit-tap-highlight-color:transparent}
.agent-orbit{position:relative;display:grid;place-items:center;width:92px;height:92px;margin-bottom:14px;isolation:isolate}
.agent-orbit::before{content:"";position:absolute;inset:21px -8px;border:1px solid var(--node-color);border-radius:50%;transform:rotate(-24deg);opacity:.6;box-shadow:0 0 14px color-mix(in srgb,var(--node-color) 14%,transparent)}
.agent-orbit::after{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--node-color) 22%,transparent);border-radius:50%}
.agent-core{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;color:#f7f8fc;background:radial-gradient(circle at 30% 23%,color-mix(in srgb,var(--node-color) 55%,#fff) 0%,color-mix(in srgb,var(--node-color) 40%,#182144) 29%,#0e163b 80%);box-shadow:inset -8px -9px 15px rgba(1,3,16,.7),0 0 26px color-mix(in srgb,var(--node-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--node-color) 45%,transparent);transition:box-shadow .3s}
.agent-core svg{width:27px;height:27px;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}
.agent-satellite{position:absolute;top:12px;right:11px;width:5px;height:5px;border-radius:50%;background:var(--node-color);box-shadow:0 0 10px var(--node-color)}
.agent-name{font-size:14px;line-height:1.4;font-weight:700;background:#090c20;border-radius:4px;padding:2px 7px}
.agent-task{color:var(--dim-2);font-size:11.5px;line-height:1.5;margin-top:3px;background:#090c20;padding-inline:4px;border-radius:3px;text-align:center}
.agent-type{font:500 8px/1.5 var(--mono);letter-spacing:.16em;color:var(--node-color);margin-top:9px;opacity:.75}
.factory-agent:hover .agent-core,.factory-agent:focus-visible .agent-core,.factory-agent.is-connected .agent-core{box-shadow:inset -8px -9px 15px rgba(1,3,16,.6),0 0 45px color-mix(in srgb,var(--node-color) 40%,transparent)}
.factory-agent:focus-visible{outline:1px solid var(--node-color);outline-offset:7px}
.factory-results-stage{padding-top:118px}
.factory-results-stage .factory-stage-label{margin-bottom:32px}
.factory-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.factory-output{position:relative;min-width:0;padding:12px 12px 18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,rgba(24,33,68,.9),rgba(8,12,31,.95));text-align:center;outline:none;transition:border-color .3s,box-shadow .3s}
.factory-output::before{content:"";position:absolute;left:calc(50% - 3px);top:-4px;width:6px;height:6px;border-radius:50%;background:var(--node-color);box-shadow:0 0 12px var(--node-color)}
.factory-output:hover,.factory-output:focus-visible,.factory-output.is-connected{border-color:var(--node-color);box-shadow:0 0 26px color-mix(in srgb,var(--node-color) 12%,transparent)}
.factory-output h4{font-size:14px;margin-top:14px;line-height:1.4;font-weight:700}
.factory-output>p{font-size:11px;line-height:1.5;color:var(--dim-2);margin-top:5px}
.output-preview{height:120px;display:grid;place-items:center;position:relative;border-radius:10px;background:radial-gradient(ellipse at 50% 65%,rgba(139,108,255,.15),transparent 75%);overflow:hidden}
.mini-browser{width:100%;max-width:190px;height:108px;border:1px solid rgba(177,156,255,.3);border-radius:7px;overflow:hidden;background:#0b112b;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.mini-chrome{display:flex;align-items:center;gap:3px;height:13px;border-bottom:1px solid var(--line);padding-inline:6px;background:#141b36}
.mini-chrome>i{width:3px;height:3px;border-radius:50%;background:#8b6cff}
.mini-chrome>i:nth-child(2){background:#4debff}.mini-chrome>i:nth-child(3){background:#ff5d7a}
.mini-chrome>span{height:3px;width:50%;border-radius:3px;background:rgba(255,255,255,.1);margin-left:6px}
.mini-web-hero{display:flex;align-items:center;justify-content:space-between;padding:14px 12px 9px;gap:6px;background:radial-gradient(ellipse at 90% 20%,rgba(77,235,255,.16),transparent 70%)}
.mini-web-hero>div{width:60%}.mini-web-hero i{display:block;background:#c7c9f5;width:90%;height:4px;border-radius:3px;margin-bottom:5px}.mini-web-hero i+i{width:68%}
.mini-web-hero b{display:block;width:38px;height:10px;border-radius:9px;background:var(--cyan);margin-top:9px}
.mini-planet{display:block;position:relative;width:35px;height:35px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#bef9ff,#487dcc 40%,#291f61 78%);box-shadow:inset -4px -4px 8px #060818,0 0 18px rgba(77,235,255,.2)}
.mini-planet::after{content:"";position:absolute;inset:10px -9px;border:1px solid rgba(177,156,255,.7);border-radius:50%;transform:rotate(-25deg)}
.mini-web-tiles{display:flex;gap:5px;padding:3px 12px}.mini-web-tiles i{width:33%;height:17px;border-radius:3px;background:rgba(139,108,255,.15);border:1px solid rgba(139,108,255,.15)}
.mini-shop-title{width:50%;height:4px;border-radius:3px;background:#d5c8ff;margin:9px auto 8px}
.mini-shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:0 9px}.mini-shop-grid>span{height:28px;background:rgba(139,108,255,.09);border-radius:3px;border:1px solid rgba(139,108,255,.16);padding:3px}
.mini-shop-grid i{display:block;width:13px;height:13px;margin:0 auto 3px;background:linear-gradient(135deg,#8b6cff55,#4debff88);border-radius:3px}.mini-shop-grid b{display:block;width:65%;height:2px;margin:auto;background:#9a9ec7}
.mini-social{display:flex;align-items:center;justify-content:center;width:100%;height:110px}
.mini-social>div{width:70px;height:92px;border:1px solid rgba(255,93,122,.3);border-radius:7px;background:#11152e;padding:6px;transform:rotate(-9deg);box-shadow:0 7px 16px #060818}
.mini-social>div+div{transform:rotate(9deg);margin-left:-10px;margin-top:8px;background:#18152e}
.social-avatar{display:block;width:8px;height:8px;border-radius:50%;background:var(--coral);margin-bottom:5px}
.social-picture{display:block;height:46px;border-radius:3px;background:radial-gradient(circle at 30% 35%,#ffb2c2,#8b6cff 40%,#201d4d 72%)}
.mini-social>div+div .social-picture{background:radial-gradient(ellipse at 65% 30%,#b19cff,#b14683 45%,#281b46 72%)}
.mini-social b{font-size:10px;font-weight:400;color:var(--coral)}
.mini-content{position:relative;width:90px;height:98px}
.content-sheet{position:absolute;inset:0 0 0 10px;padding:8px 12px;background:linear-gradient(135deg,#272447,#15162f);border:1px solid rgba(177,156,255,.4);border-radius:6px;transform:rotate(6deg)}
.content-sheet.back{transform:rotate(-9deg);inset:5px 6px 0 3px;background:#171a38;border-color:rgba(177,156,255,.2)}
.content-sheet b{font:32px/.95 var(--serif);color:#b19cff;display:block;margin-bottom:9px;text-align:left}
.content-sheet i{display:block;height:3px;background:rgba(177,156,255,.5);margin:5px 0;border-radius:2px}.content-sheet i:nth-of-type(2){width:75%}
.content-sheet>span{display:block;height:15px;margin-top:7px;border-radius:3px;background:linear-gradient(90deg,#8b6cff33,#4debff22)}
.mini-video{display:grid;place-items:center;width:100%;height:102px;border:1px solid rgba(255,138,61,.3);border-radius:7px;background:radial-gradient(ellipse at 65% 35%,rgba(255,138,61,.22),transparent 75%),#151129;position:relative;overflow:hidden}
.mini-video .mini-planet{position:absolute;right:13px;top:10px;width:58px;height:58px;background:radial-gradient(circle at 30% 25%,#ffc4a0,#ab4666 45%,#291f61 80%);opacity:.65}
.mini-video>svg{width:33px;height:33px;position:relative;z-index:1;color:#f7f8fc;filter:drop-shadow(0 0 8px #ff8a3d)}
.mini-timeline{position:absolute;left:7px;right:7px;bottom:7px;display:flex;gap:3px;border-top:1px solid rgba(255,255,255,.15);padding-top:4px}.mini-timeline i{height:8px;flex:1;border-radius:2px;background:rgba(255,138,61,.4)}.mini-timeline i:nth-child(even){background:rgba(139,108,255,.5)}
.factory-caption{text-align:center;color:var(--dim);font-size:13px;line-height:1.8;max-width:65ch;margin:35px auto 0}
.factory-caption>span{display:inline-block;width:5px;height:5px;margin-right:8px;vertical-align:middle;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
@media(max-width:1100px){.factory .factory-team{grid-template-columns:repeat(5,minmax(0,1fr))}.factory-team .who{padding:8px}.factory-team .who b{font-size:12px}.factory-team .team-role{font-size:11px;min-height:4em}.factory-team .tg{padding:7px 10px;font-size:11px}.factory-results{gap:10px}.factory-output{padding:8px 8px 14px}.factory-output h4{font-size:13px}.factory-output>p{font-size:10px}.agent-task{font-size:10px}}
@media(max-width:760px){.factory .factory-team{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.factory-team .who{padding:10px}.factory-team .who:last-child{grid-column:1/-1;width:calc((100% - 18px)/2);justify-self:center}.factory-team .who b{font-size:13px}.factory-team .team-role{font-size:11.5px;min-height:3em}.factory-team .tg{font-size:12px}.factory-agents{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 9px}.factory-agent:last-child{grid-column:2}.factory-agents-stage{padding-top:100px}.factory-stage-label{gap:8px}.factory-stage-label h3{font-size:12px}.factory-stage-label p{font-size:11px}.agent-orbit{width:74px;height:74px;margin-bottom:10px}.agent-core{width:51px;height:51px}.agent-core svg{width:22px;height:22px}.agent-orbit::before{inset:17px -5px}.agent-satellite{top:8px;right:8px}.agent-name{font-size:11px;padding-inline:3px}.agent-task{font-size:10px;max-width:100px;min-height:3em}.agent-type{font-size:7px;margin-top:5px}.factory-results-stage{padding-top:100px}.factory-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.factory-output:last-child{grid-column:1/-1;justify-self:center;width:calc((100% - 14px)/2)}.factory-output h4{font-size:13px}.factory-output>p{font-size:10.5px}.factory-intro .lead{font-size:14px}.factory-caption{font-size:11px;max-width:34ch}.factory-links .f-line{stroke-opacity:.23}.factory::before{inset:0 -12px}}
@media(prefers-reduced-motion:reduce){.factory-links .f-signal{animation:none;display:none}.factory *{scroll-behavior:auto;transition:none!important}}

.factory-intro{scroll-margin-top:110px}