/* Scoped to the AI overview; shared navigation and Home remain unchanged. */
.ai-systems-page .page-opening{padding-bottom:36px}
.ai-opening-copy{max-width:960px;font-size:clamp(18px,1.65vw,22px);line-height:1.65;color:var(--muted)}
.ai-systems-page .page-focus{margin-bottom:36px}
.ai-system-grid{padding:0 0 38px}
.ai-system-section{padding:0 0 38px}
.ai-system-section+.ai-system-section{border-top:1px solid var(--line);padding-top:34px}
.ai-system-section:last-child{padding-bottom:0}
.ai-card-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
.ai-card-pair+.ai-card-pair{margin-top:34px;padding-top:34px;border-top:1px solid var(--line)}
.ai-system-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.ai-system-card>.system-evidence{margin-bottom:22px}
.system-evidence{margin:0;min-width:0;width:100%}
.system-image,.system-video{display:block;position:relative;width:100%;aspect-ratio:var(--card-image-ratio);padding:0;border:0;border-radius:0;background:#101214;overflow:hidden}
.system-image{cursor:zoom-in}
.system-image>img,.system-video>video{display:block;width:100%;height:100%;object-fit:contain}
.system-image>img{transition:opacity .2s ease}
.system-image:hover>img{opacity:.9}
.character-board .system-image{background:#e6eef2}
.tool-screen .system-image{background:#eef4f6}
.tool-screen .system-image>img{object-fit:cover;object-position:center 33%}
/* The deck's image strips are framed without distorting their proportions. */
.brand-board .system-image>img{height:auto;position:absolute;top:50%;transform:translateY(-50%);clip-path:inset(23% 3.8% 21%);scale:1.08}
.system-evidence figcaption{font-size:13px;line-height:1.5;color:var(--muted);padding-top:8px;min-height:28px}
.enlarge-mark{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:28px;height:28px;background:#171717;color:#fff;border:1px solid #828282;border-radius:50%;font-size:16px;pointer-events:none}
.ai-system-card>.section-label{font-size:17px;margin:0 0 14px;line-height:1.5}
.ai-system-card>h3{font-size:clamp(28px,2.65vw,42px);line-height:1.15;letter-spacing:-.03em;text-wrap:initial;margin:0 0 20px}
.ai-system-card>p{font-size:clamp(18px,1.55vw,21px);line-height:1.65;color:var(--muted);margin:0 0 24px}
.ai-system-card>.pill{margin-top:auto}
.ai-closing{border-top:1px solid var(--line);padding:34px 0 12px;display:grid;grid-template-columns:2fr 3fr;gap:24px 40px}
.ai-closing>.section-label{grid-column:1/-1}
.ai-closing>h2{grid-column:1/-1;font-size:clamp(28px,2.6vw,38px);line-height:1.25}
.ai-closing-copy{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px 40px;align-items:start}
.ai-closing-column{display:flex;flex-direction:column;gap:24px;min-width:0}
.ai-closing-column>p{font-size:clamp(18px,1.65vw,22px);color:var(--muted)}
.ai-closing>.ai-teaching{grid-column:1/-1;margin:10px 0 0;min-width:0}
.ai-teaching .teaching-image{display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;background:#171717;overflow:hidden;cursor:zoom-in}
.ai-teaching .teaching-image img{display:block;width:100%;height:100%;object-fit:cover}
.ai-teaching .teaching-image:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.ai-teaching figcaption{padding-top:12px;font-size:14px;line-height:1.5;color:var(--muted)}
.motion-delivery{margin:24px 0 36px;max-width:100%}
.motion-delivery .system-video{aspect-ratio:3390/1620}
.motion-examples{margin-top:34px}
.motion-project{scroll-margin-top:28px}
.motion-project+.motion-project{margin-top:36px}
.motion-project>.page-focus{margin-bottom:26px}
.motion-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 34px}
.motion-video-single{grid-template-columns:1fr}
.motion-video-card{min-width:0;margin:0}
.motion-video-card figcaption{padding-top:16px}
.motion-video-card h3{font-size:clamp(22px,2vw,28px);line-height:1.3;margin:0 0 8px;color:var(--orange)}
.motion-video-card figcaption>p{font-size:16px;line-height:1.65;color:var(--muted);margin:0 0 10px}
.motion-video-meta{display:block;font-size:13px;line-height:1.5;color:var(--muted)}
.motion-project>.motion-delivery{margin:0}
.motion-subsection{margin-top:34px;scroll-margin-top:28px}
.motion-subsection>.page-focus{margin-bottom:26px}
.motion-subsection>.motion-delivery{margin:0}
@supports(grid-template-rows:subgrid){
 @media(min-width:761px){
  .ai-card-pair{row-gap:0}
  .ai-system-card{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0;align-items:start;justify-items:start}
  .ai-system-card>.pill{margin-top:0}
 }
}
@media(max-width:760px){
 .ai-systems-page .page-opening{padding-bottom:26px}
 .ai-systems-page .page-focus{margin-bottom:28px}
 .ai-system-grid{padding-bottom:32px}
 .ai-card-pair{grid-template-columns:1fr;gap:0}
 .ai-card-pair+.ai-card-pair,.ai-system-card+.ai-system-card{margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}
 .ai-system-section{padding-bottom:30px}
 .ai-system-section+.ai-system-section{padding-top:28px}
 .ai-system-card>h3{font-size:clamp(28px,6.5vw,36px)}
 .ai-closing{grid-template-columns:1fr;gap:20px;padding-top:28px}
 .ai-closing-copy{grid-template-columns:1fr;gap:20px}
 .ai-closing-column{gap:20px}
 .ai-system-card>.system-evidence{margin-bottom:20px}
 .motion-video-grid{grid-template-columns:1fr;gap:28px}
 .motion-project+.motion-project{margin-top:30px}
 .motion-project>.page-focus{margin-bottom:22px}
 .motion-subsection{margin-top:28px}
 .motion-subsection>.page-focus{margin-bottom:22px}
}
@media(prefers-reduced-motion:reduce){.system-image>img{transition:none}}