/* Service headers: nine compositions with the Sigma navy palette. */
.consultation-cover { position:relative; isolation:isolate; overflow:hidden; background:#063755; color:#fff; padding:168px 0 76px; }
.consultation-cover::before { content:""; position:absolute; inset:110px 0 0; z-index:-1; background:radial-gradient(ellipse at 85% 75%,#37679244,transparent 65%); }
.consultation-composition { position:relative; display:grid; grid-template-columns:1.1fr 1fr; grid-template-areas:"heading art" "copy art"; gap:24px 64px; align-items:center; }
.consultation-heading { grid-area:heading; min-width:0; align-self:end; z-index:1; }
.service-page .consultation-cover h1 { font-size:clamp(40px,4.7vw,66px); font-weight:600; letter-spacing:-.035em; line-height:1.1; max-width:none; margin:0 0 24px; text-wrap:balance; }
.consultation-subtitle { font-size:23px; font-weight:400; line-height:1.5 !important; color:#d6e6f1; margin:0 !important; }
.consultation-copy { grid-area:copy; align-self:start; min-width:0; z-index:1; }
.consultation-copy > p { font-size:17px; color:#d6e6f1; max-width:65ch; margin:0 0 24px; }
.consultation-cover .service-actions { justify-content:flex-start; gap:12px; }
.consultation-art { grid-area:art; min-width:0; pointer-events:none; }
.consultation-art svg { display:block; width:100%; height:auto; }
.consultation-art text { font-family:Segoe UI,Arial,sans-serif; font-size:24px; font-weight:500; fill:#e1f0fa; }
.consultation-art .consultation-ink { fill:#164d6e; }
.consultation-art .consultation-small { font-size:23px; }
/* Consultation: conversation and requirements. */
.consultation-cover--1 { padding-bottom:60px; border-radius:0 0 48px 48px; }
.consultation-cover--1 .consultation-composition { grid-template-columns:1fr 1fr; grid-template-areas:"heading art" "copy art"; gap:24px 48px; }
.consultation-cover--1 .consultation-heading { max-width:920px; }
.consultation-cover--1 h1 { font-size:clamp(48px,6vw,82px); }
.consultation-cover--1 .consultation-copy { align-self:start; }
.consultation-cover--1 .consultation-art svg { max-height:300px; }
/* Demo: application preview on the left. */
.consultation-cover--2 .consultation-composition { grid-template-columns:.9fr 1.1fr; grid-template-areas:"art heading" "art copy"; }
.consultation-cover--2 .consultation-art { transform:none; }
.service-page .consultation-cover--2 h1 { font-size:clamp(40px,4.2vw,60px); }
/* Selection: typography and lead form an open two-column spread. */
.consultation-cover--3 .consultation-composition { grid-template-columns:1.15fr 1fr; grid-template-areas:"heading heading" "copy art"; align-items:start; gap:28px 48px; }
.consultation-cover--3 .consultation-heading { align-self:start; }
.consultation-cover--3 .consultation-copy { padding-top:0; }
.consultation-cover--3 .consultation-art { width:100%; height:240px; }
.consultation-cover--3 .consultation-art svg { height:100%; }
/* Deployment: cloud and company infrastructure. */
.consultation-cover--4 .consultation-composition { grid-template-columns:1fr 1.1fr; grid-template-areas:"heading heading" "art copy"; gap:28px 48px; }
.consultation-cover--4 .consultation-heading { text-align:center; }
.consultation-cover--4 .consultation-copy { align-self:start; padding-top:24px; }
.consultation-cover--4 .consultation-art svg { max-height:250px; }
/* Analysis: review of a requirements document. */
.consultation-cover--5 .consultation-composition { grid-template-columns:1.1fr 1fr; }
.consultation-cover--5 .consultation-heading { border-top:1px solid #91b6cf66; padding-top:28px; }
.consultation-cover--5 .consultation-art { transform:none; }
/* Modules: no cropped ornament or green band below the navy navigation. */
.consultation-cover--6 { border-radius:0 0 56px 0; }
.consultation-cover--6 .consultation-composition { grid-template-columns:1.25fr .85fr; gap:26px 40px; }
.consultation-cover--6 .consultation-art { align-self:end; }
.consultation-cover--6 .consultation-copy > p { max-width:58ch; }
/* Payroll: illustration and title above a centred reading column. */
.consultation-cover--7 .consultation-composition { grid-template-columns:.65fr 1.35fr; grid-template-areas:"art heading" "art copy"; gap:24px 40px; }
.consultation-cover--7 .consultation-heading { align-self:end; padding-left:35px; border-left:1px solid #91b6cf66; }
.consultation-cover--7 .consultation-art svg { max-height:300px; }
.consultation-cover--7 .consultation-copy { max-width:800px; margin:0; padding-left:35px; text-align:left; }
.consultation-cover--7 .consultation-copy > p { max-width:none; }
.consultation-cover--7 .service-actions { justify-content:flex-start; }
/* Costs: budget composition and cost factors. */
.consultation-cover--8 .consultation-composition { grid-template-columns:1.1fr 1fr; grid-template-areas:"heading heading" "copy art"; text-align:left; gap:28px 48px; }
.consultation-cover--8 .consultation-heading { text-align:center; }
.consultation-cover--8 .consultation-copy { max-width:800px; margin:0; padding-top:24px; }
.consultation-cover--8 .consultation-copy > p { max-width:none; }
.consultation-cover--8 .service-actions { justify-content:flex-start; }
.consultation-cover--8 .consultation-art svg { max-height:240px; }
/* Planning: wide headline, with an ascending composition beside the lead. */
.consultation-cover--9 .consultation-composition { grid-template-columns:1.2fr 1fr; grid-template-areas:"heading heading" "copy art"; gap:24px 48px; }
.consultation-cover--9 .consultation-heading { padding-bottom:24px; border-bottom:1px solid #91b6cf55; }
.consultation-cover--9 .consultation-copy { align-self:start; padding-top:20px; }
.consultation-cover--9 .consultation-art svg { max-height:250px; }
@media(max-width:1000px) {
    .consultation-composition { gap:24px 30px; }
    .service-page .consultation-cover h1 { font-size:clamp(36px,5vw,54px); }
}
@media(max-width:700px) {
    .consultation-cover { padding:132px 0 42px; border-radius:0 0 28px 0; }
    .consultation-cover .consultation-composition { display:flex; flex-direction:column; text-align:left; gap:24px; }
    .consultation-cover .consultation-heading,.consultation-cover .consultation-copy { width:100%; padding:0; border:0; margin:0; align-self:auto; text-align:left; }
    .service-page .consultation-cover h1 { font-size:38px; letter-spacing:-1.1px; }
    .consultation-subtitle { font-size:21px; }
    .consultation-cover .service-actions { justify-content:flex-start; }
    .consultation-cover .consultation-art { width:100%; max-width:360px; height:auto; align-self:center; transform:none; }
    .consultation-cover .consultation-art svg { width:100%; height:250px; max-height:none; }
}