/* Editorial portfolio: the same navy / paper system across all public cases. */
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] { --portfolio-ink:#101d38; --portfolio-blue:#a9c5ff; --portfolio-line:#d8dfec; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main :is(.page-hero,.ghl-hero,.portfolio-n8n-hero) {
  background:#101d38!important; color:#fff!important; border:0!important; border-radius:0!important;
  padding:64px max(28px,calc((100vw - 1280px)/2)) 54px!important; margin:0!important;
  max-width:none!important; width:100%!important; position:relative; overflow:hidden;
}
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main :is(.page-hero,.ghl-hero,.portfolio-n8n-hero)::before,
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main :is(.page-hero,.ghl-hero,.portfolio-n8n-hero)::after { display:none!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main :is(.page-hero,.ghl-hero,.portfolio-n8n-hero) :is(h1,h2,h3) { color:#fff!important; text-wrap:balance; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main :is(.page-hero,.ghl-hero,.portfolio-n8n-hero) :is(p,li,dt,dd,small) { color:#c7d6ee!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main :is(.page-hero,.ghl-hero,.portfolio-n8n-hero) :is(.eyebrow,.ghl-kicker,.n8n-kicker) { color:#a9c5ff!important; font-size:11px!important; letter-spacing:.12em!important; line-height:1.7!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main :is(.page-hero,.ghl-hero,.portfolio-n8n-hero) h1 { font-size:clamp(42px,5.6vw,78px)!important; line-height:1.04!important; letter-spacing:-.055em!important; font-weight:550!important; max-width:19ch!important; margin:24px 0!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main :is(.page-hero,.ghl-hero,.portfolio-n8n-hero) a:not(.button) { color:#d3e1ff!important; text-decoration-color:#7492c5!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-hero-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr); gap:80px; align-items:center; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-hero-copy { min-width:0; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-hook { color:#a9c5ff!important; font-size:clamp(28px,3.3vw,48px)!important; line-height:1.14!important; font-weight:500; letter-spacing:-.035em; max-width:22ch; margin:0 0 28px!important; text-wrap:balance; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-hero-intro { font-size:16px!important; line-height:1.8!important; max-width:65ch!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-detail-hero .case-authority { font-size:11px!important; line-height:1.7!important; opacity:.8; margin-top:24px; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-detail-hero > .proof-tags { border-top:1px solid #3b4d6c; padding:22px 0 0!important; margin:40px 0 0!important; max-width:none!important; font-size:10px!important; letter-spacing:.06em!important; line-height:1.9!important; background:none!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-scope { background:#1a386b; padding:34px; border:1px solid #5475a955; border-radius:10px; }
.portfolio-scope-label { color:#b4cef9; font-size:10px; letter-spacing:.12em; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-scope ol { list-style:none; padding:0; margin:24px 0 30px; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-scope li { display:flex; align-items:center; gap:20px; border-bottom:1px solid #6d8bb955; padding:22px 0; line-height:1.35; }
.portfolio-scope li span { color:#a9c5ff; font-size:12px; }
.portfolio-scope li strong { color:#fff; font-weight:500; font-size:clamp(21px,2.1vw,30px); letter-spacing:-.025em; }
.portfolio-scope > a { display:flex; align-items:center; justify-content:space-between; font-size:12px; font-weight:600; }
.portfolio-scope > a span { font-size:28px; }
/* Large, inspectable previews. Keep one desktop/mobile pair per website. */
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-preview-section { display:block!important; padding:65px 44px 38px!important; margin:0 auto 64px!important; max-width:1280px!important; width:calc(100% - 56px)!important; background:#edf2fb!important; border:0!important; border-radius:0 0 16px 16px!important; box-shadow:none!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-preview-copy { position:static!important; top:auto; display:grid; grid-template-columns:1fr 1fr; align-items:end; column-gap:48px; margin-bottom:38px!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-preview-copy .eyebrow { grid-column:1/-1; font-size:10px!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-preview-copy h2 { font-size:clamp(30px,3.5vw,46px)!important; letter-spacing:-.04em!important; margin:10px 0 0!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-preview-copy > p:last-child { font-size:14px!important; margin:0!important; max-width:42ch; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-showcase { width:100%; max-width:1100px!important; margin:0 auto!important; padding-right:75px; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-browser-frame { border:1px solid #a3b4d0!important; border-radius:10px!important; box-shadow:0 22px 50px #1532611a!important; transition:transform .25s; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-browser-frame img { width:100%!important; height:auto!important; max-height:650px; object-fit:cover; object-position:top; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-phone-frame { width:23%!important; right:0!important; bottom:60px!important; border:6px solid #203354!important; border-radius:22px!important; box-shadow:0 18px 38px #13233a33!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-phone-frame img { display:block; width:100%!important; height:auto!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-showcase figcaption { margin-top:25px; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main :is(.project-dossier,.project-flow-board) { background:#173360!important; color:#fff!important; border:0!important; padding:42px!important; border-radius:10px; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main :is(.project-dossier,.project-flow-board) :is(p,li,h3,strong) { color:#e0ebff!important; }
/* Long-form content: generous hierarchy, fine rules, numbered chapters. */
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-story-grid { max-width:1280px; margin:0 auto 80px; column-gap:52px; row-gap:42px; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-story-card { border:0!important; border-top:1px solid #d8dfec!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; padding:28px 0!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-story-card h2 { font-size:clamp(27px,2.5vw,36px)!important; line-height:1.15!important; letter-spacing:-.035em!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-story-card :is(p,li) { font-size:15px!important; line-height:1.85!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-story-index { color:#426bd3!important; font-size:12px!important; margin-bottom:20px!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-story-nav { border-radius:6px; background:#edf2fb!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-story-nav a { font-size:12px!important; }
/* Reporting and bespoke automation cases share the same visual language. */
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .evidence-detail-hero { min-height:430px; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .evidence-detail-hero h1 { max-width:20ch!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .evidence-detail { max-width:1280px!important; padding-top:54px!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .evidence-detail > .evidence-metrics { background:#183463!important; padding:32px!important; border-radius:10px!important; border:0!important; gap:28px!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .evidence-detail > .evidence-metrics > div { background:transparent!important; border:0!important; padding:0!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .evidence-detail > .evidence-metrics dt { color:#c9d9f2!important; font-size:12px!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .evidence-detail > .evidence-metrics dd { color:#fff!important; font-size:clamp(30px,3.6vw,52px)!important; font-weight:500; letter-spacing:-.04em; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main :is(.evidence-gallery figure,.campaign-capture,.ghl-shot,.n8n-proof) { border:1px solid #d8dfec; border-radius:10px; overflow:hidden; box-shadow:0 12px 35px #142f5b0a; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .ghl-hero { padding-left:40px!important; padding-right:40px!important; border-radius:12px!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .ghl-hero h1 span { color:#a9c5ff!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .ghl-hero .button.secondary { color:#fff!important; border-color:#829ed0!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-n8n-hero { padding:45px!important; border-radius:12px!important; margin-bottom:65px!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-n8n-hero h1 { font-size:clamp(36px,4.8vw,62px)!important; max-width:23ch!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .n8n-tags span { background:#234477!important; border-color:#6384b5!important; color:#dce9ff!important; }
/* Portfolio and category openings. Cards keep authentic assets and scoped claims. */
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-library-hero { padding-top:64px!important; padding-bottom:60px!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-library-hero .upgrade-case-intro { gap:65px; align-items:end; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-library-hero .upgrade-case-intro > p { font-size:17px!important; line-height:1.8!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-category-nav a { background:#1b355f!important; color:#cfe0ff!important; border-color:#49658f!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-category-nav a[aria-current] { background:#c1d5ff!important; color:#101d38!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-category-caption { color:#b8c9e8!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-library-section { padding-top:55px!important; padding-bottom:40px!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-project-grid { gap:28px!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main :is(.case-project-card,.evidence-card) { border:1px solid #d3ddea!important; border-radius:12px!important; background:#fff!important; box-shadow:none!important; overflow:hidden; transition:transform .22s,box-shadow .22s; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main :is(.case-project-card,.evidence-card):hover { transform:translateY(-5px); box-shadow:0 22px 45px #152e5714!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-project-visual { border-radius:0!important; background:#e9eff9!important; padding:16px 16px 0; aspect-ratio:1.5!important; overflow:hidden; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-project-visual img { width:100%; height:100%; object-fit:cover; object-position:top; border-radius:6px 6px 0 0; transition:transform .45s; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-project-card:hover .case-project-visual img { transform:scale(1.025); }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-project-copy { padding:26px!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-project-copy h3 { font-size:27px!important; line-height:1.15!important; letter-spacing:-.035em!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-project-copy > p { font-size:13px!important; line-height:1.75!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-project-link { border-top:1px solid #d8dfec; padding-top:17px; font-size:12px!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-secondary-project { padding:28px!important; background:#edf2fb!important; border:0!important; border-radius:8px!important; }
.portfolio-card-concept { background:#183463; color:#b9d1ff; padding:32px; min-height:230px; display:flex; flex-direction:column; justify-content:space-between; text-decoration:none; }
.portfolio-card-concept strong { font-size:36px; line-height:1.1; letter-spacing:-.04em; font-weight:500; max-width:17ch; }
.portfolio-card-concept small { font-size:10px; letter-spacing:.1em; }
/* Authentic cropped proof, separate from aggregate totals. */
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .meta-events-case .event-proof-capture { margin:60px 0 0; padding:32px; background:#edf2fb; border-radius:10px; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .meta-events-case .event-proof-capture h2 { font-size:clamp(28px,3vw,40px); margin:0 0 18px; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .meta-events-case .event-proof-capture p { font-size:14px; line-height:1.8; color:#50617c!important; }
.event-proof-capture figure { margin:28px 0 0; }
.event-proof-capture img { width:100%; height:auto; display:block; border:1px solid #c3cede; border-radius:6px; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .event-proof-capture figcaption { font-size:12px; line-height:1.8; color:#50617c!important; margin:20px 0 0; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .event-proof-capture figcaption a { display:inline-block; margin-top:8px; }
@media(min-width:1000px) { html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-featured-grid .case-project-card:first-child .case-project-copy h3 { font-size:36px!important; } }
@media(max-width:900px) {
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-hero-grid { gap:35px; grid-template-columns:1.4fr 1fr; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-scope { padding:24px; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-preview-section { padding:40px 24px!important; }
}
@media(max-width:640px) {
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main :is(.page-hero,.ghl-hero,.portfolio-n8n-hero) { padding:38px 22px!important; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main :is(.page-hero,.ghl-hero,.portfolio-n8n-hero) h1 { font-size:42px!important; line-height:1.08!important; overflow-wrap:break-word; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-hero-grid { display:block; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-hook { font-size:30px!important; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-hero-intro { font-size:14px!important; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-scope { margin-top:30px; padding:25px; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-scope li { padding:15px 0; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-scope li strong { font-size:24px; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-preview-section { width:calc(100% - 32px)!important; padding:32px 18px!important; margin-bottom:35px!important; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-preview-copy { display:block; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-preview-copy > p:last-child { margin-top:16px!important; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-showcase { padding-right:26px; padding-bottom:0; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-phone-frame { border-width:3px!important; border-radius:11px!important; width:26%!important; bottom:66px!important; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-browser-frame img { max-height:300px; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-showcase figcaption { display:block; font-size:10px; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-story-grid { row-gap:20px; margin-bottom:40px; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .evidence-detail > .evidence-metrics { padding:24px!important; grid-template-columns:1fr!important; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .evidence-detail > .evidence-metrics dd { font-size:40px!important; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .meta-events-case .event-proof-capture { padding:22px 16px; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-project-copy h3 { font-size:25px!important; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-project-copy { padding:22px!important; }
}
@media(prefers-reduced-motion:reduce) { html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main :is(.case-project-card,.evidence-card,.case-project-visual img,.project-browser-frame) { transition:none!important; transform:none!important; } }

html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-scope strong { color:#fff!important; }

html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-card-concept :is(strong,small,span) { color:#c7dcff!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-detail-hero > .proof-tags { border-radius:0!important; max-width:none!important; width:100%!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .ghl-hero :is(.button.secondary,.ghl-demo-badge) { background:#234477!important; color:#fff!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-filter-bar { padding-top:25px!important; }
/* The legacy showcase used two grid columns; the phone now overlays the full-width capture. */
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-showcase { display:block!important; position:relative!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-phone-frame { position:absolute!important; top:auto!important; max-width:260px!important; margin:0!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-browser-frame { display:block!important; overflow:hidden!important; width:100%!important; padding:0!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-hero-copy .portfolio-hook { color:#a9c5ff!important; }

/* A quiet brand signature beneath the portfolio introduction. */
/* The archive keeps a light introduction; individual case-study heroes retain their editorial treatment. */
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .page-hero.upgrade-case-hero {
 isolation:isolate;
 background:radial-gradient(ellipse at 85% 25%,rgba(53,108,230,.095),transparent 66%),linear-gradient(180deg,#f6f8fc,#faf9f6)!important;
 color:#101d38!important;
}
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .page-hero.upgrade-case-hero :is(h1,h2,h3) { color:#101d38!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .page-hero.upgrade-case-hero :is(p,li,dt,dd,small) { color:#50617c!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .page-hero.upgrade-case-hero .eyebrow { color:#355681!important; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .page-hero.upgrade-case-hero > * { position:relative; z-index:1; }
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .page-hero.upgrade-case-hero::after {
 content:""; display:block!important; position:absolute; z-index:0;
 width:clamp(320px,38vw,620px)!important; height:clamp(320px,38vw,620px)!important;
 inset:auto max(28px,calc((100vw - 1280px)/2)) -30% auto!important;
 background:#2857a4!important;
 -webkit-mask:url("/assets/images/simion-systems-symbol-2026.png") center/contain no-repeat;
 mask:url("/assets/images/simion-systems-symbol-2026.png") center/contain no-repeat;
 opacity:.055!important; transform:rotate(-8deg)!important; pointer-events:none;
}
@media(max-width:700px) {
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .page-hero.upgrade-case-hero::after { width:330px!important; height:330px!important; right:-60px!important; bottom:-70px!important; opacity:.045!important; }
}

/* Mobile cards must reserve room for the content, not desktop-sized insets. */
@media (max-width:640px) {
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main :is(.project-dossier,.project-flow-board) { padding:22px!important; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .portfolio-n8n-hero h1 { font-size:clamp(32px,8.5vw,42px)!important; }
}
@media (max-width:480px) {
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-flow-board ol { grid-template-columns:1fr; gap:22px; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-flow-board li { grid-template-columns:24px minmax(0,1fr); gap:10px; align-items:baseline; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-flow-board li strong { font-size:14px; line-height:1.5; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-flow-board li span { font-size:12px; }
}

/* Full-width editorial cards follow their content, not the former side-by-side layout. */
@media (min-width:641px) {
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main :is(.project-dossier,.project-flow-board) { min-height:0; }
 html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-dossier { justify-content:flex-start; }
}
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .case-detail-capture > .eyebrow + h2 { margin-top:16px!important; }

/* Keep step labels readable on dark workflow cards at every viewport. */
html body[data-page-family][data-portfolio-editorial][data-portfolio-editorial][data-portfolio-editorial] main .project-flow-board span { color:#c7d6ee!important; }