/* Agent Display follows the shared VibeOnChip type and colour system. */
.agent-main{width:100%;max-width:none}
.agent-hero{background:#10100f;color:#f3eddf;padding:64px max(32px,calc((100% - 1200px)/2)) 68px;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.agent-hero .eyebrow{color:#c6baab;margin-bottom:24px}
.agent-hero h1{font-size:clamp(62px,6.8vw,101px);line-height:1.07;margin:0 0 24px}
.agent-hero h1 span{color:#ffad74}
.agent-lead{font-size:26px;line-height:1.35;margin-bottom:20px}
.agent-hero-copy>p:not(.eyebrow):not(.agent-lead):not(.agent-meta){font-size:17px;line-height:1.7;max-width:410px;color:#ded5c6}
.agent-hero .actions{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;margin-top:26px}
.agent-hero .button{background:#ff4b21;border-color:#ff4b21;color:#10100f}
.agent-hero .text-link{color:#f3eddf;font-size:15px;min-height:44px;display:inline-flex;align-items:center}
.agent-meta{font-size:12px;color:#bdb2a2;margin-top:24px;line-height:1.6}
.agent-hero-media{margin:0;min-width:0}
.agent-hero-media img,.agent-home-feature img{width:100%;height:auto;display:block;border-radius:5px;border:1px solid #494139}
.agent-hero-media figcaption,.agent-home-feature figcaption{font-size:12px;line-height:1.6;color:#c6baab;margin-top:12px}
.agent-hero-media a{display:block;border-radius:5px}
.agent-chapters{padding:14px 24px;border-bottom:1px solid var(--rule);display:flex;gap:12px 32px;justify-content:center;flex-wrap:wrap}
.agent-chapters a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:5px}
.agent-section{max-width:1120px;width:calc(100% - 64px);margin:auto;padding:72px 0;border-bottom:1px solid var(--rule)}
.agent-section h2{font-size:clamp(38px,4.8vw,65px);line-height:1.13;margin:16px 0 24px}
.agent-section-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:25px}
.agent-section-intro>p{font-size:19px;line-height:1.7;max-width:430px;color:var(--muted)}
.agent-film{margin:0}
.agent-film video{display:block;width:100%;height:auto;background:#10100f;border-radius:5px;aspect-ratio:18/11}
.agent-film figcaption{font-size:13px;line-height:1.6;display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;padding-top:12px;color:var(--muted)}
.agent-film figcaption a{min-height:44px;display:inline-flex;align-items:center}
.agent-experience{padding:0;margin:42px 0 0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.agent-experience li{border-top:1px solid #bcb2a2;padding-top:18px}
.agent-experience span{font-size:12px;color:#8c2b18}.agent-experience h3{font-size:21px;margin:16px 0 12px}.agent-experience p{font-size:16px;line-height:1.65;color:var(--muted)}
.agent-how{display:grid;grid-template-columns:1fr 1fr;gap:25px 64px}
.agent-how h2{font-size:clamp(36px,3.7vw,50px)}
.agent-prose p{font-size:17px;line-height:1.7;margin-bottom:18px;color:var(--muted)}
.agent-path{border-block:1px solid var(--rule);padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:600;line-height:1.6;margin-top:26px}
.agent-path small{font-weight:400;font-size:12px;color:var(--muted)}
.agent-details{grid-column:1/-1;margin-top:22px}
.agent-details details{border-top:1px solid var(--rule)}
.agent-details summary{cursor:pointer;min-height:64px;padding:20px 0;font-size:18px;font-weight:500}
.agent-details details>div{max-width:810px;padding:0 0 24px}
.agent-details p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 16px}
.agent-small{font-size:13px;line-height:1.7;color:var(--muted);max-width:720px}
.agent-preview{padding-block:74px 86px;border:0}
.agent-preview>p:not(.eyebrow):not(.agent-small){max-width:590px;font-size:19px;line-height:1.7;color:var(--muted)}
.agent-preview .actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;margin:26px 0 14px}
.agent-preview .text-link{min-height:44px;display:inline-flex;align-items:center}
.agent-home-feature{padding:72px max(32px,calc((100% - 1120px)/2));background:#171714;color:#f3eddf;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:50px}
.agent-home-feature h2{font-size:clamp(40px,4.5vw,62px);line-height:1.12;margin:20px 0}
.agent-home-feature .eyebrow{color:#c6baab}
.agent-home-feature p:not(.eyebrow):not(.agent-small){max-width:400px;font-size:18px;line-height:1.6;color:#ded5c6;margin-bottom:25px}
.agent-home-feature figure{margin:0;min-width:0}.agent-home-feature .agent-small{color:#bdb2a2;margin-top:16px}
@media(max-width:1000px){.agent-hero{gap:30px;grid-template-columns:1fr 1fr}.agent-hero h1{font-size:64px}.agent-how{gap:24px 35px}}
@media(max-width:760px){
 .agent-hero{padding:30px 20px 38px;grid-template-columns:1fr;gap:0}.agent-hero h1{font-size:clamp(52px,14vw,80px);order:1;margin-bottom:18px}.agent-hero .eyebrow{font-size:10px;letter-spacing:.1em;order:0;margin-bottom:18px}.agent-lead{font-size:21px;order:2;margin-bottom:0}
 .agent-hero-copy{display:contents}.agent-hero-media{order:3;margin:24px 0}.agent-hero-copy>p:not(.eyebrow):not(.agent-lead):not(.agent-meta){order:4}.agent-hero .actions{order:5}.agent-hero .agent-meta{order:6}
 .agent-hero-copy>p:not(.eyebrow):not(.agent-lead):not(.agent-meta){font-size:16px}.agent-hero .actions{gap:8px 20px}.agent-hero .button{font-size:15px;padding-inline:24px}
 .agent-hero-media figcaption{font-size:11px}.agent-chapters{padding:8px 20px;gap:0 20px;justify-content:flex-start}.agent-chapters a{font-size:13px}
 .agent-section{width:calc(100% - 40px);padding-block:42px}.agent-section-intro{grid-template-columns:1fr;gap:0;margin-bottom:25px}.agent-section-intro>p{font-size:17px}
 .agent-experience{grid-template-columns:1fr;gap:25px;margin-top:28px}.agent-experience h3{margin:9px 0}.agent-how{grid-template-columns:1fr;gap:12px}.agent-details{margin-top:8px}
 .agent-path{font-size:13px;gap:5px}.agent-path small{font-size:11px}.agent-details summary{font-size:16px;padding-block:18px}.agent-preview>p:not(.eyebrow):not(.agent-small){font-size:17px}
 .agent-home-feature{padding:44px 20px;grid-template-columns:1fr;gap:28px}.agent-home-feature h2{font-size:44px}.agent-home-feature p:not(.eyebrow):not(.agent-small){font-size:17px}
}