/* Final case-study navigation and outcome rhythm. Original artwork stays untouched. */
.case-outcome .lede{font-weight:500;margin-top:18px;margin-bottom:22px}
.case-outcome .copy{margin-bottom:0}
.case-outcome{scroll-margin-top:115px}
@media(max-width:980px){
 body[data-service] .nav .wrap{display:block;padding-block:10px 6px}
 body[data-service] .nav ul{display:flex;flex-wrap:nowrap;overflow-x:auto;margin-top:6px;padding-bottom:3px;max-width:100%;scrollbar-width:thin}
 body[data-service] .nav ul a{display:flex;align-items:center;min-height:44px;padding:8px 10px;font-size:12px}
 body[data-service] section[id]{scroll-margin-top:115px}
}
/* Work is presented directly, with no gallery expansion step. */
.work-always-visible>summary{display:none!important}
.work-always-visible{border:0!important;padding-top:0!important}
.work-always-visible .more{margin-top:24px}
body:not([data-service]) .hero .wrap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;padding-top:clamp(48px,6vw,88px)}
body:not([data-service]) .hero h1{max-width:1000px;margin:0 auto;text-align:center}
body:not([data-service]) .hero-side{max-width:720px;align-self:center;margin:0 auto}
body:not([data-service]) .hero-side>p{margin:0 auto 24px;text-align:center}
body:not([data-service]) .hero .badge{width:fit-content;max-width:100%;margin-inline:auto;text-align:left}

/* Keep the two headline thoughts separate, and the phrase digital team intact. */
body:not([data-service]) .hero h1{font-size:clamp(32px,5.2vw,72px);line-height:1.12;width:100%;max-width:1100px;text-wrap:balance}
.hero-headline-line{display:block}
.hero-keep{white-space:nowrap}

/* Readable phrases at every viewport, without forcing long lines on phones. */
h1,h2,h3,h4,.h2,.lede,.fill{ text-wrap:balance;word-break:normal;overflow-wrap:normal;hyphens:none }
p,.copy,.portfolio-intro{ text-wrap:pretty }
.thought-line{display:block}
#impact .proof-links{justify-content:center;text-align:center;margin-block:32px}
#impact .proof-links a{max-width:100%;text-wrap:balance}
main :is(.row-grid,.portfolio-grid,.grid,.an-grid)>*{min-width:0}
@media(min-width:1800px){
 body[data-service] .wrap{max-width:1440px}
 body[data-service]{font-size:18px}
 body[data-service] .copy,body[data-service] .portfolio-intro{font-size:20px}
}
/* Prevent display headings from dominating narrow phone screens. */
@media(max-width:600px){
 body[data-service] main h2,body[data-service] main .ed-title{font-size:clamp(28px,7.4vw,36px);line-height:1.18}
 body[data-service] main h3{font-size:clamp(24px,6.4vw,30px);line-height:1.22}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* Overview work link and row-aware metric separators. */
#work>.wrap>.section-link{justify-self:center;margin-inline:auto;text-align:center;max-width:100%;text-wrap:balance}
@media(min-width:761px){#nums>div:nth-child(3n+1){border-left:0;padding-left:0}}

.bank-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid #2a2a33;padding-top:28px}
.bank-process>div{min-width:0}.bank-process h3{font-size:24px;line-height:1.2;margin:14px 0}.bank-process p{color:#b1b1ba;font-size:17px;line-height:1.65}
@media(max-width:700px){.bank-process{grid-template-columns:1fr;gap:24px}.bank-process>div+div{border-top:1px solid #2a2a33;padding-top:24px}}

#bank-ready .head.split{grid-template-columns:1fr}#bank-ready .bank-experience{max-width:none;border-top:1px solid #2a2a33;padding-top:28px}