/* A shared illustration and featured article for the content strategy story. */
.content-purpose{background:linear-gradient(#0a080eb3,#0a080eb3)}
.content-purpose-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px}
.content-purpose h2{max-width:15ch;font-size:clamp(34px,3.8vw,50px)}
.content-purpose-copy>p:not(.section-label){max-width:43ch;font-size:16px;line-height:1.8;color:#b5adbf;margin-top:23px}
.content-purpose-copy>p.content-method{color:#dbd0e5;font-size:15px}
.content-purpose-copy .text-link{margin-top:22px;color:#d0aefa}
.content-purpose-figure{margin:0;padding:24px 20px 18px;border:1px solid #483153;border-radius:18px;background:radial-gradient(ellipse at top right,#77439c16,transparent 70%),#110d18b3;min-width:0}
.content-loop-illustration{display:block;width:100%;height:auto;overflow:visible}
.content-purpose-figure figcaption{text-align:center;font-size:12px;line-height:1.7;color:#a99ab7;margin:9px 12px 0}
.content-feed,.content-return{stroke-dasharray:1;stroke-dashoffset:0}
.content-stage{transform-box:fill-box;transform-origin:center}
.is-playing .content-feed{animation:content-draw .85s ease-out both}
.is-playing .content-create{animation:content-focus .95s ease-out .5s both}
.is-playing .content-measure{animation:content-focus .95s ease-out 1.1s both}
.is-playing .content-improve{animation:content-focus .95s ease-out 1.7s both}
.is-playing .content-return{animation:content-draw 1.1s ease-out 2.2s both}
@keyframes content-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes content-focus{0%{opacity:.55}50%{opacity:1;transform:translateY(-3px)}100%{opacity:1;transform:none}}
.insight-feature{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:48px;padding:36px;margin-bottom:32px;border:1px solid #4c335d;border-radius:16px;background:linear-gradient(125deg,#231430ba,#111017de)}
.insight-feature-visual{display:block;min-width:0}
.insight-feature-visual img{display:block;width:100%;height:auto}
.insight-feature h3{font-size:clamp(26px,3vw,37px);line-height:1.2;max-width:23ch}
.insight-feature h3 a{text-decoration:none}
.insight-feature h3 a:hover{color:var(--light)}
.insight-feature .eyebrow{font-size:10px;letter-spacing:.09em;margin-bottom:18px}
.insight-feature p:not(.eyebrow){font-size:15px;color:#b8afc2;line-height:1.8;margin-top:18px;max-width:47ch}
.insight-feature .text-link{margin-top:18px;color:#d0aefa}
.content-article-figure{margin:30px 0 38px;padding:24px;border:1px solid #483153;border-radius:14px;background:#110d18e6}
.content-article-figure img{display:block;width:100%;height:auto;max-width:540px;margin:auto}
.content-article-figure figcaption{font-size:12px;line-height:1.8;color:#ad9fb8;text-align:center;margin-top:15px}
@media(max-width:1050px){.content-purpose-grid{gap:36px}.content-purpose-figure{padding:20px 12px}.insight-feature{gap:30px;padding:28px}}
@media(max-width:820px){.content-purpose-grid{grid-template-columns:1fr;gap:32px}.content-purpose-copy>p:not(.section-label){max-width:59ch}.content-purpose-figure{width:100%;max-width:560px;justify-self:start}.insight-feature{grid-template-columns:.85fr 1.15fr;gap:24px}.insight-feature h3{font-size:27px}}
@media(max-width:580px){.content-purpose h2{font-size:37px}.content-purpose-copy>p:not(.section-label){font-size:15px;margin-top:20px}.content-purpose-copy>p.content-method{font-size:14px}.content-purpose-figure{padding:16px 8px;border-radius:13px}.content-purpose-figure figcaption{font-size:11px;margin-top:8px}.insight-feature{grid-template-columns:1fr;gap:24px;padding:23px}.insight-feature-visual{max-width:390px}.insight-feature h3{font-size:29px}.insight-feature p:not(.eyebrow){font-size:14px;margin-top:14px}.insight-feature .eyebrow{font-size:9px;margin-bottom:13px}.content-article-figure{padding:16px 8px}.content-article-figure figcaption{font-size:11px;padding:0 10px}}
@media(prefers-reduced-motion:reduce){.is-playing .content-feed,.is-playing .content-return,.is-playing .content-stage{animation:none!important}}