/* Shared brand rules; individual compositions are scoped to each solution page. */
body:has(.art-page) .navbar-wrap { background:#063755; }
.art-page { --art-ink:#063755; --art-mist:#e9f2f7; --art-line:#c8dce7; }
.art-page .art-hero { padding:150px 0 70px; background:#063755; border-radius:0; min-height:610px; }
.art-hero-layout { display:grid; grid-template-columns:1.2fr 1fr; gap:60px; align-items:center; }
.art-hero-copy { position:relative; z-index:2; min-width:0; }
.art-page .art-hero h1 { font-size:clamp(36px,4.4vw,64px); line-height:1.1; letter-spacing:-2px; text-wrap:balance; }
.art-page .art-hero .ed-lead { font-size:18px; line-height:1.8; }
.art-object { position:relative; color:#cce7f1; min-width:0; }
.art-object svg { display:block; width:100%; max-height:430px; overflow:visible; }
.art-page .art-section { padding:90px 0; }
.art-section-copy { min-width:0; }
.art-page .art-section h2 { text-wrap:balance; }
.art-page .art-section .branch-card { transform:none; }
.art-page .art-section :is(.branch-grid,.ed-foundation-grid,.ed-process-boxes,.ed-perspectives) { min-width:0; }
.art-page .art-section article { box-shadow:none; }

/* Data: a spacious two-part cover with layered records. */
.art-data .art-hero { background:linear-gradient(90deg,#063755 58%,#154d6a 58%); border-radius:0 0 70px 0; }
.art-data .art-object { padding:25px; border:1px solid #ffffff25; border-radius:48px; }
/* Organization: architecture above a broad title and an open lower edge. */
.art-organization .art-hero { background:#eaf3f7; color:#063755; padding-bottom:0; }
.art-organization .art-hero-layout { grid-template-columns:1.4fr .8fr; align-items:end; }
.art-organization .art-hero-copy { padding-bottom:70px; }
.art-organization .art-object { color:#063755; }
.art-organization .art-object svg { transform:translateY(1px); }
.art-organization .art-hero .ed-lead { color:#355b70; }
/* Positions: rising forms on the left, copy in a framed right panel. */
.art-positions .art-hero { background:#f2f7fa; color:#063755; }
.art-positions .art-hero-layout { grid-template-columns:.8fr 1.2fr; }
.art-positions .art-object { order:-1; color:#286183; }
.art-positions .art-hero-copy { background:#063755; color:white; padding:46px 38px; border-radius:60px 16px 60px 16px; }
.art-positions .art-hero h1 { font-size:clamp(36px,4vw,58px); }
/* Multi-branch: a panoramic cover with the artwork as a large watermark. */
.art-branches .art-hero { background:linear-gradient(120deg,#063755,#164f70); padding:180px 0 100px; }
.art-branches .art-hero-layout { display:block; min-height:330px; }
.art-branches .art-hero-copy { width:76%; margin:auto; }
.art-branches .art-object { position:absolute; width:52%; right:-23%; top:-100px; opacity:.24; }
.art-branches .art-hero h1 { font-size:clamp(40px,5.6vw,78px); }
/* Contracts: a pale folio inset into a navy surround. */
.art-contracts .art-hero { padding-top:125px; background:#063755; }
.art-contracts .art-hero-layout { background:#edf4f8; color:#063755; border-radius:36px; padding:50px; grid-template-columns:1.3fr .7fr; }
.art-contracts .art-object { color:#1c5677; }
.art-contracts .art-hero .ed-lead { color:#355b70; }
.art-contracts .art-hero h1 { font-size:clamp(36px,4vw,58px); }
/* Documents: central copy with a short, wide art shelf underneath. */
.art-documents .art-hero { background:#edf4f8; color:#063755; padding-bottom:0; }
.art-documents .art-hero-layout { display:flex; flex-direction:column; gap:20px; }
.art-documents .art-hero-copy { max-width:1000px; }
.art-documents .art-hero .ed-lead { color:#355b70; }
.art-documents .art-object { color:#063755; height:170px; width:100%; overflow:hidden; background:#dbeaf2; border-radius:100px 100px 0 0; }
.art-documents .art-object svg { height:310px; transform:translateY(-30px); }
/* Transfers: the copy and curved artwork sit across a two-tone band. */
.art-transfers .art-hero { background:linear-gradient(180deg,#063755 78%,#e8f2f7 78%); padding-bottom:60px; }
.art-transfers .art-hero-layout { grid-template-columns:1.15fr .85fr; }
.art-transfers .art-hero-copy { padding-bottom:80px; }
.art-transfers .art-object { background:#155271; padding:30px; border-radius:140px 140px 35px 35px; }
/* Onboarding: a welcoming arch, paired with an unboxed title. */
.art-onboarding .art-hero { background:#f4f8fb; color:#063755; }
.art-onboarding .art-hero-layout { grid-template-columns:.85fr 1.15fr; }
.art-onboarding .art-object { order:-1; color:#063755; background:#e0edf4; border-radius:50% 50% 24px 24px; padding:30px 0 0; }
.art-onboarding .art-hero .ed-lead { color:#355b70; }
/* Offboarding: an outlined cover with calm space around the copy. */
.art-offboarding .art-hero { background:#063755; padding-bottom:80px; }
.art-offboarding .art-hero-layout { border:1px solid #7294a7; border-radius:40px; padding:45px; grid-template-columns:1.2fr .8fr; }
.art-offboarding .art-object { opacity:.9; }
.art-offboarding .art-hero h1 { font-size:clamp(36px,4vw,58px); }
/* Attendance: a circular time motif, with a white editorial cover. */
.art-attendance .art-hero { background:linear-gradient(90deg,#f2f7fa 68%,#d9eaf2 68%); color:#063755; border-radius:0 0 80px 0; }
.art-attendance .art-object { color:#063755; }
.art-attendance .art-hero .ed-lead { color:#355b70; }
/* Sync: two vertical fields make the hand-off visible without a diagram. */
.art-sync .art-hero { background:#063755; }
.art-sync .art-hero-layout { grid-template-columns:.75fr 1.25fr; }
.art-sync .art-object { order:-1; background:#174f69; border-radius:160px; padding:28px 0; }
.art-sync .art-hero-copy { border-top:1px solid #86a9bb; border-bottom:1px solid #86a9bb; padding:38px 0; }
/* Shift: a ribbon poster with the heading above the supporting text. */
.art-shift .art-hero { background:#eaf3f8; color:#063755; }
.art-shift .art-hero-layout { grid-template-columns:1.3fr .7fr; gap:30px; }
.art-shift .art-object { color:#063755; transform:rotate(-12deg); }
.art-shift .art-hero h1 { border-bottom:1px solid #b8d2e0; padding-bottom:30px; }
.art-shift .art-hero .ed-lead { color:#355b70; }
/* Leave: an inset island, with a circular artwork behind the right edge. */
.art-leave .art-hero { background:#dfedf4; color:#063755; padding-top:130px; }
.art-leave .art-hero-layout { background:#fff; padding:50px; border-radius:120px 30px 120px 30px; grid-template-columns:1.35fr .65fr; }
.art-leave .art-object { color:#063755; }
.art-leave .art-hero .ed-lead { color:#355b70; }
.art-leave .art-hero h1 { font-size:clamp(36px,4vw,58px); }
/* Permission: an arched light window inside a dark vertical cover. */
.art-permission .art-hero { background:#063755; }
.art-permission .art-hero-layout { grid-template-columns:.8fr 1.2fr; }
.art-permission .art-object { order:-1; padding:50px 12px 0; background:#dcecf4; color:#063755; border-radius:200px 200px 26px 26px; }
.art-permission .art-hero-copy { padding:28px 0; }
/* Overtime: centred typography above a restrained horizon. */
.art-overtime .art-hero { background:linear-gradient(180deg,#063755,#164c6c); padding-bottom:0; }
.art-overtime .art-hero-layout { display:flex; flex-direction:column; gap:18px; }
.art-overtime .art-hero-copy { max-width:1020px; }
.art-overtime .art-object { width:100%; height:160px; overflow:hidden; border-bottom:1px solid #81a7bb; }
.art-overtime .art-object svg { height:330px; margin-top:-30px; }
/* Reports: a publication-style split with a vertical colour strip. */
.art-reports .art-hero { background:#f5f8fa; color:#063755; border-bottom:12px solid #aecedc; }
.art-reports .art-hero-layout { grid-template-columns:1.3fr .7fr; }
.art-reports .art-object { color:#063755; border-left:1px solid #9dbecd; padding-left:25px; }
.art-reports .art-hero .ed-lead { color:#355b70; }
.art-reports .art-hero h1 { font-size:clamp(36px,4.7vw,67px); }
/* Corrections: a dark copy panel laid into a pale open cover. */
.art-corrections .art-hero { background:#e7f0f5; padding-top:135px; }
.art-corrections .art-hero-layout { grid-template-columns:1.2fr .8fr; gap:0; }
.art-corrections .art-hero-copy { padding:50px 36px; background:#063755; border-radius:26px 100px 26px 26px; }
.art-corrections .art-object { color:#063755; padding-left:20px; }
.art-corrections .art-hero h1 { font-size:clamp(36px,4vw,58px); }
/* Calendar: tiled artwork on one side and quiet navy typography on the other. */
.art-calendar .art-hero { background:#063755; }
.art-calendar .art-hero-layout { grid-template-columns:.85fr 1.15fr; gap:70px; }
.art-calendar .art-object { order:-1; background:#164f6a; border-radius:35px 110px 35px 35px; padding:20px; }
.art-calendar .art-hero-copy { padding-bottom:24px; border-bottom:6px solid #78a9be; }

/* Quiet decorative patterns sit behind meaningful, topic-specific artwork. */
.art-page .art-object { isolation:isolate; }
.art-page .art-object::before { content:""; position:absolute; inset:8%; z-index:-1; pointer-events:none; opacity:.18; border-radius:30px; }
.art-offboarding .art-object::before,.art-contracts .art-object::before,.art-reports .art-object::before { background-image:radial-gradient(currentColor 1px,transparent 1px); background-size:18px 18px; }
.art-organization .art-object::before,.art-sync .art-object::before,.art-calendar .art-object::before { background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px); background-size:40px 40px; }
.art-shift .art-object::before,.art-transfers .art-object::before { border:1px solid currentColor; border-radius:50%; box-shadow:0 0 0 22px #76a9bf18,0 0 0 44px #76a9bf12; }
.art-shift .art-object { transform:none; }
.art-permission .art-object { padding:26px 12px; border-radius:55px 100px 30px 30px; }
.art-onboarding .art-object { padding:22px 0; border-radius:100px 30px 30px 30px; }
.art-documents .art-object,.art-overtime .art-object { height:230px; }
.art-documents .art-object svg,.art-overtime .art-object svg { height:225px; max-height:225px; margin-top:0; transform:none; }

/* Content systems change composition, not just card colours. */
.art-layout-editorial > .ed-wrap { display:grid; grid-template-columns:.85fr 1.15fr; gap:50px; align-items:center; }
.art-layout-editorial .art-section-copy .ed-intro:last-child { margin-bottom:0; }
.art-layout-editorial :is(.branch-grid,.ed-foundation-grid,.ed-process-boxes,.ed-perspectives) { grid-template-columns:1fr; gap:16px; }
.art-layout-editorial :is(.branch-card,.ed-info-card,.ed-process-boxes article,.ed-perspectives article) { display:grid; grid-template-columns:.8fr 1.2fr; gap:24px; align-items:center; padding:28px; border-radius:24px; }
.art-layout-editorial article h3,.art-layout-editorial article p { margin:0; }
.art-layout-editorial .ed-editorial { grid-column:1/-1; margin:0; }
.art-layout-mosaic :is(.branch-grid,.ed-foundation-grid,.ed-process-boxes,.ed-perspectives) { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.art-layout-mosaic :is(.branch-grid,.ed-foundation-grid,.ed-process-boxes,.ed-perspectives) > article:first-child { grid-column:span 2; background:#063755; color:white; border-radius:36px; padding:40px; }
.art-layout-mosaic article:first-child p { color:#e0edf5; }
.art-layout-mosaic :is(.branch-grid,.ed-process-boxes) > article:last-child:nth-child(4) { grid-column:span 2; }
.art-layout-mosaic article { border-radius:36px; }
.art-layout-folio { background:#f4f8fb; }
.art-layout-folio > .ed-wrap { display:grid; grid-template-columns:1fr 1fr; gap:35px 60px; }
.art-layout-folio .art-section-copy { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:0 60px; align-items:center; }
.art-layout-folio .art-section-copy h2 { grid-row:span 3; margin:0; }
.art-layout-folio .art-section-copy .ed-intro { margin:0 0 18px; }
.art-layout-folio :is(.branch-grid,.ed-foundation-grid,.ed-process-boxes,.ed-perspectives) { grid-column:1/-1; grid-template-columns:1fr; gap:0; border:1px solid #c8dce7; border-radius:28px; overflow:hidden; }
.art-layout-folio :is(.branch-card,.ed-info-card,.ed-process-boxes article,.ed-perspectives article) { display:grid; grid-template-columns:.7fr 1.3fr; gap:40px; align-items:center; background:#fff; border:0; border-bottom:1px solid #c8dce7; border-radius:0; padding:30px 40px; color:#063755; }
.art-layout-folio article:last-child { border-bottom:0; }
.art-layout-folio article p { color:#496574; margin:0; }
.art-layout-folio article h3 { margin:0; }
.art-layout-gallery :is(.branch-grid,.ed-foundation-grid,.ed-process-boxes,.ed-perspectives) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }
.art-layout-gallery article { border-radius:70px 24px 24px 24px; padding:42px 32px; background:#e6f1f6; border:0; }
.art-layout-gallery article:nth-child(even) { border-radius:24px 24px 70px 24px; background:#d6e8f2; }
.art-layout-gallery article h3 { padding-bottom:22px; border-bottom:1px solid #8eb2c5; }
.art-layout-stagger { background:#fff; }
.art-layout-stagger :is(.branch-grid,.ed-foundation-grid,.ed-process-boxes,.ed-perspectives) { grid-template-columns:1fr 1fr; gap:30px; align-items:start; padding:10px 0 35px; }
.art-page .art-layout-stagger article:nth-child(even) { margin-top:45px; border-radius:45px 45px 12px 45px; background:#063755; color:white; }
.art-layout-stagger article:nth-child(even) p { color:#dfebf3; }
.art-layout-stagger article { padding:38px; border-radius:12px 45px 45px 45px; }
.art-layout-ledger { background:linear-gradient(100deg,#edf5f9,#fff); }
.art-layout-ledger :is(.branch-grid,.ed-foundation-grid,.ed-process-boxes,.ed-perspectives) { grid-template-columns:1fr 1fr; gap:0; background:#fff; border:1px solid #bed5e2; border-radius:32px; overflow:hidden; }
.art-layout-ledger article { background:none; border:0; border-radius:0; padding:38px; border-bottom:1px solid #d0e1eb; }
.art-layout-ledger article:nth-child(even) { background:#edf4f8; }
.art-layout-ledger article h3 { color:#063755; }
.art-layout-ledger article p { color:#496574; }
.art-layout-ledger article:nth-last-child(-n+2) { border-bottom:0; }
.art-page .art-layout-ledger :is(.branch-card,.ed-info-card,.ed-process-boxes article,.ed-perspectives article) { background:#fff; color:#063755; border-radius:0; }
.art-page .art-layout-ledger :is(.branch-card,.ed-info-card,.ed-process-boxes article,.ed-perspectives article):nth-child(even) { background:#edf4f8; }
.art-page .art-section.art-layout-ledger :is(.branch-card,.ed-info-card,.ed-process-boxes article,.ed-perspectives article) p { color:#496574; }
.art-page .art-layout-folio .branch-card { background:#fff; color:#063755; }
.art-page .art-layout-folio .branch-card p { color:#496574; }
.art-page .art-layout-gallery .branch-card { background:#e6f1f6; color:#063755; }
.art-page .art-layout-gallery .branch-card:nth-child(even) { background:#d6e8f2; }
.art-page .art-layout-gallery .branch-card p { color:#496574; }

/* Different product and closing compositions; branding stays consistent. */
.art-products-rows .branch-products .branch-grid { grid-template-columns:1fr; }
.art-products-rows .branch-product { display:grid; grid-template-columns:200px 1fr auto; gap:18px 30px; padding:35px; border-radius:28px; align-items:center; }
.art-products-rows .branch-product img { grid-row:1 / span 2; margin:0; }
.art-products-rows .branch-product p { grid-column:2; margin:0; }
.art-products-rows .branch-product .site-pill { grid-column:3; grid-row:1 / span 2; justify-self:center; margin-top:0; }
.art-products-offset .branch-products .branch-grid { grid-template-columns:1.15fr .85fr; align-items:start; padding-bottom:35px; }
.art-products-offset .branch-product:nth-child(2) { margin-top:55px; border-radius:60px 24px 24px 24px; }
.art-products-offset .branch-product:first-child { border-radius:24px 24px 60px 24px; }
.art-faq-grid .ed-faq-list { grid-template-columns:1fr 1fr; align-items:start; }
.art-faq-split .ed-faq > .ed-wrap { display:grid; grid-template-columns:.7fr 1.3fr; gap:45px; align-items:start; }
.art-faq-split .ed-faq h2 { margin-top:35px; }
.art-faq-grid .branch-closing .branch-note { border-radius:80px 28px 80px 28px; }
.art-faq-split .branch-closing .branch-note { background:#e4eff6; color:#063755; border:1px solid #c4dbe7; border-radius:28px; }
.art-faq-split .branch-closing .branch-note p { color:#355b70; }
.art-faq-split .branch-closing { background:#fff; }
.art-organization .branch-support,.art-contracts .branch-support,.art-leave .branch-support,.art-reports .branch-support { margin:0 32px; border-radius:44px; }
.art-positions .branch-support .branch-grid,.art-sync .branch-support .branch-grid,.art-corrections .branch-support .branch-grid { gap:0; }
.art-positions .branch-support .branch-card,.art-sync .branch-support .branch-card,.art-corrections .branch-support .branch-card { background:transparent; border:0; border-radius:0; }
.art-positions .branch-support .branch-card+.branch-card,.art-sync .branch-support .branch-card+.branch-card,.art-corrections .branch-support .branch-card+.branch-card { border-left:1px solid #527d94; }

@media(max-width:1050px) {
 .art-page .art-hero-layout { gap:25px; }
 .art-page .art-hero h1 { font-size:42px; letter-spacing:-1.4px; }
 .art-layout-editorial > .ed-wrap { grid-template-columns:1fr; gap:30px; }
 .art-products-rows .branch-product { grid-template-columns:160px 1fr; }
 .art-products-rows .branch-product > p:not(:has(strong)),.art-products-rows .branch-product .site-pill { grid-column:2; grid-row:auto; }
}
@media(max-width:760px) {
 .art-page .art-hero { padding:130px 0 45px; min-height:0; border-radius:0 0 32px 32px; }
 .art-page .art-hero-layout { display:flex; flex-direction:column; gap:28px; }
 .art-page .art-hero-copy { width:100%; padding:0; }
 .art-page .art-hero h1 { font-size:clamp(32px,7vw,46px); letter-spacing:-1px; }
 .art-page .art-hero .ed-lead { font-size:16px; }
 .art-page .art-object { order:0; width:70%; max-width:330px; padding:0; transform:none; }
 .art-page .art-object svg { max-height:220px; }
 .art-branches .art-object { position:static; opacity:.65; }
 .art-branches .art-hero-layout { min-height:0; }
 .art-contracts .art-hero-layout,.art-leave .art-hero-layout,.art-offboarding .art-hero-layout { padding:30px 22px; border-radius:30px; }
 .art-positions .art-hero-copy,.art-corrections .art-hero-copy { padding:30px 22px; border-radius:30px; }
 .art-sync .art-hero-copy { padding:24px 0; }
 .art-documents .art-object,.art-overtime .art-object { height:185px; }
 .art-documents .art-object svg,.art-overtime .art-object svg { height:180px; }
 .art-page .art-section { padding:55px 0; }
 .art-layout-folio > .ed-wrap,.art-layout-folio .art-section-copy { display:block; }
 .art-layout-folio .art-section-copy { margin-bottom:30px; }
 .art-layout-folio .art-section-copy h2 { margin-bottom:24px; }
 .art-layout-folio :is(.branch-card,.ed-info-card,.ed-process-boxes article,.ed-perspectives article),.art-layout-editorial :is(.branch-card,.ed-info-card,.ed-process-boxes article,.ed-perspectives article) { display:block; padding:28px 22px; }
 .art-layout-folio article h3,.art-layout-editorial article h3 { margin-bottom:18px; }
 .art-page .art-section :is(.branch-grid,.ed-foundation-grid,.ed-process-boxes,.ed-perspectives) { grid-template-columns:1fr; gap:16px; }
 .art-page .art-section :is(.branch-grid,.ed-foundation-grid,.ed-process-boxes,.ed-perspectives) > article { grid-column:auto; margin-top:0; padding:28px 22px; }
 .art-page .art-layout-mosaic :is(.branch-grid,.ed-foundation-grid,.ed-process-boxes,.ed-perspectives) > article:first-child,
 .art-page .art-layout-mosaic :is(.branch-grid,.ed-foundation-grid,.ed-process-boxes,.ed-perspectives) > article:last-child:nth-child(4) { grid-column:1 / -1; }
 .art-layout-ledger :is(.branch-grid,.ed-foundation-grid,.ed-process-boxes,.ed-perspectives),.art-layout-folio :is(.branch-grid,.ed-foundation-grid,.ed-process-boxes,.ed-perspectives) { gap:0 !important; }
 .art-layout-ledger article:nth-last-child(-n+2) { border-bottom:1px solid #d0e1eb; }
 .art-layout-ledger article:last-child { border-bottom:0; }
 .art-products-rows .branch-product { display:flex; padding:30px 24px; }
 .art-products-rows .branch-product p { margin:10px 0; }
 .art-products-offset .branch-products .branch-grid { grid-template-columns:1fr; padding:0; }
 .art-products-offset .branch-product:nth-child(2) { margin-top:0; }
 .art-faq-grid .ed-faq-list { grid-template-columns:1fr; }
 .art-faq-split .ed-faq > .ed-wrap { display:block; }
 .art-organization .branch-support,.art-contracts .branch-support,.art-leave .branch-support,.art-reports .branch-support { margin:0 12px; border-radius:28px; }
 .art-positions .branch-support .branch-card+.branch-card,.art-sync .branch-support .branch-card+.branch-card,.art-corrections .branch-support .branch-card+.branch-card { border-left:0; border-top:1px solid #527d94; }
}
/* Keep text paired with the light card surfaces, overriding the dark-card defaults. */
.art-page .art-section.art-layout-ledger :is(.branch-card,.ed-info-card,.ed-process-boxes article,.ed-perspectives article) h3 {
 color:#063755;
}
.art-page .art-section.art-layout-ledger :is(.branch-card,.ed-info-card,.ed-process-boxes article,.ed-perspectives article) p {
 color:#496574;
}