/* Final compactness pass: keep the existing page structure, reduce oversized tiles. */

/* Why Us principles: four compact cards instead of two oversized rows. */
[data-page="about"] .principle-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
[data-page="about"] .principle{
  min-width:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
  padding:0 0 22px!important;
  display:grid!important;
  grid-template-rows:150px auto auto 1fr!important;
  align-content:start!important;
}
[data-page="about"] .principle img{
  width:100%!important;
  height:150px!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  margin:0 0 16px!important;
  border-radius:0!important;
}
[data-page="about"] .principle>span,
[data-page="about"] .principle>h2,
[data-page="about"] .principle>p{
  margin-left:20px!important;
  margin-right:20px!important;
}
[data-page="about"] .principle>span{
  margin-bottom:8px!important;
  font-size:.72rem!important;
  line-height:1!important;
}
[data-page="about"] .principle h2{
  font-size:clamp(1.35rem,1.65vw,1.85rem)!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
  margin-top:0!important;
  margin-bottom:10px!important;
}
[data-page="about"] .principle p{
  font-size:.92rem!important;
  line-height:1.45!important;
  margin-top:0!important;
}

/* Keep the rest of Why Us controlled and less oversized. */
[data-page="about"] .inner-hero{padding-top:86px!important;padding-bottom:86px!important}
[data-page="about"] .inner-hero h1{font-size:clamp(3rem,5vw,5.2rem)!important;line-height:.96!important}
[data-page="about"] .split-story h2,
[data-page="about"] .founders-copy h2,
[data-page="about"] .page-cta h2{font-size:clamp(2.35rem,4vw,4.3rem)!important;line-height:1!important}
[data-page="about"] .split-story-images img{max-height:310px!important;object-fit:cover!important}
[data-page="about"] .founder-portraits article{min-height:0!important}
[data-page="about"] .founder-portraits img{aspect-ratio:4/3!important;max-height:300px!important;object-fit:cover!important}

/* Services: compact every feature row, not just one instance. */
[data-page="services"] .service-feature,
[data-page="services"] .service-feature-reverse{
  min-height:0!important;
  gap:34px!important;
  padding-top:52px!important;
  padding-bottom:52px!important;
}
[data-page="services"] .service-image{height:300px!important;min-height:0!important}
[data-page="services"] .service-copy h2{font-size:clamp(2.05rem,3.2vw,3.4rem)!important;line-height:1!important}
[data-page="services"] .service-copy p{font-size:1rem!important;line-height:1.5!important}

/* AI: compact all cards consistently. */
[data-page="ai"] .ai-grid,
[data-page="ai-production"] .ai-grid{gap:16px!important}
[data-page="ai"] .ai-card,
[data-page="ai-production"] .ai-card{min-height:0!important;border-radius:15px!important}
[data-page="ai"] .ai-card img,
[data-page="ai-production"] .ai-card img{height:145px!important;aspect-ratio:auto!important;object-fit:cover!important}
[data-page="ai"] .ai-card-content,
[data-page="ai-production"] .ai-card-content{padding:18px 20px 21px!important}
[data-page="ai"] .ai-card h2,
[data-page="ai-production"] .ai-card h2{font-size:clamp(1.5rem,2vw,2.15rem)!important;line-height:1.02!important}

/* Contact guide tiles remain compact and aligned. */
[data-page="contact"] .brief-guide-grid{gap:16px!important}
[data-page="contact"] .brief-guide-card{min-height:0!important;padding-bottom:20px!important}
[data-page="contact"] .brief-guide-card img{height:105px!important;object-fit:cover!important}
[data-page="contact"] .brief-guide-card h3{font-size:1.15rem!important;margin:14px 16px 8px!important}
[data-page="contact"] .brief-guide-card p{font-size:.88rem!important;line-height:1.42!important;margin:0 16px!important}

@media(max-width:1180px){
  [data-page="about"] .principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-page="about"] .principle{grid-template-rows:180px auto auto 1fr!important}
  [data-page="about"] .principle img{height:180px!important}
}
@media(max-width:720px){
  [data-page="about"] .principle-grid{grid-template-columns:1fr!important}
  [data-page="about"] .principle{grid-template-rows:190px auto auto 1fr!important}
  [data-page="about"] .principle img{height:190px!important}
  [data-page="services"] .service-image{height:230px!important}
}