.development-intro h1{max-width:900px;font-size:clamp(36px,4.3vw,58px)}
.development-intro p{max-width:850px;font-size:18px;line-height:1.5;margin-top:18px}
.development-intro p+p{margin-top:14px;font-size:17px}
.development-page h2{font-size:clamp(29px,3vw,40px)}
.development-page h1,.development-page h2{text-wrap:balance}
.development-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.development-benefits article{min-width:0}
.development-benefits h3,.development-steps h3{font-size:23px;line-height:1.2;margin-bottom:12px}
.development-projects-heading p{margin-top:14px;max-width:760px}
.development-projects{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.development-project{display:flex;flex-direction:column;grid-column:span 3;position:relative;min-width:0;padding:24px;background:var(--surface);border-radius:var(--radius)}
.development-project-featured{grid-column:span 3}
.development-project:last-child:nth-child(odd){grid-column:1/-1}
.development-project .eyebrow{font-size:11px;color:var(--blue);margin-bottom:14px}
.development-project h3{font-size:23px;line-height:1.2;letter-spacing:-.035em}
.development-project-featured h3{font-size:27px}
.development-project p{margin-top:14px;font-size:16px}
.development-project .development-project-context{font-size:14px}
.development-project .text-link{align-self:flex-start;margin-top:auto;padding-top:16px;min-height:48px;gap:12px}
.development-project-linked .text-link::after{content:"";position:absolute;inset:0;border-radius:var(--radius)}
.development-project-linked:hover h3{color:var(--blue)}
.development-project-linked:has(a:focus-visible){outline:3px solid var(--blue);outline-offset:4px}
.development-approach p{font-size:17px}
.development-approach-intro{margin-top:18px;max-width:430px}
.development-steps{display:grid;gap:24px;list-style:none;counter-reset:development-step;padding:0;margin:0}
.development-steps li{position:relative;padding-left:38px;counter-increment:development-step;min-width:0}
.development-steps li::before{content:counter(development-step,decimal-leading-zero);position:absolute;top:3px;left:0;color:var(--blue);font-size:13px;font-weight:500}
.development-steps h3{margin-bottom:8px}
.development-page .contact p{max-width:600px}
@media(min-width:901px){
  .development-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px 32px;align-items:start}
  .development-intro>.eyebrow{grid-column:1/-1}
  .development-intro h1{grid-column:1;grid-row:2/span 2;margin:0}
  .development-intro p,.development-intro p+p{grid-column:2;margin:0}
  .development-benefits{row-gap:12px}
  .development-benefits article{display:grid;grid-template-rows:subgrid;grid-row:span 2}
  .development-benefits h3{margin:0}
  .development-projects{row-gap:12px}
  .development-project{display:grid;grid-template-rows:subgrid;grid-row:span 4;gap:12px}
  .development-project-featured{grid-row:span 5}
  .development-project .eyebrow,.development-project p{margin:0}
  .development-project .text-link{margin:0;padding-top:0;align-self:end;min-height:44px}
  .development-project:not(.development-project-featured),.development-project:last-child:nth-child(odd){grid-column:span 2}
}
@media(max-width:900px){
  .development-benefits{grid-template-columns:1fr;gap:24px}
  .development-projects{grid-template-columns:repeat(2,minmax(0,1fr))}
  .development-project,.development-project-featured{grid-column:auto}
  .development-approach-intro{max-width:760px}
}
@media(max-width:640px){
  .development-intro p{font-size:17px}
  .development-projects{grid-template-columns:1fr}
  .development-project{padding:20px}
  .development-project h3{font-size:23px}
}