/* Agent catalogue: editorial illustrations, readable capabilities, no hidden copy. */
.solutions-intro{padding:68px 0 44px}
.solutions-intro .kicker{margin-bottom:20px}
.solutions-intro h1{font-size:clamp(46px,5.2vw,76px);line-height:1.05;margin:0 0 24px}
.solutions-intro .prose{max-width:720px;font-size:16px;line-height:1.8}
.solutions-nav{position:sticky;top:var(--solutions-header-height,78px);z-index:30;background:var(--paper);border-block:1px solid var(--rule-2)}
.solutions-nav>.wrap{display:flex;gap:40px;align-items:stretch}
.solutions-nav a{display:flex;align-items:center;min-height:62px;font:500 12px/1.4 var(--f-mono);color:var(--ink-2);position:relative}
.solutions-nav a:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--fire);transform:scaleX(0);transition:transform .2s}
.solutions-nav a[aria-current],.solutions-nav a:hover{color:#9b3a1a}
.solutions-nav a[aria-current]:after{transform:scaleX(1)}
.agent-sheet,.hub-sheet{padding:56px 0 64px;scroll-margin-top:calc(var(--solutions-header-height,78px) + 82px);border-bottom:1px solid var(--rule)}
.agent-sheet--email{background:#e8e0d2}
.agent-overview{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,5vw,76px);align-items:center}
.agent-portrait{position:relative;margin:0;isolation:isolate;display:grid;place-items:center;padding:12px 0 26px}
.agent-portrait>img{width:100%;height:350px;object-fit:contain;position:relative;z-index:1;mask-image:linear-gradient(#000 90%,transparent 100%)}
.agent-portrait-halo{position:absolute;width:77%;aspect-ratio:1;border:1px solid #c8512a26;border-radius:50%;top:45%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#c8512a0e,transparent 70%);z-index:0}
.agent-portrait-halo:before{content:"";position:absolute;inset:-12px;border:1px dotted #c8512a38;border-radius:50%}
.agent-portrait figcaption{color:#9b3a1a;font:400 18px/1.3 var(--f-display);font-style:italic;text-align:center;margin-top:2px}
.agent-summary .kicker{display:flex;align-items:center;flex-wrap:wrap;gap:16px;color:#9b3a1a;margin-bottom:20px;font-size:12px}
.agent-ai-label{font-size:9px;letter-spacing:.08em;border-left:1px solid var(--rule-2);padding-left:16px;color:var(--muted)}
.agent-status{display:inline-block;border:1px solid #9b3a1a55;background:#f6f1e780;padding:6px 10px;font:500 10px/1.4 var(--f-mono);letter-spacing:.04em;color:#9b3a1a}
.hub-agent-status{font:500 9px/1.5 var(--f-mono);color:#9b3a1a;max-width:100%;padding:3px 4px;background:#c8512a0a}
.hub-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.hub-metrics>div{padding:16px 12px;background:#f6f1e780;border:1px solid #9b3a1a33}
.hub-metrics span{display:block;font:400 23px/1.2 var(--f-display);color:var(--ink)}
.hub-metrics small{display:block;margin-top:8px;font:400 10px/1.6 var(--f-mono);color:var(--ink-2)}
.agent-summary h2,.hub-summary h2{font-size:clamp(36px,3.4vw,52px);line-height:1.12;margin-bottom:24px}
.agent-summary .prose,.hub-summary .prose{font-size:16px;line-height:1.85;max-width:58ch;color:var(--ink-2)}
.agent-project-link{display:inline-flex;align-items:center;min-height:44px;margin-top:20px;font-size:12px;color:#9b3a1a;gap:14px}
.agent-capabilities-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin:38px 0 18px}
.agent-capabilities-head h3{font:400 25px/1.3 var(--f-display);margin:0}
.agent-capabilities-head>p{font:400 11px/1.7 var(--f-mono);max-width:480px;color:var(--muted);margin:0;text-align:right}
.agent-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.agent-capability{padding:24px;border:1px solid #9b3a1a2d;background:#f6f1e74d;scroll-margin-top:calc(var(--solutions-header-height,78px) + 96px)}
.agent-capability:target{border-color:var(--fire);background:#f6f1e7b3}
.agent-card-mark{display:block;color:var(--fire);font-size:15px;line-height:1;margin-bottom:16px}
.agent-capability h3{font:400 25px/1.1 var(--f-display);margin:0 0 12px}
.agent-capability p{font:400 14px/1.8 var(--f-mono);color:var(--ink-2);margin:0}
.agent-example{margin-top:28px;padding:24px 0 0;border-top:1px solid var(--rule-2)}
.agent-example-intro{display:flex;gap:28px;align-items:baseline;justify-content:space-between;margin-bottom:24px}
.agent-example-intro .kicker{flex-shrink:0;color:#9b3a1a;font-size:10px;margin:0}
.agent-example-intro>p:last-child{font:400 14px/1.7 var(--f-mono);margin:0;color:var(--ink-2)}
.agent-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0 0 20px;gap:26px}
.agent-journey li{position:relative;font:500 12px/1.6 var(--f-mono);padding:10px 0;border-bottom:1px solid var(--rule-2);color:var(--ink)}
.agent-journey li:not(:last-child):after{content:'→';position:absolute;right:-20px;color:var(--fire)}
.agent-handoff{font:400 13px/1.8 var(--f-mono);color:var(--ink-2);margin:0 0 6px}
.agent-example>small{font:400 10px/1.6 var(--f-mono);color:var(--muted);display:block}
.hub-sheet{background:var(--paper-lo);padding-block:76px}
.hub-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.hub-summary .kicker{color:#9b3a1a;margin-bottom:22px}
.hub-benefits{list-style:none;margin:28px 0 0;padding:0}
.hub-benefits li{padding:15px 0;border-top:1px solid var(--rule-2)}
.hub-benefits strong{display:block;font:400 23px/1.3 var(--f-display);margin-bottom:5px}
.hub-benefits span{font:400 13px/1.7 var(--f-mono);color:var(--ink-2)}
.hub-illustration{margin:0;padding:28px 0}
.hub-agent-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hub-agent{display:flex;align-items:center;flex-direction:column;gap:14px;padding:12px 4px 16px;border-bottom:1px solid #9b3a1a55;text-align:center;transition:background .2s}
.hub-agent:hover{background:#f6f1e766}
.hub-agent img{width:100%;height:100px;object-fit:contain}
.hub-agent span{font:500 10px/1.5 var(--f-mono);color:var(--ink)}
.hub-workspace{border:1px solid #9b3a1a55;padding:28px 20px 20px;background:#f6f1e74d;position:relative}
.hub-workspace-label{text-align:center;font:500 10px/1.5 var(--f-mono);letter-spacing:.12em;color:#9b3a1a;margin:0 0 24px}
.hub-workspace .hub-agent-row{margin-top:24px;padding-top:24px;border-top:1px solid #9b3a1a33}
.hub-workspace .hub-agent{border:1px solid #9b3a1a33;background:#f6f1e766;gap:6px;padding:12px 4px;transition:background .2s,border-color .2s}
.hub-workspace .hub-agent:hover{background:var(--paper-hi);border-color:var(--fire)}
.hub-agent:focus-visible{outline:2px solid var(--fire);outline-offset:4px}
.hub-agent strong{font:400 22px/1.3 var(--f-display);color:var(--ink)}
.hub-workspace .hub-agent img{height:90px}
.hub-center{width:200px;margin:auto;padding:28px 20px;display:flex;align-items:center;flex-direction:column;border:1px solid #9b3a1a55;background:#f6f1e766;position:relative}
.hub-center>img{width:32px;height:54px;margin-bottom:18px}
.hub-center>span{font:400 26px/1.2 var(--f-didone);letter-spacing:.24em;margin-right:-.24em}
.hub-center>small{font:500 10px/1.5 var(--f-mono);letter-spacing:.18em;color:#9b3a1a;margin-top:10px}
.hub-illustration>figcaption{text-align:center;font:400 12px/1.8 var(--f-mono);margin:24px auto 0;max-width:28ch;color:var(--ink-2)}
@media(max-width:960px){.agent-overview{gap:28px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.agent-portrait>img{height:300px}.agent-capability{padding:20px}.agent-capabilities-head{align-items:start}.hub-layout{gap:32px}.agent-summary h2,.hub-summary h2{font-size:38px}.agent-summary .prose,.hub-summary .prose{font-size:15px}.agent-example-intro{display:block}.agent-example-intro .kicker{margin-bottom:12px}}
@media(max-width:700px){
 .solutions-intro{padding:42px 0 30px}.solutions-intro h1{font-size:44px}.solutions-intro .prose{font-size:15px}
 .solutions-nav>.wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.solutions-nav a{min-height:42px;font-size:11px;justify-content:center}.solutions-nav a:after{left:12%;right:12%}
 .agent-sheet,.hub-sheet{padding:32px 0 40px;scroll-margin-top:calc(var(--solutions-header-height,64px) + 104px)}
 .agent-overview{display:flex;flex-direction:column;gap:10px;align-items:stretch}.agent-portrait{padding:0 0 16px;max-width:430px;width:100%;margin:auto}.agent-portrait>img{height:240px}.agent-portrait-halo{width:62%;max-width:240px}.agent-portrait figcaption{font-size:17px}
 .agent-summary h2,.hub-summary h2{font-size:36px}.agent-summary .kicker{margin-bottom:14px}.agent-summary .prose{font-size:15px}.agent-project-link{margin-top:12px}
 .agent-capabilities-head{display:block;margin-top:28px}.agent-capabilities-head>p{text-align:left;margin-top:8px}.agent-capabilities{grid-template-columns:1fr;gap:12px}.agent-capability{padding:20px;scroll-margin-top:calc(var(--solutions-header-height,64px) + 100px)}.agent-card-mark{float:right;margin:3px 0 0 16px}.agent-capability h3{font-size:25px}
 .agent-journey{grid-template-columns:1fr;gap:8px;margin-bottom:20px}.agent-journey li{padding:10px 0 14px}.agent-journey li:not(:last-child):after{content:'↓';right:0;bottom:-14px}.agent-example-intro>p:last-child{font-size:14px}.agent-handoff{font-size:13px}.agent-example>small{font-size:11px}
 .hub-layout{display:flex;flex-direction:column;gap:20px}.hub-summary,.hub-illustration{width:100%}.hub-agent-row{gap:8px}.hub-agent img{height:90px}.hub-agent span{font-size:9px}.hub-illustration{padding-top:0}.hub-center{padding:22px;width:180px}.hub-benefits span{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.solutions-nav a:after,.hub-agent{transition:none}}

/* Engraved figures over a terracotta halftone sun, matching the landing hero. */
.agent-portrait-halo{width:84%;max-width:380px;top:46%;border:0;border-radius:0;background:url("assets/agents/agent-sun.svg") center/contain no-repeat;opacity:.82;pointer-events:none}
.agent-portrait-halo:before{content:none}
.agent-portrait>img{mask-image:none}
@media(max-width:700px){.agent-portrait-halo{width:76%;max-width:270px;top:46%}}
@media(max-width:960px) and (min-width:701px){.hub-layout{grid-template-columns:1fr}.hub-illustration{max-width:620px;width:100%;margin:auto}}
@media(max-width:700px){.hub-workspace{padding:24px 12px 12px}.hub-workspace .hub-agent img{height:70px}.hub-agent strong{font-size:19px}.hub-workspace .hub-agent{min-width:0}.hub-workspace .hub-agent span{font-size:9px}}
@media(max-width:700px){.hub-metrics{gap:8px}.hub-metrics>div{padding:12px 9px}.hub-metrics span{font-size:21px}.hub-agent-status{font-size:8px;padding-inline:2px;overflow-wrap:anywhere}}