/* Requested page corrections — loaded last. */

/* Shared containment: every requested page follows the same centered shell. */
[data-page="about"], [data-page="contact"], [data-page="ai"]{overflow-x:clip}
[data-page="about"] main,
[data-page="contact"] main,
[data-page="ai"] main{width:100%;overflow-x:clip}
[data-page="about"] main .shell,
[data-page="contact"] main .shell,
[data-page="ai"] main .shell{
  width:min(calc(100% - (var(--site-gutter,32px) * 2)),var(--site-max,1280px))!important;
  max-width:var(--site-max,1280px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  transform:none!important;
}

/* WHY US — keep every section centred and prevent cards/images from escaping. */
[data-page="about"] .inner-hero-grid,
[data-page="about"] .principle-grid,
[data-page="about"] .split-story-grid,
[data-page="about"] .founders-layout,
[data-page="about"] .page-cta-grid{width:100%!important;max-width:100%!important;margin-inline:0!important;box-sizing:border-box!important}
[data-page="about"] .inner-hero-grid,
[data-page="about"] .split-story-grid,
[data-page="about"] .founders-layout,
[data-page="about"] .page-cta-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
[data-page="about"] .inner-hero-grid>*,
[data-page="about"] .principle-grid>*,
[data-page="about"] .split-story-grid>*,
[data-page="about"] .founders-layout>*,
[data-page="about"] .page-cta-grid>*{min-width:0!important;max-width:100%!important}
[data-page="about"] img{max-width:100%!important}
[data-page="about"] .inner-hero-image,
[data-page="about"] .split-story-images,
[data-page="about"] .founder-portraits,
[data-page="about"] .cta-image-grid{overflow:hidden!important}

/* CONTACT — compact introduction directly above the existing form. */
[data-page="contact"] .contact-hero{padding:92px 0 104px!important}
[data-page="contact"] .contact-grid{width:100%!important;max-width:100%!important;margin:0!important;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)!important;gap:64px!important;align-items:start!important}
[data-page="contact"] .contact-grid>*{min-width:0!important;max-width:100%!important}
[data-page="contact"] .contact-form-column{width:100%!important;min-width:0!important}
[data-page="contact"] .contact-form-intro{max-width:720px;margin:0 0 24px;padding:0 0 22px;border-bottom:1px solid rgba(255,255,255,.16)}
[data-page="contact"] .contact-form-intro h2{margin:0 0 10px;color:#f4f4f4;font-size:clamp(1.55rem,2.2vw,2.25rem);line-height:1;letter-spacing:-.035em}
[data-page="contact"] .contact-form-intro p{margin:0;max-width:660px;color:rgba(244,244,244,.7);font-size:.98rem;line-height:1.55}
[data-page="contact"] .project-form{margin:0!important;max-width:none!important;box-sizing:border-box!important}

/* AI OPENING — replace the two heavy dark opening bands with one light, coherent sequence. */
[data-page="ai"] .inner-hero{background:#f4f4f4!important;color:#0d0d0d!important;padding:92px 0 78px!important;border-bottom:1px solid rgba(13,13,13,.1)!important}
[data-page="ai"] .inner-hero-grid{width:100%!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:72px!important;align-items:center!important}
[data-page="ai"] .inner-hero h1,[data-page="ai"] .inner-hero p{color:#0d0d0d!important}
[data-page="ai"] .inner-hero h1 em{color:#6f3bff!important}
[data-page="ai"] .inner-hero-image{background:#fff!important;border:1px solid rgba(13,13,13,.1)!important;border-radius:22px!important;padding:12px!important;box-shadow:0 20px 60px rgba(13,13,13,.08)!important;overflow:hidden!important}
[data-page="ai"] .inner-hero-image img{display:block!important;width:100%!important;max-width:100%!important;border-radius:14px!important}
[data-page="ai"] .ai-capabilities-section{background:#fff!important;color:#0d0d0d!important;padding:78px 0 92px!important;border-bottom:1px solid rgba(13,13,13,.1)!important}
[data-page="ai"] .ai-cap-grid{width:100%!important;max-width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
[data-page="ai"] .ai-cap-grid article{min-width:0!important;background:#f4f4f4!important;color:#0d0d0d!important;border:1px solid rgba(13,13,13,.09)!important;border-radius:18px!important;overflow:hidden!important;padding:0 0 24px!important}
[data-page="ai"] .ai-cap-grid article img{display:block!important;width:100%!important;height:170px!important;object-fit:cover!important;margin:0 0 18px!important}
[data-page="ai"] .ai-cap-grid article span,
[data-page="ai"] .ai-cap-grid article h2,
[data-page="ai"] .ai-cap-grid article p{margin-left:20px!important;margin-right:20px!important;color:#0d0d0d!important}
[data-page="ai"] .ai-cap-grid article span{color:#6f3bff!important}
[data-page="ai"] .ai-cap-grid article p{color:#5f6066!important}

@media(max-width:1100px){
  [data-page="about"] .inner-hero-grid,
  [data-page="about"] .split-story-grid,
  [data-page="about"] .founders-layout,
  [data-page="about"] .page-cta-grid,
  [data-page="contact"] .contact-grid,
  [data-page="ai"] .inner-hero-grid{grid-template-columns:1fr!important;gap:42px!important}
  [data-page="ai"] .ai-cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-page="contact"] .contact-copy{max-width:640px!important}
}
@media(max-width:700px){
  [data-page="about"] main .shell,
  [data-page="contact"] main .shell,
  [data-page="ai"] main .shell{width:calc(100% - 32px)!important}
  [data-page="contact"] .contact-hero{padding:64px 0 76px!important}
  [data-page="contact"] .contact-form-intro{margin-bottom:18px;padding-bottom:18px}
  [data-page="ai"] .inner-hero{padding:64px 0 56px!important}
  [data-page="ai"] .ai-capabilities-section{padding:56px 0 68px!important}
  [data-page="ai"] .ai-cap-grid{grid-template-columns:1fr!important}
  [data-page="ai"] .ai-cap-grid article img{height:190px!important}
}

/* CONTACT FINAL — all supporting copy stays left of the form. */
[data-page="contact"] .contact-grid{
  grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr)!important;
  gap:clamp(56px,6vw,96px)!important;
  align-items:start!important;
}
[data-page="contact"] .contact-copy{
  width:100%!important;
  max-width:500px!important;
  justify-self:start!important;
  align-self:start!important;
  padding:34px 0 0!important;
}
[data-page="contact"] .contact-copy h1{margin-bottom:30px!important}
[data-page="contact"] .contact-copy p{
  max-width:470px!important;
  margin:0 0 18px!important;
  font-size:clamp(1rem,1.15vw,1.08rem)!important;
  line-height:1.62!important;
}
[data-page="contact"] .contact-methods{margin-top:34px!important}
[data-page="contact"] .contact-form-column{align-self:start!important}
[data-page="contact"] .project-form{width:100%!important}
[data-page="contact"] .contact-form-intro{display:none!important}

@media(max-width:1100px){
  [data-page="contact"] .contact-copy{padding-top:0!important;max-width:650px!important}
}

/* CONTACT POSITIONING — vertically centre the complete text block beside the form. */
@media (min-width:1101px){
  [data-page="contact"] .contact-grid{
    grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)!important;
    gap:clamp(72px,6vw,100px)!important;
    align-items:stretch!important;
  }
  [data-page="contact"] .contact-copy{
    width:100%!important;
    max-width:430px!important;
    min-height:100%!important;
    justify-self:end!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:0!important;
  }
  [data-page="contact"] .contact-copy h1{
    width:100%!important;
    margin:0 0 30px!important;
    text-align:center!important;
  }
  [data-page="contact"] .contact-copy p,
  [data-page="contact"] .contact-methods{
    width:100%!important;
  }
  [data-page="contact"] .contact-form-column{
    align-self:start!important;
  }
}