/* v165 · detail pass
   Fine-tunes proportion, image visibility and interaction rhythm without adding content. */

@media (min-width:901px){
  :root{
    --v165-ink:#173f50;
    --v165-teal:#2c756d;
    --v165-line:rgba(23,63,80,.14);
  }

  /* 02 · the illustration is the hero of these cards. Use a compact caption rail
     instead of a second large card floating over the artwork. */
  .v72-home #meet .v160-meet-card.intro>span,
  .v72-home #meet .v160-meet-card.people>span{
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    padding:11px 14px!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"small b" "strong b" "em b"!important;
    align-items:center!important;
    gap:2px 10px!important;
    border:1px solid rgba(255,255,255,.72)!important;
    border-radius:14px!important;
    background:rgba(249,252,248,.91)!important;
    box-shadow:0 10px 22px rgba(19,55,54,.13)!important;
    backdrop-filter:blur(10px)!important;
  }
  .v72-home #meet .v160-meet-card.intro>span small,
  .v72-home #meet .v160-meet-card.people>span small{grid-area:small!important;display:block!important;font-size:8px!important;line-height:1.1!important;letter-spacing:.17em!important;color:#3f8175!important}
  .v72-home #meet .v160-meet-card.intro>span strong,
  .v72-home #meet .v160-meet-card.people>span strong{grid-area:strong!important;display:block!important;margin:0!important;font-size:clamp(20px,1.45vw,26px)!important;line-height:1.08!important;letter-spacing:-.065em!important;color:var(--v165-ink)!important}
  .v72-home #meet .v160-meet-card.intro>span em,
  .v72-home #meet .v160-meet-card.people>span em{grid-area:em!important;display:block!important;margin:0!important;min-width:0!important;max-width:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;line-height:1.35!important;color:#637973!important}
  .v72-home #meet .v160-meet-card.intro>span b,
  .v72-home #meet .v160-meet-card.people>span b{grid-area:b!important;align-self:center!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important;margin:0!important;padding-left:8px!important;border-left:1px solid rgba(39,105,96,.17)!important;color:#246b63!important;font-size:10px!important}
  .v72-home #meet .v160-meet-card.intro img{object-position:68% 52%!important;filter:saturate(.80) brightness(1.08) contrast(.94)!important}
  .v72-home #meet .v160-meet-card.people img{object-position:63% 48%!important;filter:saturate(.74) brightness(1.08) contrast(.94)!important}
  .v72-home #meet .v160-meet-card.intro::after,
  .v72-home #meet .v160-meet-card.people::after{background:linear-gradient(180deg,rgba(255,255,255,.02) 42%,rgba(18,63,61,.28) 100%)!important}

  /* Story/place retain a dark photographic caption, now sharing the same edge language. */
  .v72-home #meet .v160-meet-card.story>span,
  .v72-home #meet .v160-meet-card.place>span{
    left:12px!important;right:12px!important;bottom:12px!important;
    padding:13px 15px!important;border:1px solid rgba(255,255,255,.23)!important;
    border-radius:14px!important;background:linear-gradient(105deg,rgba(8,39,46,.82),rgba(8,39,46,.48))!important;
    box-shadow:0 9px 19px rgba(9,35,40,.16)!important;backdrop-filter:blur(5px)!important;
  }
  .v72-home #meet .v160-meet-card.story>span strong,
  .v72-home #meet .v160-meet-card.place>span strong{margin-top:5px!important;font-size:clamp(21px,1.5vw,28px)!important;line-height:1.06!important}
  .v72-home #meet .v160-meet-card.story>span em,
  .v72-home #meet .v160-meet-card.place>span em{margin-top:5px!important;font-size:10px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .v72-home #meet .v160-meet-card.story>span b,
  .v72-home #meet .v160-meet-card.place>span b{margin-top:7px!important;font-size:10px!important}

  /* Keep the contact-sheet composition airy, but use the available viewport more deliberately. */
  .v72-home #meet .v160-meet-grid{height:clamp(510px,60vh,615px)!important;gap:14px!important}
  .v72-home #meet .v72-meet-wrap{align-items:center!important}
  .v72-home #meet .v160-meet-card{border-radius:22px!important}

  /* A consistent 1px edge makes the large desktop surfaces feel intentional. */
  .v72-home #word .v36-worship-card,
  .v72-home #word .v36-sermon-card,
  .v72-home #community .v88-community-feature,
  .v72-home #community .v88-community-links>a,
  .v72-home #mission .v72-mission-card,
  .v72-home #visit .v36-map-frame{border:1px solid var(--v165-line)!important}
  .v72-home #word .v36-word-menu{margin-top:16px!important}
  .v72-home #word .v36-word-menu a{min-height:70px!important}
  .v72-home #community .v88-community-showcase{height:clamp(520px,63vh,650px)!important;gap:18px!important}
  .v72-home #community .v88-community-links>a{grid-template-columns:164px minmax(0,1fr)!important}
  .v72-home #mission .v72-mission-grid{height:clamp(560px,62vh,630px)!important}

  /* Gentle, section-specific hover cues; no blanket scale that makes the page feel jumpy. */
  .v72-home #meet .v160-meet-card img,
  .v72-home #community .v88-community-feature figure img,
  .v72-home #mission .v72-mission-card img{transition:transform .7s cubic-bezier(.2,.75,.25,1),filter .35s ease!important}
  .v72-home #meet .v160-meet-card:hover img{transform:scale(1.018)!important}
  .v72-home #mission .v72-mission-card:hover img{transform:scale(1.025)!important}
}

@media (max-width:900px){
  /* Quick links stay tactile, but the typography and icon tile remain calm and flat. */
  .me-quick{gap:12px!important;padding:18px 16px 34px!important}
  .me-quick a{min-height:154px!important;border-radius:22px!important;padding:18px 16px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 11px 20px rgba(16,51,62,.14)!important}
  .me-quick-icon{width:40px!important;height:40px!important;border-radius:13px!important}
  .me-quick strong{margin:16px 0 4px!important;font-size:21px!important}

  /* Four worship destinations are all visible at once; no sideways gesture is required. */
  .me-worship-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;padding:0!important;margin:0 0 20px!important;scroll-snap-type:none!important}
  .me-worship-menu a{min-width:0!important;width:auto!important;min-height:96px!important;flex:none!important;border-radius:17px!important;padding:14px 13px!important;scroll-snap-align:none!important}
  .me-worship-menu a strong{font-size:16px!important;line-height:1.18!important;letter-spacing:-.06em!important}
  .me-worship-menu a small{font-size:9px!important}
  .me-worship-menu a b{right:11px!important;bottom:10px!important;width:21px!important;height:21px!important;font-size:13px!important}

  /* Moderate the tall section padding so the next piece of content arrives sooner. */
  .me-welcome{padding:62px 24px 54px!important}
  .me-stories{padding:64px 18px 70px!important}
  .me-story{min-height:210px!important;border-radius:22px!important}
  .me-story>span{padding:19px!important}
  .me-worship{padding:64px 18px 72px!important}
  .me-community{padding:68px 18px 76px!important}
  .me-community-lead{min-height:264px!important;border-radius:23px!important}
  .me-groups img{height:132px!important}
  .me-mission{padding:66px 18px 74px!important}
  .me-mission-card{min-height:232px!important;border-radius:23px!important}
  .me-visit{padding:68px 18px 78px!important}

  /* Images get a little more room than their text blocks, preserving the photo-led rhythm. */
  .me-community-lead img{object-position:center 48%!important}
  .me-groups a span{padding:13px 14px!important}
  .me-mission-card.global img{transform:scale(1.17)!important}
  .me-map img{transform:scale(1.78)!important;transform-origin:62% 54%!important}
  .me-footer{padding-top:48px!important;padding-bottom:48px!important}
  .me-footer p{line-height:1.75!important;letter-spacing:-.02em!important}

  @media (prefers-reduced-motion:no-preference){
    .me-worship-menu a{transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important}
    .me-worship-menu a:active{transform:translateY(2px) scale(.988)!important}
  }
}

@media (max-width:370px){
  .me-worship-menu a{min-height:92px!important;padding:12px 11px!important}
  .me-worship-menu a strong{font-size:15px!important}
  .me-quick a{min-height:148px!important}
}

@media (prefers-reduced-motion:reduce){
  .v72-home #meet .v160-meet-card img,.v72-home #community .v88-community-feature figure img,.v72-home #mission .v72-mission-card img{transition:none!important}
}