.cx-scope-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:34px 0}
.cx-scope-grid article {border-top:2px solid var(--gold);padding-top:18px}
.cx-scope-grid span {font:13px var(--display);letter-spacing:.06em;color:var(--pink)}
.cx-scope-grid h3 {font-size:25px;line-height:1.15;margin:12px 0}
.cx-scope-grid p {font-size:15px;line-height:1.5}
.cx-production video {display:block;width:100%;height:auto;background:#000}
.cx-transcript {border:1px solid var(--line);padding:20px;margin-top:30px;scroll-margin-top:24px}
.cx-transcript summary {font:20px var(--display);cursor:pointer;min-height:32px}
.cx-transcript li {margin:16px 0}
.cx-pitch-cover {margin-top:30px}
.cx-pitch-cover summary {cursor:pointer;font-family:var(--display);padding:16px 0}
.project-cx {margin-top:24px;display:grid;grid-template-columns:1fr 1.25fr;background:#1e1028}
.project-cx .project-copy {padding:40px}
.project-cx .cx-card-image {display:flex;align-items:center;padding:28px;background:var(--plum)}
.project-cx img {display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:4px}
@media(max-width:700px){.cx-scope-grid{grid-template-columns:1fr}.project-cx{grid-template-columns:1fr}.project-cx .cx-card-image{grid-row:1;padding:20px}.project-cx .project-copy{padding:26px}}

.cx-at-glance {margin:36px 0 0;padding:24px 0;border-top:1px solid var(--line)}
.cx-at-glance h2.section-kicker {font-size:13px;font-weight:500;letter-spacing:.08em;margin:0 0 22px}
.cx-at-glance dl {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0}
.cx-at-glance dl>div {border-top:1px solid var(--line);padding-top:18px}
.cx-at-glance dt {font:600 clamp(24px,2.5vw,34px)/1.15 var(--display);color:var(--pink)}
.cx-at-glance dd {margin:12px 0 0;font-size:16px;line-height:1.45;color:var(--muted)}
#lessons h3 {margin-top:32px}
@media(max-width:700px){.cx-at-glance dl{grid-template-columns:1fr;gap:22px}}

/* Pair the two Cisco AI case studies on wide screens. */
.featured-projects {display:grid;gap:24px}
.featured-projects .project-cx {margin-top:0}
@media(min-width:1000px) {
 .featured-projects {grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
 .featured-projects>.project {display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:340px 1fr;min-width:0;min-height:0}
 .featured-projects .ai-art,.featured-projects .cx-card-image {grid-row:1;min-height:0;height:340px}
 .featured-projects .project-copy {grid-row:2;padding:30px;min-width:0}
 .featured-projects .project-button {margin-top:auto}
}