/* V8 launch-candidate image and responsive QA.
   Purpose: prevent mobile crop/blank-image failures and keep historical photos intact. */

.v8-home-launch .recognition-grid-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.v8-home-launch .recognition-grid-four p{font-size:.9rem;line-height:1.55;color:#153A2E}
.v8-home-launch .recognition-grid-four p strong{font-weight:700}
.v8-home-launch .mobile-sticky{display:none!important}

.v8-home-launch img,
body.v8-circles-primary img,
body.v8-practices-primary img,
body.v8-about-primary img{max-width:100%;display:block}

/* Our Story hero: make the founder portrait the first/top-left anchor and let the
   wide retreat group carry the larger top-right tile. */
body.v8-about-primary .ap-mosaic{grid-template-columns:.84fr 1.16fr}
body.v8-about-primary .ap-mosaic .ap-tile.founder{grid-column:1!important;grid-row:1!important}
body.v8-about-primary .ap-mosaic .ap-tile.group{grid-column:2!important;grid-row:1!important}
body.v8-about-primary .ap-mosaic .ap-tile.teacher{grid-column:1!important;grid-row:2!important}
body.v8-about-primary .ap-mosaic .ap-tile.archive{grid-column:2!important;grid-row:2!important}
body.v8-about-primary .ap-mosaic .ap-tile.group img{object-fit:contain!important;object-position:center!important;background:#eee8df;padding:6px}

/* Historical retreat carousel photos should preserve the whole frame rather than
   zooming away context. */
body.v8-about-primary .ap-carousel .ap-photo:nth-child(1) img,
body.v8-about-primary .ap-carousel .ap-photo:nth-child(2) img,
body.v8-about-primary .ap-carousel .ap-photo:nth-child(4) img{object-fit:contain!important;object-position:center!important;background:#eee8df}

@media(max-width:900px){
  .v8-home-launch .recognition-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}

  .v8-home-launch .hero-image-wrap{height:auto!important;min-height:0!important;background:#153A2E}
  .v8-home-launch .hero-image-wrap img{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}

  body.v8-circles-primary .cp-hero-image{min-height:0!important;height:auto!important;background:#FAF6EF}
  body.v8-circles-primary .cp-hero-image:before{display:none!important}
  body.v8-circles-primary .cp-hero-image img{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}

  body.v8-practices-primary .pp-hero-image{min-height:0!important;height:auto!important;background:#FAF6EF}
  body.v8-practices-primary .pp-hero-image:before{display:none!important}
  body.v8-practices-primary .pp-hero-image img{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}

  body.v8-about-primary .ap-mosaic .ap-contain img,
  body.v8-about-primary .ap-photo.contain img{object-fit:contain!important;object-position:center!important;background:#eee8df}
}

@media(max-width:640px){
  .v8-home-launch .recognition-grid-four{grid-template-columns:1fr;gap:14px}
  .v8-home-launch .recognition-grid-four article{display:grid;grid-template-columns:44px 1fr;gap:14px;text-align:left;align-items:start;padding:19px 20px}
  .v8-home-launch .recognition-grid-four svg{width:38px;height:38px;margin:0}
  .v8-home-launch .recognition-grid-four p{font-size:1rem;line-height:1.55}

  /* On phones, every historical tile uses contain so no face, person, monastery,
     or meditation-hall edge disappears outside the viewport. */
  body.v8-about-primary .ap-mosaic{grid-template-columns:1fr 1fr!important;gap:8px}
  body.v8-about-primary .ap-mosaic img{height:145px!important;object-fit:contain!important;object-position:center!important;background:#eee8df;padding:3px}
  body.v8-about-primary .ap-photo img{height:250px!important;object-fit:contain!important;object-position:center!important;background:#eee8df}

  body.v8-practices-primary .pp-practice-card img{width:100%;height:auto;aspect-ratio:4/2.7;object-fit:cover}
  body.v8-practices-primary .pp-why-image img,
  body.v8-practices-primary .pp-community-image img,
  body.v8-circles-primary .cp-practice-image img{height:auto;object-fit:cover}
}