/* Shared editorial hierarchy for services and case studies. */
:is(.service-redesign,.case-redesign) main{--reading-line:#8498b52b;--reading-surface:#111a29}
:is(.service-redesign,.case-redesign) main p{line-height:1.75;text-wrap:pretty;color:#bcc8da}
:is(.service-redesign,.case-redesign) main h2{font-size:clamp(1.8rem,3.2vw,2.85rem);line-height:1.18;letter-spacing:-.035em;text-wrap:balance;max-width:27ch}
:is(.service-redesign,.case-redesign) main h3{font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.35;text-wrap:balance;letter-spacing:-.015em}
:is(.service-redesign,.case-redesign) .eyebrow{font-size:.8125rem;line-height:1.5;letter-spacing:.11em;margin-bottom:18px;color:#71d5e3}
.service-redesign .page-hero{padding-top:160px;padding-bottom:60px;min-height:0}
.service-redesign .page-hero h1{font-size:clamp(2.35rem,4.7vw,4.1rem);line-height:1.13;max-width:22ch;letter-spacing:-.045em;text-wrap:balance;margin-bottom:24px}
.service-redesign .page-lead{max-width:64ch;font-size:1.125rem;line-height:1.75}
.service-redesign .breadcrumb{margin-bottom:24px}
.service-redesign .page-hero .button{margin-top:26px}
.service-redesign .section{padding-block:64px}
.service-redesign .page-fit{padding-block:36px 44px;border-block:1px solid var(--reading-line);display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,1.45fr);gap:40px;align-items:start}
.service-redesign .page-fit>.eyebrow{margin:6px 0 0}
.service-redesign .page-fit h2{font-size:clamp(1.65rem,2.7vw,2.3rem);max-width:30ch;margin-bottom:18px}
.service-redesign .page-fit p:not(.eyebrow){max-width:65ch;font-size:1.0625rem;margin-top:0}
.service-redesign .scope-layout{display:block!important;padding-block:64px}
.service-redesign .scope-layout .sticky-copy{position:static;max-width:760px;margin-bottom:32px}
.service-redesign .scope-layout .sticky-copy>p:not(.eyebrow){max-width:65ch;margin-top:18px}
.service-redesign .scope-layout .sticky-copy h2{font-size:clamp(1.8rem,3.2vw,2.85rem);max-width:27ch}
.service-redesign .scope-roadmap,.service-redesign .deliverable-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0;counter-reset:deliverable}
.service-redesign .scope-roadmap::before,.service-redesign .roadmap-step::before,.service-redesign .roadmap-step::after{display:none}
.service-redesign .roadmap-step,.service-redesign .deliverable-card{display:block;position:relative;padding:26px;border:1px solid var(--reading-line);border-radius:18px;background:var(--reading-surface);margin:0;min-width:0}
.service-redesign .roadmap-number{position:static;display:block;width:auto;height:auto;border:0;background:none;box-shadow:none;margin:0 0 16px;padding:0;color:#6ddfed;font-size:.875rem;line-height:1;transform:none}
.service-redesign .roadmap-label{display:none}
.service-redesign .roadmap-step h3,.service-redesign .deliverable-card h3{margin:0 0 14px;font-size:1.25rem}
.service-redesign .scope-num{display:block;margin:0 0 16px;color:#6ddfed;font-size:.875rem}
.service-redesign .roadmap-step p,.service-redesign .deliverable-card p{margin:0;font-size:1rem;line-height:1.75;max-width:58ch}
.service-redesign .process-panel{padding-block:56px;background:#0d1522;border-block:1px solid var(--reading-line)}
.service-redesign .page-steps{gap:24px;margin-top:30px}.service-redesign .page-steps li{padding-top:18px}.service-redesign .page-steps span{margin-bottom:16px}.service-redesign .page-steps h3{margin-bottom:12px}.service-redesign .page-steps p{font-size:1rem}
.service-redesign .specialists{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center;padding-block:64px;border-bottom:1px solid var(--reading-line)}
.service-redesign .specialist-photos{display:flex;align-items:center;justify-content:flex-start;gap:16px;min-width:0}
.service-redesign .specialist-photos img{display:block;width:calc(50% - 8px);height:auto;max-width:220px;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:18px;border:0;background:transparent}
.service-redesign .specialist-solo .specialist-photos img{width:100%;max-width:250px}
.service-redesign .specialists h2{max-width:25ch}.service-redesign .specialists p{max-width:60ch;margin-top:16px}.service-redesign .specialists .eyebrow{margin-top:0}
.service-redesign .page-faq{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:48px}
.service-redesign .page-faq details{padding:20px 0}.service-redesign .page-faq summary{font-size:1.125rem;line-height:1.5}.service-redesign .page-faq details p{font-size:1rem;max-width:65ch}
.service-redesign .proof-grid{gap:24px;align-items:start}.service-redesign .website-capture img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}.service-redesign .proof-copy{padding:24px}
.service-redesign .service-feature-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;align-items:center;gap:44px}
.service-redesign .service-feature-hero h1{font-size:clamp(2.25rem,3.7vw,3.5rem);max-width:20ch}
.service-redesign .service-feature-hero .creative-intro{margin:0;width:100%;max-width:none;border-radius:28px;overflow:hidden}
.service-redesign .service-feature-hero .creative-intro img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:28px}
.service-redesign .service-feature-hero .creative-intro figcaption{padding:12px 0;text-align:left}
.service-redesign .service-person{gap:48px;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);margin-block:40px 64px}.service-redesign .service-person>img{height:auto;width:100%;max-height:none;object-fit:contain;border-radius:20px}
:is(.service-redesign,.case-redesign) .page-cta{padding:52px 36px;margin-block:40px 64px}
:is(.service-redesign,.case-redesign) .page-cta h2{margin-inline:auto;max-width:26ch;font-size:clamp(1.9rem,3.3vw,3rem)}
:is(.service-redesign,.case-redesign) .portfolio-copy h3{font-size:1.3rem;margin-bottom:16px}
:is(.service-redesign,.case-redesign) .portfolio-visual.pdf-case-photo{height:auto!important;aspect-ratio:auto;background:transparent;padding:0}
:is(.service-redesign,.case-redesign) .portfolio-visual.pdf-case-photo img{display:block;width:100%;height:auto;max-height:340px;aspect-ratio:auto;object-fit:contain;background:transparent}
/* The case image belongs to its introduction, not a detached banner below it. */
.case-redesign .case-detail-title{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center;padding-top:160px;padding-bottom:64px}
.case-redesign .case-detail-title h1{font-size:clamp(2.1rem,3.6vw,3.4rem);line-height:1.16;max-width:24ch;letter-spacing:-.04em}
.case-redesign .case-detail-title .page-lead{font-size:1.0625rem;max-width:58ch;margin-top:22px}
.case-redesign .case-detail-title .result-number{font-size:clamp(2.3rem,4vw,3.7rem);line-height:1.1;margin:26px 0 24px;color:#55dced}
.case-redesign .case-detail-title .result-number span{display:block;font-size:.875rem;color:#b6c3d5;line-height:1.6;margin-top:12px}
.case-redesign .case-intro-photo{margin:0;min-width:0;background:none;border:0;box-shadow:none}
.case-redesign .case-intro-photo img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;aspect-ratio:auto;border-radius:22px}
.case-redesign .bg-chapter{padding-block:44px;border-top:1px solid var(--reading-line)}
.case-redesign .bg-chapter>h2{font-size:clamp(1.8rem,3vw,2.5rem);max-width:30ch;margin:12px 0 20px}
.case-redesign .bg-chapter>p:not(.eyebrow){max-width:74ch;font-size:1.0625rem;line-height:1.8;margin-bottom:28px}
.case-redesign :is(.pdf-photo-grid,.bg-real-photos){display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:28px;margin:30px 0}
.case-redesign :is(.pdf-photo-grid,.bg-real-photos)>figure{flex:0 1 auto;width:auto;max-width:calc(50% - 14px);margin:0;background:none}
.case-redesign :is(.pdf-photo-grid,.bg-real-photos) img{display:block;width:auto;height:auto;max-width:100%;max-height:400px;aspect-ratio:auto;object-fit:contain;background:transparent;border-radius:18px}
.case-redesign :is(.pdf-photo-grid,.bg-real-photos) figcaption{max-width:42ch;font-size:.875rem;line-height:1.6;margin-top:12px;color:#aebed1}
.case-redesign .result-capture{background:#101827;padding:12px;border-radius:16px}.case-redesign .result-capture img{height:auto;width:100%;max-height:none;aspect-ratio:auto;object-fit:contain}
@media(max-width:900px){.service-redesign .page-fit,.service-redesign .page-faq{grid-template-columns:1fr;gap:22px}.service-redesign .page-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.case-redesign .case-detail-title{gap:30px}.service-redesign .specialists{gap:28px}.service-redesign .service-feature-hero{gap:28px}}
@media(max-width:700px){.service-redesign .page-hero,.case-redesign .case-detail-title{padding-top:132px;padding-bottom:40px}.service-redesign .section,.service-redesign .scope-layout{padding-block:44px}.service-redesign .scope-roadmap,.service-redesign .deliverable-grid{grid-template-columns:1fr}.service-redesign .specialists,.service-redesign .service-person,.case-redesign .case-detail-title{grid-template-columns:1fr}.service-redesign .service-feature-hero{grid-template-columns:1fr!important}.service-redesign .specialists{padding-block:44px}.service-redesign .specialist-photos{max-width:420px}.service-redesign .specialist-solo .specialist-photos img{max-width:210px}.service-redesign .service-person>img{max-width:320px}.case-redesign .case-intro-photo{max-width:480px}.case-redesign :is(.pdf-photo-grid,.bg-real-photos)>figure{max-width:100%}.case-redesign :is(.pdf-photo-grid,.bg-real-photos) img{max-height:none;width:100%;height:auto}:is(.service-redesign,.case-redesign) .page-cta{padding:36px 20px}.service-redesign .roadmap-step,.service-redesign .deliverable-card{padding:22px}.service-redesign .page-hero h1{font-size:clamp(2.15rem,8.3vw,3.3rem)}}
@media(max-width:420px){.service-redesign .page-steps{grid-template-columns:1fr}}

/* Consistent portrait frames and compact service FAQs. */
.service-redesign .specialist-pair .specialist-photos{align-items:stretch}
.service-redesign .specialist-pair .specialist-photos img{width:calc(50% - 8px);height:auto;aspect-ratio:4/5;object-fit:contain;object-position:center bottom;background:#fff;align-self:stretch}
.inner-page.service-redesign .page-faq{grid-template-columns:minmax(0,1fr);gap:24px;max-width:960px;margin-inline:auto}
.inner-page.service-redesign .page-faq h2{font-size:clamp(1.75rem,3vw,2.5rem);max-width:none;margin:0}
.inner-page.service-redesign .page-faq details{padding:0 20px;border-radius:12px;background:#101522;margin:0 0 8px}
.inner-page.service-redesign .page-faq summary{min-height:0;padding:17px 0;font-size:1rem;line-height:1.5;gap:20px}
.inner-page.service-redesign .page-faq details p{margin:0;padding:0 0 18px;line-height:1.65}
@media(max-width:700px){.inner-page.service-redesign .page-faq{gap:20px}.inner-page.service-redesign .page-faq details{padding-inline:16px}.inner-page.service-redesign .page-faq summary{padding-block:15px}.service-redesign .specialist-pair .specialist-photos{gap:12px}.service-redesign .specialist-pair .specialist-photos img{width:calc(50% - 6px)}}

/* Shared service portraits: identical dimensions and restored arch. */
.service-redesign .specialist-photos,
.service-redesign .specialist-pair .specialist-photos{
 display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:16px;align-items:start;width:100%;max-width:456px;
}
.service-redesign .specialist-solo .specialist-photos{grid-template-columns:minmax(0,220px)}
.service-redesign .specialist-photos img,
.service-redesign .specialist-pair .specialist-photos img,
.service-redesign .specialist-solo .specialist-photos img{
 display:block;width:100%;height:auto;aspect-ratio:4/5;max-width:220px;max-height:none;min-width:0;
 object-fit:cover;object-position:center top;border-radius:50% 50% 18px 18px / 20% 20% 18px 18px;border:0;background:#fff;align-self:start;
}
/* One card surface, shared by Google, Meta and TikTok service scopes. */
.service-redesign .scope-roadmap .roadmap-step>div{padding:0;border:0;border-radius:0;background:none}
@media(max-width:700px){
 .service-redesign .specialist-photos,.service-redesign .specialist-pair .specialist-photos{gap:12px;max-width:452px}
}

/* Three people share the same portrait treatment as the Google Ads team. */
.service-redesign .specialist-trio .specialist-photos{grid-template-columns:repeat(3,minmax(0,1fr));max-width:456px}
.service-redesign .specialist-trio .specialist-photos img{width:100%;max-width:none;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:50% 50% 18px 18px / 20% 20% 18px 18px;background:#fff}
@media(max-width:700px){.service-redesign .specialist-trio .specialist-photos{gap:10px;max-width:452px}}

/* Service teams, including direct leadership and project management. */
.service-redesign .specialist-team .specialist-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:456px}
.service-redesign .specialist-team.team-size-4 .specialist-photos{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-redesign .specialist-team .specialist-photos img{width:100%;max-width:none;aspect-ratio:4/5;object-fit:cover;object-position:center top}
@media(max-width:480px){.service-redesign .specialist-team .specialist-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}