/* Four equal services in the first desktop viewport; mobile stays spacious. */
.link-arrow{width:1em;height:1em;display:inline-block;vertical-align:-.1em;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.contact-copy>a .link-arrow{margin-left:12px}
.about-copy{max-width:65ch;font-size:1.125rem}
.about-copy p{margin:0}
.approach{align-items:center;grid-template-columns:minmax(180px,280px) 1fr;gap:40px}
.about-portrait{aspect-ratio:1;overflow:hidden;background:var(--line)}
.about-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:42% 45%;transform:scale(1.4);transform-origin:43% 55%}
.about-copy .eyebrow{color:var(--blue);margin:0 0 14px;font-weight:400}
@media(max-width:760px){.approach{grid-template-columns:1fr;gap:24px}.about-portrait{width:min(100%,280px)}.about-copy{font-size:1rem}}
.about-copy blockquote{margin:18px 0 0;color:var(--blue);font-size:clamp(1.25rem,1.8vw,1.625rem);font-weight:550;line-height:1.35;letter-spacing:-.025em}
@media(min-width:1100px){
  .shell{width:min(1440px,calc(100% - 64px))}
  .header{padding-block:18px}
  .hero{padding-block:24px}
  h1{font-size:clamp(2.7rem,3.8vw,3.6rem);margin:12px 0;line-height:1.12}
  .hero .region{margin:0 0 14px}
  .hero-bottom p{font-size:1rem}
  .button{padding:13px 18px;min-height:46px}
  .section-heading{padding-block:16px}
  .project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
  .placeholder.concept{padding:12px}
  .concept .spec,.concept .image-label{font-size:.625rem;padding:4px 6px;letter-spacing:.015em}
  .project h3{font-size:1.125rem;line-height:1.3;margin:14px 0 7px;min-height:2.6em}
  .project>p{font-size:.9375rem;line-height:1.5}
  .approach{margin-top:32px;padding-block:28px}
}
@media(min-width:1100px) and (max-height:800px){
  .header{padding-block:12px}
  .hero{padding-block:16px}
  .hero-bottom p{font-size:.9375rem}
  .hero-bottom p br{display:none}
  .hero-bottom p br::after{content:" "}
  .section-heading{padding-block:12px}
  .placeholder.concept{aspect-ratio:16/9}
  .project h3{margin-top:10px}
}