/* Article template — follows the reference's post composition (c-hero-post → c-wysiwyg with block_sidebar/block_main, media-text figures, single-card USP sections). */
.article-page{background:var(--bone)}
.post-container{width:100%;max-width:var(--content-max);margin:auto;padding:0 var(--gutter)}
.post-grid{display:flex;flex-direction:column;gap:44px}
@media(min-width:1025px){.post-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:60px;align-items:start}}

/* Hero post */
.c-hero-post{padding:172px 0 60px}
.c-hero-post .block_sidebar{padding-top:6px}
.sidebar_back-btn{display:inline-flex;align-items:center;gap:6px;height:42px;color:var(--ink);text-decoration:none}
.sidebar_back-btn .btn_icon{position:relative;display:inline-flex;width:51px;height:42px;padding:9px;overflow:hidden;transform:scaleX(-1);transform-origin:center;transition:transform var(--motion-action,.24s) var(--ease)}
.sidebar_back-btn .btn_icon svg{position:absolute;inset:0;width:100%;height:100%}
.sidebar_back-btn .btn_icon svg path{fill:var(--orchid);transition:fill var(--motion-action,.24s) var(--ease)}
.sidebar_back-btn .btn_icon:before{content:'';position:absolute;top:0;right:4px;width:calc(100% - 8px);height:100%;background-repeat:no-repeat;background-size:10px 10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' viewBox='0 0 10 10'%3E%3Cpath fill='%23fff' d='M7.703 5.8H.398V4.6h7.305l-3.36-3.36.855-.84 4.8 4.8-4.8 4.8-.855-.84 3.36-3.36Z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' viewBox='0 0 10 10'%3E%3Cpath fill='%23222F30' d='M7.703 5.8H.398V4.6h7.305l-3.36-3.36.855-.84 4.8 4.8-4.8 4.8-.855-.84 3.36-3.36Z'/%3E%3C/svg%3E");background-position:center left -150%,center left 50%;transition:background-position var(--motion-action,.24s) var(--ease);z-index:2}
.sidebar_back-btn .btn_label{font:400 clamp(12px,calc(12px + .2vw - .88px),14px)/1 var(--mono);text-transform:uppercase;letter-spacing:0}
.sidebar_back-btn:hover .btn_icon,.sidebar_back-btn:focus-visible .btn_icon{transform:scaleX(-1) scale(.94)}
.sidebar_back-btn:hover .btn_icon svg path,.sidebar_back-btn:focus-visible .btn_icon svg path{fill:var(--ink)}
.sidebar_back-btn:hover .btn_icon:before,.sidebar_back-btn:focus-visible .btn_icon:before{background-position:center left 50%,center left 150%}
.post-meta{display:flex;align-items:center;gap:28px;margin-bottom:30px}
.meta_type{display:inline-flex;align-items:center;gap:10px;height:30px;padding:0 12px 0 10px;border-radius:6px;background:var(--color-white);font:400 clamp(12px,calc(12px + .2vw - .88px),14px)/1 var(--mono);text-transform:uppercase}
.meta_type:before{content:'';width:6px;height:6px;background:var(--orchid)}
.meta_date{font:400 clamp(13px,calc(13px + .2vw - .88px),15px)/1 var(--mono);letter-spacing:-.02em;text-transform:uppercase;color:var(--color-muted-text)}
.c-hero-post h1{font-size:var(--type-display);line-height:1.1;letter-spacing:-.02em;text-wrap:balance;max-width:846px}
.motion-ready .c-hero-post h1,.motion-ready .post-meta,.motion-ready .c-hero-post .block_sidebar{animation:post-rise var(--motion-enter,.36s) both var(--ease)}
.motion-ready .post-meta{animation-delay:.05s}.motion-ready .c-hero-post h1{animation-delay:.12s}
@keyframes post-rise{from{opacity:0;transform:translateY(var(--motion-distance-text,8px))}to{opacity:1;transform:none}}

/* Wysiwyg */
.c-wysiwyg{padding:20px 0 40px}
.sidebar_inner{display:flex;flex-direction:column;gap:32px;max-width:370px}
@media(min-width:1025px){.sidebar_inner{position:sticky;top:120px}}
.post-author{display:flex;align-items:center;gap:16px}
.author_image{display:block;flex:none;width:46px;height:46px;background:var(--orchid);overflow:hidden}
.author_image img{display:block;width:100%;height:100%}
.author_name{font-size:16px;line-height:1;letter-spacing:-.01em}
.author_title{margin-top:8px;font:400 13px/1 var(--mono);letter-spacing:-.02em;text-transform:uppercase;color:var(--color-muted-text)}
.share{display:flex;align-items:center;gap:22px}
.share_label{font:400 12px/1 var(--mono);text-transform:uppercase;color:var(--color-muted-text)}
.share_icons{display:flex;align-items:center;gap:20px}
.icons_btn{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:var(--ink);cursor:pointer;transition:color .3s var(--ease),transform .3s var(--ease)}
.icons_btn svg{width:18px;height:18px;display:block}
.icons_btn.js-copy-url svg{shape-rendering:crispEdges}
.icons_btn:hover,.icons_btn:focus-visible{transform:translateY(-2px)}
.icons_btn[data-copied]{color:#8d7395}
.share_status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.post-contents{padding-top:24px;border-top:1px solid #17161b1a}
.post-contents p{font:400 12px/1 var(--mono);text-transform:uppercase;color:var(--color-muted-text);margin-bottom:14px}
.post-contents ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.post-contents a{display:block;padding:10px 0;border-top:1px solid #17161b0f;font-size:15px;line-height:1.3;letter-spacing:-.01em;color:#17161bb3;transition:color .3s var(--ease)}
.post-contents li:first-child a{border-top:0;padding-top:0}
.post-contents a:hover{color:var(--ink)}
.post-contents small{display:block;margin-top:16px;font:400 12px/1 var(--mono);color:var(--color-muted-text);text-transform:uppercase}

.block_main{min-width:0}
.block_content{max-width:846px;container:article-body / inline-size;font-size:clamp(16px,calc(16px + .3vw - 1.32px),19px);line-height:1.3;letter-spacing:-.02em}
.block_content>*+*{margin-top:1.8em}
.block_content h2{font-size:clamp(24px,calc(24px + .8vw - 3.5px),32px);line-height:1.1;letter-spacing:-.02em;text-wrap:pretty;margin-top:2.4em}
.block_content h3{font-size:clamp(19px,calc(19px + .4vw - 1.8px),23px);line-height:1.2;letter-spacing:-.02em}
.block_content p{display:block;text-wrap:pretty}
.block_content>p:not(.deck),.block_content>ul,.block_content>ol{max-width:64ch}
.block_content a{text-decoration:underline;text-underline-offset:.16em;text-decoration-thickness:1px;transition:color .3s var(--ease)}
.block_content a:hover{color:#8d7395}
.block_content strong{font-weight:400}
.block_content .deck{font-size:clamp(22px,calc(22px + .7vw - 3px),32px);line-height:1.2;letter-spacing:-.02em;color:#17161bcc;text-wrap:pretty}
.block_content ul{list-style:revert;margin:1.8em 0 0 10px;padding:0 10px}
.block_content li{margin:0 0 10px;padding-left:10px}
.block_content li::marker{font-variant-numeric:tabular-nums}

/* Key takeaways: sidebar-ascent panel from the platform section */
.takeaways{position:relative;padding:36px 0 0;margin-top:2em}
.takeaways:before{content:'';position:absolute;top:0;left:0;width:100%;height:12px;border:1px solid #17161b1a;border-bottom:0;border-radius:8px 8px 0 0}
.takeaways .section-label{display:flex;align-items:center;gap:10px;margin-bottom:22px}
.takeaways .section-label:before{content:'';width:6px;height:6px;background:var(--label-marker,var(--color-ink))}
.takeaways ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.takeaways li{position:relative;margin:0;padding:0 0 0 28px;font-size:clamp(16px,calc(16px + .2vw - .9px),18px);line-height:1.35}
.takeaways li:before{content:'↗';position:absolute;left:0;top:.1em;font:400 14px/1.3 var(--mono)}

/* Media + text figure */
.wp-block-media-text{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:32px;align-items:start;margin:2.4em 0}
.wp-block-media-text__media{margin:0;width:100%;min-width:0}
.wp-block-media-text__media img,.wp-block-media-text__media svg{display:block;width:100%;height:auto;border-radius:6px}
.wp-block-media-text__content{min-width:0;padding:20px 0 0;border-top:1px solid #17161b26}
.wp-block-media-text__content p{font-size:16px;line-height:1.55;letter-spacing:-.01em;color:var(--color-muted-text);margin:0}
.wp-block-media-text__content p+p{margin-top:16px}
.wp-block-media-text__content strong{color:var(--ink)}
.wp-block-media-text__content>p>strong:first-child{display:block;margin-bottom:8px;font:12px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.03em}
.wp-block-media-text__content .chart-caption__eyebrow{font:12px/1.4 var(--mono);letter-spacing:.03em;text-transform:uppercase;color:var(--color-muted-text)}
.wp-block-media-text__content h3{margin:14px 0 18px;font-size:26px;line-height:1.15;letter-spacing:-.025em;text-wrap:balance}
.evidence-chart{padding:clamp(20px,3.8cqi,32px);border-radius:0;background:var(--color-white);color:var(--ink)}
.evidence-chart__title{font:12px/1.5 var(--mono);letter-spacing:.03em;text-transform:uppercase;border-top:1px solid var(--color-border);padding-top:16px}
.evidence-chart__subtitle{margin:8px 0 28px!important;font-size:14px;line-height:1.4;color:var(--color-muted-text);letter-spacing:0}
.evidence-chart__rows{display:grid;gap:28px;margin:0}
.evidence-chart__rows dt{font-size:18px;line-height:1.35;letter-spacing:-.015em}
.evidence-chart__rows dd{margin:10px 0 0}
.evidence-chart__bar{height:34px;background:var(--color-surface-dim)}
.evidence-chart__fill{display:flex;align-items:center;justify-content:flex-end;width:var(--value);height:100%;padding-right:10px;background:var(--ink);color:white;font:14px/1 var(--mono)}
.evidence-chart__fill--orchid{background:var(--orchid);color:var(--ink)}
.evidence-chart__fill--forecast{background:repeating-linear-gradient(135deg,var(--color-ink) 0px,var(--color-ink) 5px,#4f4f51 5px,#4f4f51 7px)}
.evidence-chart__source{margin:10px 0 0!important;font:11px/1.5 var(--mono);letter-spacing:.01em;color:var(--color-muted-text)}
.block_content .chart-sources{list-style:none;display:grid;gap:8px;margin:24px 0 0;padding:18px 0 0;border-top:1px solid #17161b26}
.block_content .chart-sources li{margin:0;padding:0;font-size:14px;line-height:1.4}
.chart-sources a{display:inline-block;padding:3px 0}
.wp-block-image{margin:2.4em 0 0}
.wp-block-image img{display:block;width:100%;height:auto;border-radius:0}
.wp-block-image figcaption{margin-top:14px;font-size:clamp(14px,calc(14px + .2vw - .9px),16px);line-height:1.4;color:#17161bb3}
@container article-body (max-width:700px){.wp-block-media-text{grid-template-columns:1fr;gap:24px}.wp-block-media-text__content{padding-top:20px}.evidence-chart__rows dt{font-size:17px}}
@media(max-width:640px){.wp-block-media-text{grid-template-columns:1fr;gap:24px}.wp-block-media-text__media{width:100%}}

/* Single-card USP sections (the reference's three "modes") */
.c-usp-grid{margin-top:2.4em}
.c-usp-grid+.c-usp-grid{margin-top:20px}
.cards_item{--card-bg:#eee;--card-text:var(--ink);--card-muted:#17161bb3;position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:36px;min-height:420px;padding:40px;border-radius:0;background:var(--card-bg);color:var(--card-text);overflow:hidden}
.cards_item.-dark{--card-bg:var(--ink);--card-text:var(--color-white);--card-muted:#ffffffb3}
.cards_item.-soft{--card-bg:#e4e3e3}
.card_index{position:absolute;top:40px;right:40px;font:400 clamp(12px,calc(12px + .2vw - .88px),14px)/1 var(--mono);letter-spacing:-.02em;text-transform:uppercase}
.card_icon{display:flex;width:48px;height:48px}
.card_icon svg{width:48px;height:48px;display:block;shape-rendering:crispEdges}
.card_content{display:flex;flex-direction:column;gap:16px}
.card_label{font:400 clamp(12px,calc(12px + .2vw - .88px),14px)/1 var(--mono);text-transform:uppercase;opacity:.7}
.card_heading{font-size:clamp(26px,calc(26px + .2vw - .88px),28px);line-height:1.1;letter-spacing:-.02em;text-wrap:pretty}
.card_tagline{font-size:clamp(16px,calc(16px + .3vw - 1.32px),19px);line-height:1.3;letter-spacing:-.02em;color:var(--card-muted)}
.card_text{display:flex;flex-direction:column;gap:1em;font-size:clamp(16px,calc(16px + .3vw - 1.32px),19px);line-height:1.3;letter-spacing:-.02em;opacity:.85}
.card_text p{margin:0}
.card_text a{color:inherit}
.card_verdict{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px;padding-top:20px;border-top:1px solid currentColor;--tw-border-opacity:.15}
.cards_item .card_verdict{border-color:color-mix(in srgb,currentColor 18%,transparent)}
.card_verdict p{margin:0;font-size:clamp(15px,calc(15px + .2vw - .9px),17px);line-height:1.35}
.card_kicker{display:block;margin-bottom:8px;font:400 12px/1 var(--mono);text-transform:uppercase;opacity:1}
@media(min-width:1025px){
 .motion-ready .cards_item:not(.is-visible){clip-path:polygon(0 0,0 0,0 100%,0 100%)}
 .motion-ready .cards_item:not(.is-visible)>.card_index,.motion-ready .cards_item:not(.is-visible)>.card_icon,.motion-ready .cards_item:not(.is-visible) .card_content>*{opacity:0;transform:translateY(var(--motion-distance-text,8px))}
 .cards_item.is-visible{animation:reveal-card .52s both var(--ease)}
 .cards_item.is-visible>.card_index,.cards_item.is-visible>.card_icon,.cards_item.is-visible .card_content>*{animation:reveal-content var(--motion-enter,.36s) both var(--ease);animation-delay:var(--content-delay,0s)}
 .cards_item.is-visible>.card_icon{--content-delay:.06s}.cards_item.is-visible .card_label{--content-delay:.1s}.cards_item.is-visible .card_heading{--content-delay:.14s}.cards_item.is-visible .card_tagline{--content-delay:.18s}.cards_item.is-visible .card_text{--content-delay:.22s}
}
@media(max-width:1024px){.cards_item{min-height:280px;padding:24px}.card_index{top:24px;right:24px}.card_verdict{grid-template-columns:1fr}}

/* Pull-quote style rule */
.post-rule{position:relative;margin-top:2.4em;padding:28px 0 0;border-top:1px solid var(--ink);font-size:clamp(19px,calc(19px + .6vw - 2.6px),25px);line-height:1.25;letter-spacing:-.02em;text-wrap:pretty}
.post-rule:before{content:'';position:absolute;top:-1px;left:0;width:64px;height:2px;background:var(--orchid)}

/* Closer and FAQ */
.post-closer{margin-top:3em;font-size:clamp(28px,calc(28px + 1.6vw - 7px),44px);line-height:1.1;letter-spacing:-.03em}
.post-closer span{display:block}.post-closer span+span{color:var(--color-muted-text)}
.post-faq{margin-top:3em;border-top:1px solid #17161b1a;padding-top:2.4em}
.post-faq h2{margin-top:0}
.faq_item{padding:22px 0;border-bottom:1px solid #17161b14}
.faq_item:last-child{border-bottom:0}
.faq_item h3{margin:0 0 10px}
.faq_item p{margin:0;font-size:clamp(15px,calc(15px + .3vw - 1.3px),18px);line-height:1.4;color:#17161bcc}
.post-signoff{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-top:3em;padding-top:28px;border-top:1px solid #17161b1a}
.post-signoff .share{margin:0}

/* Final CTA spacing on this page */
.article-page .final-cta{margin-top:80px}

@media(max-width:1024px){
 .c-hero-post{padding:140px 0 40px}
 .post-meta{gap:16px;flex-wrap:wrap;margin-bottom:22px}
 .c-wysiwyg{padding-top:0}
 .post-grid{gap:36px}
 .block_content h2{margin-top:2em}
 .post-contents{display:none}
}
@media(prefers-reduced-motion:reduce){.motion-ready .cards_item:not(.is-visible){clip-path:none}.motion-ready .cards_item:not(.is-visible)>*,.motion-ready .cards_item:not(.is-visible) .card_content>*{opacity:1;transform:none}}

/* Related posts retain the original notched lime corner action. */
.posts-heading{display:flex;flex-direction:column;gap:20px;margin-bottom:36px}
.posts-heading h2{font-size:var(--type-section);line-height:1.1;letter-spacing:-.02em}
.posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.post-thumb_meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
.post-thumb_meta .meta_type{background:var(--bone)}
.post-thumb .title_el{background-image:none;text-decoration:none}
.post-thumb:hover .title_el,.post-thumb:focus-visible .title_el{text-decoration:none}
.post-thumb:focus-visible{outline:2px solid var(--ink);outline-offset:5px}

/* Reading-page rebuild: an editorial opening with the article image in context.
   The index owns discovery; this shell is deliberately calmer and easier to read. */
.article-page{overflow-x:clip}
.c-hero-post{padding:clamp(128px,14vw,184px) 0 clamp(44px,6vw,84px)}
.c-hero-post .post-container{max-width:1440px}
.c-hero-post .block_sidebar{padding-top:4px}
.article-intro-grid{display:grid;grid-template-columns:minmax(320px,.7fr) minmax(680px,1.4fr);gap:clamp(30px,3.5vw,54px);align-items:center}
.article-intro-copy{min-width:0}
.c-hero-post .post-meta{gap:12px;margin:0 0 22px}
.meta_type{height:auto;min-height:26px;padding:7px 9px;border-radius:4px;background:var(--color-white);font-size:11px;letter-spacing:.01em}
.meta_type:before{width:5px;height:5px}
.meta_date{font-size:11px;letter-spacing:.01em}
.c-hero-post h1{max-width:13ch;margin:0;font-size:var(--type-display);line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.article-intro-copy .deck{max-width:38ch;margin:24px 0 0;font-size:clamp(18px,1.55vw,25px);line-height:1.28;letter-spacing:-.025em;color:color-mix(in srgb,var(--ink) 79%,transparent);text-wrap:pretty}
.article-intro-byline{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:26px 0 0;color:var(--color-muted-text);font:400 11px/1.35 var(--mono);letter-spacing:.015em;text-transform:uppercase}
.article-intro-byline span+span{position:relative;padding-left:16px}
.article-intro-byline span+span:before{content:'';position:absolute;left:0;top:50%;width:3px;height:3px;border-radius:50%;background:var(--orchid);transform:translateY(-50%)}
.article-hero-media{min-width:0;margin:0}
.article-hero-media picture,.article-hero-media img{display:block;width:100%}
.article-hero-media img{height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:0;box-shadow:none;filter:brightness(1.04) saturate(1.03)}
.article-hero-media figcaption{max-width:52ch;margin:10px 0 0;font-size:12px;line-height:1.4;color:var(--color-muted-text)}
.c-wysiwyg{padding:0 0 80px}
.c-wysiwyg .post-container{max-width:1360px}
@media(min-width:1025px){.c-hero-post .post-grid{display:block}.c-hero-post .block_sidebar{margin-bottom:clamp(24px,2.6vw,38px)}.c-wysiwyg .post-grid{grid-template-columns:190px minmax(0,720px);justify-content:center;gap:clamp(52px,8vw,112px)}.sidebar_inner{max-width:190px}.post-author{gap:10px}.author_image{width:38px;height:38px}.author_name{font-size:14px}.author_title{font-size:10px;line-height:1.3}.share{gap:10px;align-items:flex-start;flex-direction:column}.share_icons{gap:3px}.icons_btn{width:34px;height:34px}.post-contents{padding-top:18px}.post-contents a{font-size:13px}.block_content{max-width:72ch;font-size:clamp(17px,1.25vw,19px);line-height:1.52;letter-spacing:-.018em}.block_content>*+*{margin-top:1.55em}.block_content>p:not(.deck),.block_content>ul,.block_content>ol{max-width:68ch}.block_content h2{max-width:24ch;margin-top:2.55em;font-size:clamp(27px,2.1vw,38px);line-height:1.08;letter-spacing:-.04em}.block_content h3{font-size:clamp(20px,1.35vw,25px);line-height:1.16}.block_content .deck{display:none}}
.block_content .deck{display:none}
.block_content p{max-width:68ch;text-wrap:pretty}
.block_content ul,.block_content ol{max-width:64ch}
.takeaways{max-width:68ch;margin:2.25em 0;padding:26px 28px 28px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:0;background:var(--color-white)}
.takeaways:before{top:-1px;left:28px;width:44px;height:2px;border:0;border-radius:0;background:var(--orchid)}
.takeaways .section-label{margin-bottom:17px;font-size:11px}.takeaways ul{gap:11px}.takeaways li{padding-left:18px;font-size:16px;line-height:1.45}.takeaways li:before{content:'–';font:400 16px/1.45 var(--mono)}
.wp-block-image,.wp-block-media-text{max-width:100%;margin:2.6em 0}
.wp-block-image img,.wp-block-media-text__media img,.wp-block-media-text__media svg{border-radius:0}
.wp-block-image figcaption{max-width:58ch;margin-top:9px;font-size:12px;line-height:1.45;color:var(--color-muted-text)}
.wp-block-media-text{grid-template-columns:minmax(0,1fr);gap:12px;max-width:68ch}.wp-block-media-text__content{max-width:58ch;padding:12px 0 0}.wp-block-media-text__content p{font-size:14px;line-height:1.5}.wp-block-media-text__content h3{font-size:22px}
.evidence-chart{padding:clamp(20px,4vw,38px);border:1px solid color-mix(in srgb,var(--ink) 11%,transparent);border-radius:0;box-shadow:none}
.block_content table{display:block;max-width:100%;overflow-x:auto;border-collapse:separate;border-spacing:0;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);border-radius:0;background:var(--color-white);font-size:14px;line-height:1.4;white-space:normal;-webkit-overflow-scrolling:touch}
.block_content th,.block_content td{min-width:132px;padding:14px 16px;text-align:left;vertical-align:top;border-right:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}
.block_content th{background:var(--color-surface-dim);font:400 11px/1.35 var(--mono);letter-spacing:.02em;text-transform:uppercase}.block_content th:last-child,.block_content td:last-child{border-right:0}.block_content tr:last-child td{border-bottom:0}
.post-rule{max-width:67ch;margin-top:2.8em;padding:24px 0 0;font-size:clamp(21px,1.8vw,30px);line-height:1.2}.post-faq{max-width:68ch}.faq_item{padding:20px 0}.post-signoff{max-width:68ch}.article-page .final-cta{margin-top:20px}
.c-posts-grid{padding:clamp(72px,7vw,96px) 0 0}.c-posts-grid .post-container{max-width:1200px}.posts-heading{margin-bottom:26px}.posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.post-thumb{position:relative;isolation:isolate;display:flex;height:100%;min-height:0;flex-direction:column;gap:0;padding:0 0 96px;overflow:visible;border:0;border-radius:0;background:transparent;color:var(--ink);text-decoration:none;filter:drop-shadow(0 0 0 color-mix(in srgb,var(--ink) 0%,transparent));transition:filter .28s var(--ease)}
.post-thumb_surface{position:absolute;z-index:0;inset:0;border-radius:0;background:var(--color-white);clip-path:polygon(100% 0,100% calc(100% - 75px),calc(100% - 75px) calc(100% - 75px),calc(100% - 75px) 100%,0 100%,0 0);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 12%,transparent);pointer-events:none}
.post-thumb:before{content:'';position:relative;z-index:1;display:block;aspect-ratio:4/3;border-radius:0;background:var(--post-image) var(--post-focal,center 36%)/cover no-repeat}
.post-thumb:after{content:'';position:absolute;right:0;bottom:0;z-index:2;width:87px;height:90px;background:var(--color-white);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 87 90'%3E%3Cpath d='M35.43 45.104 23.71 81.57A12.146 12.146 0 0 1 12.145 90C5.438 90 0 84.562 0 77.854V16C0 7.163 7.163 0 16 0h55c8.837 0 16 7.163 16 16v2c0 8.837-7.163 16-16 16H50.663a16 16 0 0 0-15.232 11.104Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 87 90'%3E%3Cpath d='M35.43 45.104 23.71 81.57A12.146 12.146 0 0 1 12.145 90C5.438 90 0 84.562 0 77.854V16C0 7.163 7.163 0 16 0h55c8.837 0 16 7.163 16 16v2c0 8.837-7.163 16-16 16H50.663a16 16 0 0 0-15.232 11.104Z'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
.post-thumb_meta,.post-thumb_title{position:relative;z-index:1;margin-inline:22px}.post-thumb_meta{order:1;margin-top:19px}.post-thumb_title{order:2;flex:1 1 auto;margin-top:15px;font-size:clamp(20px,1.65vw,26px);line-height:1.12}
html body .post-thumb .post-thumb_foot.lp-action[data-lp-variant="tertiary"]{--action-icon:var(--orchid);--action-arrow:var(--ink);--action-hover-icon:var(--ink);--action-hover-arrow:var(--color-white);position:absolute;left:22px;right:0;bottom:0;z-index:3;display:flex;width:auto;max-width:none;height:48px;min-height:48px;margin:0;padding:0;pointer-events:none;font:400 12px/1 var(--mono);letter-spacing:.02em;text-transform:uppercase}
html body .post-thumb .post-thumb_foot.lp-action[data-lp-variant="tertiary"] .lp-action__label{height:48px;margin:0;padding:0 76px 0 0;background:transparent}
html body .post-thumb .post-thumb_foot.lp-action[data-lp-variant="tertiary"] .lp-action__icon{position:absolute;right:0;bottom:0;display:block;flex:0 0 51px;width:51px;height:48px}
.post-thumb:hover,.post-thumb:focus-visible{filter:drop-shadow(0 16px 28px #17161b14)}
.post-thumb[href*="automation-vs-ai"]{--post-image:url('/assets/blog/duotone/automation-vs-ai.webp');--post-focal:52% 34%}.post-thumb[href*="ai-readiness-checklist"]{--post-image:url('/assets/blog/duotone/ai-readiness.webp');--post-focal:50% 34%}.post-thumb[href*="ai-consultant-cost"]{--post-image:url('/assets/blog/duotone/ai-consultant-cost.webp');--post-focal:50% 32%}.post-thumb[href*="human-in-the-loop"]{--post-image:url('/assets/blog/duotone/human-in-the-loop.webp');--post-focal:50% 34%}.post-thumb[href*="ten-twenty-seventy"]{--post-image:url('/assets/blog/duotone/ten-twenty-seventy.webp');--post-focal:52% 34%}.post-thumb[href*="what-to-automate-first"]{--post-image:url('/assets/blog/duotone/what-to-automate-first.webp');--post-focal:50% 30%}
@media(max-width:1024px){.article-intro-grid{grid-template-columns:1fr;gap:28px}.c-hero-post h1{max-width:15ch}.article-hero-media{max-width:680px}.c-wysiwyg .post-grid{gap:30px}.sidebar_inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;max-width:none}.post-contents{display:none}.share{justify-self:end;gap:8px}.share_icons{gap:6px}.block_content{max-width:70ch;font-size:17px;line-height:1.5}.block_content .deck{display:none}.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1025px) and (max-width:1160px){.article-intro-grid{grid-template-columns:1fr;gap:30px}.article-hero-media{max-width:680px}}
@media(max-width:640px){.c-hero-post{padding-top:112px}.article-intro-grid{gap:22px}.c-hero-post h1{max-width:15ch;font-size:var(--type-display)}.article-intro-copy .deck{margin-top:18px;font-size:19px}.article-intro-byline{margin-top:20px}.article-hero-media img{aspect-ratio:4/3;object-position:center 34%}.c-wysiwyg{padding-bottom:56px}.sidebar_inner{display:flex;gap:16px}.sidebar_inner .post-author{display:none}.share{flex-direction:row;align-items:center}.share_label{font-size:10px}.block_content{font-size:16px;line-height:1.52}.block_content h2{font-size:29px;line-height:1.08}.takeaways{padding:23px 20px}.wp-block-image,.wp-block-media-text{margin:2.2em 0}.block_content th,.block_content td{min-width:118px;padding:12px}.posts{grid-template-columns:1fr;gap:16px}.post-thumb_meta,.post-thumb_title{margin-inline:17px}html body .post-thumb .post-thumb_foot.lp-action[data-lp-variant="tertiary"]{left:17px}.c-posts-grid{padding-top:64px}}
@media(prefers-reduced-motion:reduce){.post-thumb{transition:none}.post-thumb:hover{transform:none}}

/* Preserve section orientation on tablets and phones as a compact scrollable index. */
@media(max-width:1024px){.post-contents{display:block;grid-column:1/-1;padding:18px 0 0}.post-contents p{margin-bottom:10px}.post-contents ol{display:flex;flex-direction:row;gap:8px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin}.post-contents li{flex:0 0 auto}.post-contents li:first-child a,.post-contents a{min-height:44px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:999px;background:var(--color-white);white-space:nowrap}.post-contents small{display:none}}
@media(max-width:640px){.sidebar_inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.post-contents{grid-column:1/-1}}
