/* Inline image/typography expansion, adapted from Codrops ImageExpansionTypography. */
#agents.agents-explainer {height:auto;overflow:clip;overflow-anchor:none;}
#agents .ag-shell {position:relative;top:auto;height:auto;padding:28px 0 60px;}
#agents .ag-header {position:relative;inset:auto;margin:0 6% 28px;}
#agents .ag-controls {display:none;}
#agents .ag-chapters,#agents .ag-chapter,#agents .ag-chapter-inner {position:relative;inset:auto;}
#agents .ag-chapter {padding:0 6% var(--chapter-space,85px);scroll-margin-top:110px;}
#agents .ag-copy {position:relative;inset:auto;margin:0;padding:0;height:var(--type-height,550px);text-align:var(--type-align,left);transform:none;}
#agents .ag-copy h3 {font-size:clamp(30px,4.1vw,62px);line-height:1.14;letter-spacing:-.04em;}
#agents .ag-title-first {display:block;margin:0 0 18px;}
#agents .ag-copy .ag-expand-row {display:inline-grid;grid-template-columns:auto auto auto;align-items:start;gap:.15em;max-width:100%;}
#agents .ag-copy h3 em {display:inline-block;margin:0;padding:0;font-size:1.05em;white-space:nowrap;transform:none;}
#agents .ag-visual {display:block;position:relative;inset:auto;margin:0;width:1px;height:1px;min-width:0;overflow:hidden;clip-path:none;transform:none;border-radius:0;}
#agents .ag-type-open .ag-visual {width:var(--image-width,340px);height:var(--image-height,245px);}
#agents .ag-type-open .ag-expand-row {gap:20px;}
#agents .ag-type-open .ag-word-after {transform:skewX(var(--word-skew,-8deg)) translateY(var(--word-y,0px));}
#agents .ag-scene {display:block;position:absolute;top:50%;left:50%;right:auto;bottom:auto;width:var(--image-width,340px);height:var(--image-height,245px);min-height:0;max-height:none;transform:translate(-50%,-50%);}
#agents .ag-body {position:relative;inset:auto;margin:var(--body-gap,20px) 0 0 var(--body-x,20%);width:min(var(--body-width,670px),80%);max-height:none;overflow:visible;}
#agents .ag-description {font-size:clamp(17px,1.4vw,21px);line-height:1.65;}
#agents .ag-points {display:flex;flex-wrap:wrap;gap:12px 24px;}
#agents .ag-points li::before {content:none;}
@media(max-width:760px){
 #agents .ag-header {margin-bottom:38px;}
 #agents .ag-chapter {padding-bottom:60px;--image-width:min(390px,86vw);--image-height:290px;--type-height:475px;}
 #agents .ag-copy h3 {font-size:clamp(27px,6.6vw,42px);}
 #agents .ag-copy .ag-expand-row {grid-template-columns:1fr;justify-items:var(--mobile-align,center);gap:0;}
 #agents .ag-type-open .ag-expand-row {gap:8px;}
 #agents .ag-copy h3 em {white-space:normal;}
 #agents .ag-body {margin:10px 0 0;width:100%;}
 #agents .ag-description {font-size:16px;}
 #agents .ag-points {display:grid;gap:10px;font-size:14px;}
}