:root{--pnc-blue:#2169ef;--pnc-ink:#0b0b0c;--pnc-muted:#666b73;--pnc-line:#e3e5e8;--pnc-soft:#f5f6f8}.journey-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.05)}.journey-header .nav{min-height:76px}.nav-job{font-size:12px;font-weight:700;color:var(--pnc-ink);white-space:nowrap}.locale-select{border:0;background:transparent;font:600 11px/1 "Google Sans","Noto Sans Thai",sans-serif;max-width:82px}.page-hero{padding:clamp(88px,10vw,148px) 0 64px;background:linear-gradient(180deg,#f5f7fa 0,#fff 100%)}.page-hero .wrap{max-width:1160px}.page-kicker,.section-heading>span,.card-eyebrow,.form-kicker{display:block;color:var(--pnc-blue);font-size:11px;line-height:1.3;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}.page-hero h1{font-size:clamp(44px,7vw,84px);line-height:.95;letter-spacing:-.055em;max-width:900px;margin:0 0 24px}.page-hero p{font-size:clamp(16px,2vw,20px);line-height:1.6;color:var(--pnc-muted);max-width:760px;margin:0}.page-actions{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap}.journey-section{padding:84px 0}.journey-section.muted{background:var(--pnc-soft)}.section-heading{max-width:820px;margin-bottom:38px}.section-heading h2{font-size:clamp(34px,5vw,60px);line-height:1;letter-spacing:-.05em;margin:0 0 18px}.section-heading p{font-size:17px;line-height:1.6;color:var(--pnc-muted)}.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.journey-card{display:flex;flex-direction:column;min-height:270px;padding:30px;border:1px solid var(--pnc-line);background:#fff;color:var(--pnc-ink);text-decoration:none;transition:transform .2s ease,border-color .2s ease}.journey-card:hover{transform:translateY(-3px);border-color:#b8bdc6}.journey-card h3{font-size:27px;line-height:1.08;letter-spacing:-.035em;margin:0 0 16px}.journey-card p{color:var(--pnc-muted);line-height:1.55;margin:0}.card-link{margin-top:auto;padding-top:28px;font-size:12px;font-weight:800}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pain-pill{padding:22px 24px;border:1px solid var(--pnc-line);font-size:16px;font-weight:700;background:#fff}.trust-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trust-links a{padding:28px;border:1px solid var(--pnc-line);font-size:18px;font-weight:750;text-decoration:none;color:var(--pnc-ink);background:#fff}.cta-band{padding:72px 0;background:#101114;color:#fff}.cta-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:36px}.cta-band h2{font-size:clamp(32px,4vw,54px);line-height:1;letter-spacing:-.045em;margin:0 0 12px;max-width:760px}.cta-band p{margin:0;color:#b7bbc3;max-width:720px;line-height:1.55}.detail-columns,.responsibility-grid,.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.detail-columns article,.responsibility-grid article,.contact-grid article,.compliance-grid article{border:1px solid var(--pnc-line);padding:30px;background:#fff}.detail-columns h2,.responsibility-grid h2,.compliance-grid h2{font-size:25px;line-height:1.1;letter-spacing:-.035em;margin:0 0 18px}.detail-columns ul,.compliance-grid ul{padding-left:20px;margin:0}.detail-columns li,.compliance-grid li{margin:10px 0;line-height:1.5;color:#4f545d}.responsibility-grid{grid-template-columns:1fr 1fr}.responsibility-grid article>span,.contact-grid article>span,.case-flow article>span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--pnc-blue);font-weight:800}.responsibility-grid p{color:var(--pnc-muted);line-height:1.6}.process-list{display:grid;gap:0;border-top:1px solid var(--pnc-line)}.process-list article{display:grid;grid-template-columns:90px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid var(--pnc-line)}.process-list article>span{font-size:14px;font-weight:800;color:var(--pnc-blue)}.process-list h3{font-size:26px;margin:0 0 8px;letter-spacing:-.03em}.process-list p{margin:0;color:var(--pnc-muted);line-height:1.55}.case-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.case-flow article{min-height:220px;padding:30px;border:1px solid var(--pnc-line)}.case-flow h2{font-size:24px;line-height:1.25;letter-spacing:-.03em}.compliance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.legal-note{max-width:900px;margin:30px auto 0;padding:18px 22px;background:#f1f2f4;color:#636870;font-size:13px;line-height:1.55}.article-flow{max-width:820px}.article-flow article{padding:30px 0;border-bottom:1px solid var(--pnc-line)}.article-flow h2{font-size:28px;letter-spacing:-.035em;margin:0 0 10px}.article-flow p{color:var(--pnc-muted);font-size:16px;line-height:1.7}.faq-list{max-width:900px}.faq-list details{border-top:1px solid var(--pnc-line);padding:24px 0}.faq-list details:last-child{border-bottom:1px solid var(--pnc-line)}.faq-list summary{font-size:21px;font-weight:750;cursor:pointer}.faq-list p{color:var(--pnc-muted);line-height:1.65;max-width:760px}.contact-grid article a{display:block;font-size:22px;margin-top:10px;color:var(--pnc-ink);text-decoration:none}.form-shell,.manpower-shell{max-width:920px}.form-shell form,.manpower-shell form{display:grid;gap:20px}.form-shell label,.manpower-shell label{display:grid;gap:8px;font-size:13px;font-weight:750}.form-shell input,.form-shell textarea,.form-shell select,.manpower-shell input,.manpower-shell textarea,.manpower-shell select{width:100%;border:0;border-bottom:1px solid #cfd2d7;border-radius:0;background:transparent;padding:13px 0;font:500 16px/1.4 "Google Sans","Noto Sans Thai",sans-serif;color:var(--pnc-ink);outline:none}.form-shell input:focus,.form-shell textarea:focus,.manpower-shell input:focus,.manpower-shell textarea:focus,.manpower-shell select:focus{border-color:var(--pnc-blue)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.consent{grid-template-columns:auto 1fr!important;align-items:flex-start;font-weight:500!important;line-height:1.45}.consent input{width:auto!important;margin-top:3px}.hp{position:absolute!important;left:-9999px!important}.form-status{min-height:24px;font-size:13px;color:var(--pnc-muted)}.form-status.ok{color:#167545}.form-status.error{color:#b42318}.stepper{display:flex;gap:8px;margin-bottom:32px}.stepper span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--pnc-line);font-size:12px;font-weight:800;color:#8a8e95}.stepper span.active{background:var(--pnc-ink);border-color:var(--pnc-ink);color:#fff}.form-step{display:none;min-height:440px}.form-step.active{display:grid;gap:20px}.form-step h2{font-size:clamp(30px,5vw,48px);letter-spacing:-.045em;margin:0 0 12px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-grid label{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--pnc-line);padding:14px;font-weight:600}.check-grid input{width:auto;margin:0}.form-nav{display:flex;justify-content:space-between;border-top:1px solid var(--pnc-line);padding-top:20px}.form-nav>button:not(.cta){border:0;background:transparent;font-weight:750;padding:12px 0}.review-box{border-top:1px solid var(--pnc-line)}.review-box>div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--pnc-line)}.review-box span{color:var(--pnc-muted);font-size:12px}.review-box strong{font-size:14px}.site-footer a{color:inherit}.impact .metric small{display:block;color:#9297a0;font-size:10px;margin-top:6px}.industries{padding-bottom:84px}
@media(max-width:1050px){.journey-header .nav-job{display:none}.journey-grid,.compliance-grid{grid-template-columns:1fr 1fr}.detail-columns{grid-template-columns:1fr 1fr}.pain-grid{grid-template-columns:1fr 1fr}.trust-links{grid-template-columns:1fr}.journey-header .navlinks{position:fixed;left:16px;right:16px;top:78px;background:#fff;border:1px solid var(--pnc-line);padding:16px;display:none;flex-direction:column}.journey-header .navlinks.open{display:flex}}
@media(max-width:720px){.page-hero{padding:72px 0 42px}.journey-section{padding:58px 0}.journey-grid,.compliance-grid,.detail-columns,.responsibility-grid,.case-flow,.contact-grid,.pain-grid,.form-row,.check-grid{grid-template-columns:1fr}.journey-card{min-height:220px}.process-list article{grid-template-columns:54px 1fr}.cta-band .wrap{align-items:flex-start;flex-direction:column}.journey-header .navright .cta{padding:10px 12px;font-size:11px}.journey-header .locale-select{display:none}.form-step{min-height:0}.review-box>div{grid-template-columns:100px 1fr}.hero{min-height:auto}.hero-copy{padding-top:90px}.service-track{overflow-x:auto}.industry-grid{grid-template-columns:1fr!important}}

/* Route personality layer — art-directed from editorial / Pinterest research.
   The PNC brand stays shared; layout rhythm, scale and geometry change by journey. */

/* HOME — cinematic command-center: keep the image-led carousel, make later content feel like an editorial dashboard. */
body:has(.hero-carousel) .pain-section .section-heading{max-width:560px}
body:has(.hero-carousel) .pain-grid{grid-template-columns:1.2fr .8fr 1fr 1.35fr;align-items:stretch}
body:has(.hero-carousel) .pain-pill{min-height:132px;display:flex;align-items:flex-end;border:0;border-top:3px solid var(--pnc-ink);background:#f2f4f7;font-size:clamp(18px,2vw,28px);letter-spacing:-.035em}
body:has(.hero-carousel) .pain-pill:nth-child(2){transform:translateY(30px);background:#e9f0ff}
body:has(.hero-carousel) .pain-pill:nth-child(4){background:var(--pnc-ink);color:#fff}
body:has(.hero-carousel) .trust-section{padding-top:34px}
body:has(.hero-carousel) .trust-links{grid-template-columns:1.35fr .8fr 1fr;gap:0;border-top:1px solid var(--pnc-line);border-bottom:1px solid var(--pnc-line)}
body:has(.hero-carousel) .trust-links a{min-height:148px;border:0;border-right:1px solid var(--pnc-line);display:flex;align-items:flex-end;font-size:clamp(18px,2.1vw,28px);letter-spacing:-.03em}

/* SERVICES — service catalogue as a sharp modular product shelf, not generic cards. */
body:has(.navlinks a[href$="/services/"].active) .page-hero{position:relative;overflow:hidden;background:#0c1018;color:#fff;padding-bottom:96px}
body:has(.navlinks a[href$="/services/"].active) .page-hero:after{content:"SERVICE / SYSTEM";position:absolute;right:-2vw;bottom:-.24em;font-size:clamp(72px,14vw,210px);line-height:.8;font-weight:800;letter-spacing:-.08em;color:rgba(255,255,255,.035);white-space:nowrap;pointer-events:none}
body:has(.navlinks a[href$="/services/"].active) .page-hero p{color:#bfc6d3;max-width:620px}
body:has(.navlinks a[href$="/services/"].active) .infographic-section{background:#dce8ff}
body:has(.navlinks a[href$="/services/"].active) .journey-grid{grid-template-columns:repeat(12,1fr);gap:1px;background:#d9dde5;border:1px solid #d9dde5}
body:has(.navlinks a[href$="/services/"].active) .journey-card{grid-column:span 4;min-height:330px;border:0;background:#fff;padding:34px}
body:has(.navlinks a[href$="/services/"].active) .journey-card:nth-child(1),body:has(.navlinks a[href$="/services/"].active) .journey-card:nth-child(5){grid-column:span 8;background:#f4f7fb}
body:has(.navlinks a[href$="/services/"].active) .journey-card h3{font-size:clamp(28px,3.2vw,46px);max-width:520px}
body:has(.navlinks a[href$="/services/"].active) .journey-card:hover{transform:none;background:#eef4ff}

/* INDUSTRIES — atlas / index composition with deliberately uneven tile proportions. */
body:has(.navlinks a[href$="/industries/"].active) .page-hero{background:#ede7dc;padding-top:clamp(100px,12vw,176px)}
body:has(.navlinks a[href$="/industries/"].active) .page-hero .wrap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr);gap:7vw;align-items:end}
body:has(.navlinks a[href$="/industries/"].active) .page-hero h1{font-size:clamp(56px,9vw,122px);margin:0}
body:has(.navlinks a[href$="/industries/"].active) .journey-grid{grid-template-columns:repeat(12,1fr);gap:18px;align-items:start}
body:has(.navlinks a[href$="/industries/"].active) .journey-card{grid-column:span 5;min-height:360px;border:0;background:#f1f1ed;padding:36px}
body:has(.navlinks a[href$="/industries/"].active) .journey-card:nth-child(2n){grid-column:7 / span 6;min-height:470px;margin-top:82px;background:#111;color:#fff}
body:has(.navlinks a[href$="/industries/"].active) .journey-card:nth-child(2n) p{color:#aeb3bc}
body:has(.navlinks a[href$="/industries/"].active) .journey-card:nth-child(3n){grid-column:2 / span 7;margin-top:12px;background:#e8efff}
body:has(.navlinks a[href$="/industries/"].active) .journey-card h3{font-size:clamp(32px,4vw,56px)}

/* HOW WE WORK — operational blueprint: dark hero and a large numbered process rail. */
body:has(.navlinks a[href$="/how-we-work/"].active) .page-hero{background:#121316;color:#fff;border-bottom:1px solid #2d3036}
body:has(.navlinks a[href$="/how-we-work/"].active) .page-hero h1{font-size:clamp(54px,8vw,110px)}
body:has(.navlinks a[href$="/how-we-work/"].active) .page-hero p{color:#b7bbc3}
body:has(.navlinks a[href$="/how-we-work/"].active) .process-list{border-top:2px solid var(--pnc-ink);counter-reset:pncstep}
body:has(.navlinks a[href$="/how-we-work/"].active) .process-list article{grid-template-columns:minmax(92px,16%) minmax(0,1fr);padding:42px 0;gap:36px;align-items:start}
body:has(.navlinks a[href$="/how-we-work/"].active) .process-list article>span{font-size:clamp(24px,4vw,58px);line-height:1;letter-spacing:-.06em;color:#a9bde9}
body:has(.navlinks a[href$="/how-we-work/"].active) .process-list h3{font-size:clamp(30px,4vw,54px)}
body:has(.navlinks a[href$="/how-we-work/"].active) .responsibility-grid{grid-template-columns:1.4fr .6fr;gap:0;border:1px solid var(--pnc-line)}
body:has(.navlinks a[href$="/how-we-work/"].active) .responsibility-grid article{border:0;border-right:1px solid var(--pnc-line);min-height:310px}

/* CASE STUDIES — editorial story wall with alternating scale and vertical offsets. */
body:has(.navlinks a[href$="/case-studies/"].active) .page-hero{background:#e7ecf7;border-bottom:1px solid #cbd5e7}
body:has(.navlinks a[href$="/case-studies/"].active) .page-hero .wrap{max-width:1320px}
body:has(.navlinks a[href$="/case-studies/"].active) .case-flow{grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}
body:has(.navlinks a[href$="/case-studies/"].active) .case-flow article{min-height:350px;border:0;background:#111;color:#fff;padding:42px}
body:has(.navlinks a[href$="/case-studies/"].active) .case-flow article:nth-child(even){margin-top:90px;background:#f2f2ed;color:var(--pnc-ink)}
body:has(.navlinks a[href$="/case-studies/"].active) .case-flow h2{font-size:clamp(30px,4vw,52px);line-height:1.02}

/* RESOURCES — newspaper/editorial reading room: quieter background, oversized headings, single-column reading rhythm. */
body:has(.navlinks a[href$="/resources/"].active) .page-hero{background:#faf7f1;border-bottom:1px solid #d9d2c7}
body:has(.navlinks a[href$="/resources/"].active) .page-hero h1{font-size:clamp(62px,10vw,132px);max-width:1100px}
body:has(.navlinks a[href$="/resources/"].active) .journey-grid{grid-template-columns:repeat(12,1fr);gap:22px}
body:has(.navlinks a[href$="/resources/"].active) .journey-card{grid-column:span 4;border:0;border-top:2px solid var(--pnc-ink);padding:26px 0 20px;min-height:290px}
body:has(.navlinks a[href$="/resources/"].active) .journey-card:first-child{grid-column:span 8;min-height:430px}
body:has(.navlinks a[href$="/resources/"].active) .journey-card:first-child h3{font-size:clamp(42px,6vw,74px)}
body:has(.navlinks a[href$="/resources/"].active) .article-flow{max-width:740px;margin-left:calc((100% - min(1160px,92vw))/2 + min(11vw,150px))}
body:has(.navlinks a[href$="/resources/"].active) .article-flow article{padding:44px 0}

/* ABOUT — manifesto / company journal, with generous whitespace and a staggered evidence grid. */
body:has(.navlinks a[href$="/about/"].active) .page-hero{background:#fff;padding-top:clamp(116px,14vw,210px);padding-bottom:100px;border-bottom:1px solid var(--pnc-ink)}
body:has(.navlinks a[href$="/about/"].active) .page-hero h1{font-size:clamp(70px,12vw,156px);line-height:.82;max-width:1200px}
body:has(.navlinks a[href$="/about/"].active) .page-hero p{margin-left:min(34vw,420px);max-width:620px;font-size:clamp(18px,2.2vw,26px)}
body:has(.navlinks a[href$="/about/"].active) .detail-columns{grid-template-columns:1.2fr .8fr;gap:48px;align-items:start}
body:has(.navlinks a[href$="/about/"].active) .detail-columns article{border:0;border-top:3px solid var(--pnc-ink);padding:32px 0}
body:has(.navlinks a[href$="/about/"].active) .detail-columns article:nth-child(even){margin-top:120px;border-color:var(--pnc-blue)}
body:has(.navlinks a[href$="/about/"].active) .detail-columns h2{font-size:clamp(32px,4vw,52px)}

/* JOBS — product/search utility: compact hero, scannable vacancy rows rather than marketing tiles. */
body:has(main .journey-grid a[href*="/jobs/"]) .page-hero{padding:92px 0 46px;background:#f0f3f7;border-bottom:1px solid #d8dde6}
body:has(main .journey-grid a[href*="/jobs/"]) .page-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.65fr);align-items:end;gap:48px}
body:has(main .journey-grid a[href*="/jobs/"]) .page-hero h1{font-size:clamp(52px,8vw,98px)}
body:has(main .journey-grid a[href*="/jobs/"]) .journey-grid{display:block;border-top:2px solid var(--pnc-ink)}
body:has(main .journey-grid a[href*="/jobs/"]) .journey-card{min-height:0;display:grid;grid-template-columns:minmax(180px,.8fr) minmax(240px,1.3fr) auto;gap:28px;align-items:center;padding:28px 4px;border:0;border-bottom:1px solid var(--pnc-line);background:transparent}
body:has(main .journey-grid a[href*="/jobs/"]) .journey-card h3{font-size:clamp(24px,3vw,38px);margin:0}
body:has(main .journey-grid a[href*="/jobs/"]) .journey-card p{margin:0}
body:has(main .journey-grid a[href*="/jobs/"]) .journey-card .card-link{padding:0;white-space:nowrap}
body:has(main .journey-grid a[href*="/jobs/"]) .journey-card:hover{transform:none;background:#f7f8fa}

/* REQUEST MANPOWER — project brief builder: form becomes the visual product. */
body:has([data-manpower-form]) .page-hero{padding-bottom:82px;color:var(--pnc-ink)}
body:has([data-manpower-form]) .page-hero.page-hero--media{background:linear-gradient(180deg,#f5f7fa 0,#fff 100%);color:var(--pnc-ink)}
body:has([data-manpower-form]) .page-hero.page-hero--media h1,
body:has([data-manpower-form]) .page-hero.page-hero--media .page-hero-copy{color:var(--pnc-ink)}
body:has([data-manpower-form]) .page-hero.page-hero--media p,
body:has([data-manpower-form]) .page-hero p{color:var(--pnc-muted)}
body:has([data-manpower-form]) .infographic-section{background:#eff3fb}
body:has([data-manpower-form]) .journey-section:has(.manpower-shell){background:#f5f6f8;padding:34px 0 96px}
body:has([data-manpower-form]) .manpower-shell{max-width:1160px;display:grid;grid-template-columns:170px minmax(0,1fr);gap:64px;background:#fff;padding:56px;border:1px solid #e1e4e8;box-shadow:0 26px 80px rgba(11,11,12,.06)}
body:has([data-manpower-form]) .stepper{display:grid;align-content:start;gap:0;margin:0;position:sticky;top:110px;height:max-content}
body:has([data-manpower-form]) .stepper span{width:100%;height:auto;min-height:58px;border-radius:0;border:0;border-left:2px solid #d4d8df;place-items:center start;padding-left:20px;color:#969ca7}
body:has([data-manpower-form]) .stepper span.active{background:transparent;color:var(--pnc-ink);border-color:var(--pnc-blue)}
body:has([data-manpower-form]) .form-step h2{font-size:clamp(38px,5vw,64px)}
body:has([data-manpower-form]) .check-grid label{min-height:78px;border-radius:0;background:#fafafa}

/* CONTACT — contact hub with an oversized directory composition. */
body:has(.contact-grid) .page-hero{background:#dbe6ff;padding-bottom:82px}
body:has(.contact-grid) .page-hero h1{font-size:clamp(68px,12vw,150px)}
body:has(.contact-grid) .contact-grid{grid-template-columns:1.5fr .75fr .75fr;gap:0;border-top:2px solid var(--pnc-ink)}
body:has(.contact-grid) .contact-grid article{border:0;border-bottom:1px solid var(--pnc-line);border-right:1px solid var(--pnc-line);padding:42px 28px;min-height:240px}
body:has(.contact-grid) .contact-grid article:first-child{background:#101114;color:#fff;min-height:360px}
body:has(.contact-grid) .contact-grid article:first-child a{color:#fff;font-size:clamp(26px,3vw,42px)}

body:has(.faq-list) .page-hero h1{font-size:clamp(86px,15vw,190px);line-height:.72}
body:has(.faq-list) .faq-list{max-width:none;counter-reset:faq}
body:has(.faq-list) .faq-list details{counter-increment:faq;padding:0;border-top:1px solid var(--pnc-line)}
body:has(.faq-list) .faq-list summary{list-style:none;display:grid;grid-template-columns:86px minmax(0,1fr) 40px;gap:24px;align-items:center;padding:30px 0;font-size:clamp(22px,3vw,36px);letter-spacing:-.035em}
body:has(.faq-list) .faq-list summary:before{content:counter(faq,decimal-leading-zero);font-size:12px;letter-spacing:.12em;color:var(--pnc-blue)}
body:has(.faq-list) .faq-list summary:after{content:"+";font-size:30px;font-weight:400;text-align:right}
body:has(.faq-list) .faq-list details[open] summary:after{content:"–"}
body:has(.faq-list) .faq-list p{margin:0 0 30px 110px;font-size:18px;max-width:760px}

/* COMPLIANCE — evidence matrix, dense and technical. */
body:has(.compliance-grid) .page-hero{background:#eef4ed;border-bottom:1px solid #cbd9c9}
body:has(.compliance-grid) .compliance-grid{grid-template-columns:repeat(12,1fr);gap:0;border:1px solid var(--pnc-line)}
body:has(.compliance-grid) .compliance-grid article{grid-column:span 4;border:0;border-right:1px solid var(--pnc-line);border-bottom:1px solid var(--pnc-line);min-height:320px}
body:has(.compliance-grid) .compliance-grid article:nth-child(2){grid-column:span 8;background:#111;color:#fff}
body:has(.compliance-grid) .compliance-grid article:nth-child(2) li{color:#c5c9d0}

/* Generic detail pages: when there are only two detail articles, create a dossier rather than two matching cards. */
body:not(:has(.contact-grid)):not(:has(.compliance-grid)) .detail-columns:has(> article:nth-child(2):last-child){grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:0;border-top:2px solid var(--pnc-ink)}
body:not(:has(.contact-grid)):not(:has(.compliance-grid)) .detail-columns:has(> article:nth-child(2):last-child)>article{border:0;border-bottom:1px solid var(--pnc-line);padding:38px 32px 38px 0}
body:not(:has(.contact-grid)):not(:has(.compliance-grid)) .detail-columns:has(> article:nth-child(2):last-child)>article+article{padding-left:38px;border-left:1px solid var(--pnc-line)}

@media(max-width:1050px){
  body:has(.hero-carousel) .pain-grid{grid-template-columns:1fr 1fr}
  body:has(.hero-carousel) .pain-pill:nth-child(2){transform:none}
  body:has(.navlinks a[href$="/services/"].active) .journey-card,body:has(.navlinks a[href$="/services/"].active) .journey-card:nth-child(1),body:has(.navlinks a[href$="/services/"].active) .journey-card:nth-child(5){grid-column:span 6}
  body:has(.navlinks a[href$="/industries/"].active) .journey-card,body:has(.navlinks a[href$="/industries/"].active) .journey-card:nth-child(2n),body:has(.navlinks a[href$="/industries/"].active) .journey-card:nth-child(3n){grid-column:span 6;margin-top:0;min-height:340px}
  body:has(.navlinks a[href$="/resources/"].active) .journey-card,body:has(.navlinks a[href$="/resources/"].active) .journey-card:first-child{grid-column:span 6;min-height:310px}
  body:has(.navlinks a[href$="/about/"].active) .page-hero p{margin-left:0}
  body:has([data-manpower-form]) .manpower-shell{grid-template-columns:120px minmax(0,1fr);gap:34px;padding:38px}
  body:has(.contact-grid) .contact-grid{grid-template-columns:1fr 1fr}
  body:has(.contact-grid) .contact-grid article:first-child{grid-column:span 2}
}

@media(max-width:720px){
  body:has(.hero-carousel) .pain-grid,body:has(.hero-carousel) .trust-links{grid-template-columns:1fr}
  body:has(.hero-carousel) .pain-pill,body:has(.hero-carousel) .trust-links a{min-height:100px}
  body:has(.navlinks a[href$="/industries/"].active) .page-hero .wrap,body:has(main .journey-grid a[href*="/jobs/"]) .page-hero .wrap{display:block}
  body:has(.navlinks a[href$="/services/"].active) .journey-card,body:has(.navlinks a[href$="/services/"].active) .journey-card:nth-child(1),body:has(.navlinks a[href$="/services/"].active) .journey-card:nth-child(5),body:has(.navlinks a[href$="/industries/"].active) .journey-card,body:has(.navlinks a[href$="/industries/"].active) .journey-card:nth-child(2n),body:has(.navlinks a[href$="/industries/"].active) .journey-card:nth-child(3n),body:has(.navlinks a[href$="/resources/"].active) .journey-card,body:has(.navlinks a[href$="/resources/"].active) .journey-card:first-child,body:has(.compliance-grid) .compliance-grid article,body:has(.compliance-grid) .compliance-grid article:nth-child(2){grid-column:1 / -1}
  body:has(.navlinks a[href$="/industries/"].active) .journey-grid,body:has(.navlinks a[href$="/services/"].active) .journey-grid,body:has(.navlinks a[href$="/resources/"].active) .journey-grid,body:has(.compliance-grid) .compliance-grid{grid-template-columns:1fr}
  body:has(.navlinks a[href$="/case-studies/"].active) .case-flow,body:has(.navlinks a[href$="/about/"].active) .detail-columns,body:has(.navlinks a[href$="/how-we-work/"].active) .responsibility-grid{grid-template-columns:1fr}
  body:has(.navlinks a[href$="/case-studies/"].active) .case-flow article:nth-child(even),body:has(.navlinks a[href$="/about/"].active) .detail-columns article:nth-child(even){margin-top:0}
  body:has(main .journey-grid a[href*="/jobs/"]) .journey-card{grid-template-columns:1fr;gap:12px;padding:26px 0}
  body:has([data-manpower-form]) .manpower-shell{display:block;padding:24px;border-left:0;border-right:0}
  body:has([data-manpower-form]) .stepper{position:static;grid-template-columns:repeat(5,1fr);margin-bottom:34px}
  body:has([data-manpower-form]) .stepper span{min-height:38px;border-left:0;border-bottom:2px solid #d4d8df;padding:0;place-items:center}
  body:has(.contact-grid) .contact-grid{grid-template-columns:1fr}
  body:has(.contact-grid) .contact-grid article:first-child{grid-column:auto}
    body:has(.faq-list) .faq-list p{margin-left:56px}
  body:not(:has(.contact-grid)):not(:has(.compliance-grid)) .detail-columns:has(> article:nth-child(2):last-child){grid-template-columns:1fr}
  body:not(:has(.contact-grid)):not(:has(.compliance-grid)) .detail-columns:has(> article:nth-child(2):last-child)>article,body:not(:has(.contact-grid)):not(:has(.compliance-grid)) .detail-columns:has(> article:nth-child(2):last-child)>article+article{padding:28px 0;border-left:0}
}

/* When media hero upgrade is present, cancel dark white-ink themes */
body:has(.navlinks a[href$="/services/"].active) .page-hero.page-hero--media,
body:has(.navlinks a[href$="/how-we-work/"].active) .page-hero.page-hero--media{
  background:linear-gradient(180deg,#f5f7fa 0,#fff 100%);
  color:var(--pnc-ink);
  border-bottom:0;
}
body:has(.navlinks a[href$="/services/"].active) .page-hero.page-hero--media p,
body:has(.navlinks a[href$="/how-we-work/"].active) .page-hero.page-hero--media p{color:var(--pnc-muted)}