/* Responsive typography: shared across desktop, tablet and mobile. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:16px;line-height:1.9}
h1,h2,h3,blockquote{word-break:normal;overflow-wrap:anywhere;line-break:strict;text-wrap:balance}
p,li,dd{line-break:strict;overflow-wrap:break-word;text-wrap:pretty}
:where(main,section,article,nav,footer) :where(div,article,aside){min-width:0}
:where(.btn,.pill,.button,.arrow){max-width:100%;line-height:1.6;white-space:normal}
:where(.btn,.button,.arrow) svg{flex-shrink:0}
.footlinks,footer nav{flex-wrap:wrap;row-gap:14px}
.footlinks a,footer nav a{white-space:normal;overflow-wrap:anywhere}
@media(max-width:760px){h1{letter-spacing:.025em}h2,h3{letter-spacing:.02em}p,li,dd{line-height:1.9}.footer-top,.footer-bottom{flex-wrap:wrap}}

.hero h1{font-size:clamp(2rem,4.1vw,3.5rem);line-height:1.55;letter-spacing:.035em}
.head h2,.section h2,.manifesto h2{font-size:clamp(1.625rem,2.7vw,2.25rem)!important;line-height:1.65!important;letter-spacing:.035em!important}
.hero-copy{max-width:700px}.hero-copy:has(.lead){display:block;max-width:880px}.hero-copy .lead{max-width:650px;font-size:1rem;line-height:2}.hero-index{display:none}
.hero-actions{display:flex;flex-wrap:wrap}.hero-actions .btn{min-width:0}
.section-intro,.large{max-width:720px;font-size:1rem;line-height:2}
.service h3{font-size:clamp(1.125rem,1.8vw,1.375rem);line-height:1.6}.service h3 small{display:block;font-size:.875rem;line-height:1.7;margin-top:6px}
.service p,.approach p,.process p,.code p{font-size:1rem;line-height:1.9}
.service:has(> .num){grid-template-columns:48px minmax(0,1fr) minmax(0,1.5fr);gap:24px}
.statement blockquote,.model .claim{font-size:clamp(1.625rem,3.2vw,2.5rem);line-height:1.7}
.navin{gap:20px}.links{flex-wrap:wrap;row-gap:8px}.nav .brand,.nav .logo{flex-shrink:0}.nav .brand-art{max-width:100%}
.profile-row dd{font-size:1rem;line-height:1.9;min-width:0}.job-grid{grid-template-columns:180px minmax(0,1fr)}.job-grid dd,.job-intro{font-size:1rem;line-height:1.9}.job-title{line-height:1.65}.job-head{flex-wrap:wrap;gap:16px}.positions h3{font-size:1.375rem;line-height:1.6}.positions p,.office-copy p,.common-grid p{font-size:1rem;line-height:1.9}
@media(min-width:761px) and (max-width:1050px){.head,.section-head{grid-template-columns:1fr;gap:20px}.nav .links{gap:14px;font-size:12px}.code{grid-template-columns:repeat(3,minmax(0,1fr))}.process{grid-template-columns:repeat(2,minmax(0,1fr))}.prime{grid-template-columns:1fr}.case-note{grid-template-columns:1fr}}
@media(max-width:760px){
.hero{min-height:0;padding:112px 0 52px}.hero h1{font-size:clamp(1.5rem,6.5vw,1.875rem);line-height:1.65;letter-spacing:.025em;margin:20px 0}.hero-copy,.hero-copy .lead{font-size:1rem;line-height:1.95;max-width:100%}
.head h2,.section h2,.manifesto h2{font-size:clamp(1.375rem,5.9vw,1.625rem)!important;line-height:1.7!important;letter-spacing:.02em!important}
.statement blockquote,.model .claim{font-size:clamp(1.375rem,5.9vw,1.625rem);line-height:1.8;letter-spacing:.02em}
.navin{gap:10px}.nav .links{gap:10px}.nav .links .company-link{font-size:12px}.nav .links .pill,.nav .links .btn{font-size:12px;padding:8px 10px}.nav .brand-art{width:min(145px,36vw)}.nav .brand-greif{width:80px}
.service:has(> .num){grid-template-columns:28px minmax(0,1fr);gap:12px}.service:has(> .num)>p{grid-column:2}.service h3{font-size:1.125rem}.process,.code{grid-template-columns:repeat(2,minmax(0,1fr))}.process h3,.code b{font-size:1rem;letter-spacing:0}.case-note{grid-template-columns:1fr}.job-grid{grid-template-columns:1fr}.job-title{font-size:1.375rem}.profile-row dd{margin:0}.footlinks{justify-content:flex-start;gap:14px 20px;font-size:.875rem}
}
@media(max-width:380px){.nav .wrap{width:calc(100% - 28px)}.nav .links{gap:7px}.nav .links .pill,.nav .links .btn{padding:8px}.nav .brand-art{width:112px}.nav .brand-greif{width:72px}.process,.code{grid-template-columns:1fr}.prime-copy{padding:20px}.usp{display:flex;flex-wrap:wrap}}

/* Distinct office imagery for the sales business. */
.business .sales:before{background:linear-gradient(90deg,#101719de,#1017198c),url('/assets/sales-office.png') center/cover no-repeat}
