/* v163 · balanced editorial polish
   Purpose: improve light, proportion and hierarchy without adding new content. */

@media (min-width:901px){
  /* 02 — four destinations stay present, but no longer read as one dark block. */
  .v72-home #meet .v72-meet-wrap{
    width:min(1630px,93vw)!important;
    grid-template-columns:minmax(380px,.74fr) minmax(0,1.26fr)!important;
    gap:clamp(42px,4vw,72px)!important;
  }
  .v72-home #meet .v160-meet-grid{
    height:clamp(520px,61vh,625px)!important;
    gap:16px!important;
  }
  .v72-home #meet .v160-meet-card{border-radius:22px!important;overflow:hidden!important}
  .v72-home #meet .v160-meet-card::before{
    content:"";position:absolute;z-index:2;inset:0;
    border:1px solid rgba(255,255,255,.58);border-radius:inherit;pointer-events:none;
  }
  .v72-home #meet .v160-meet-card.intro::after,
  .v72-home #meet .v160-meet-card.people::after{
    background:linear-gradient(180deg,rgba(239,246,239,.04) 25%,rgba(21,63,62,.27) 100%)!important;
  }
  .v72-home #meet .v160-meet-card.intro img,
  .v72-home #meet .v160-meet-card.people img{filter:saturate(.78) brightness(1.09) contrast(.94)!important}
  .v72-home #meet .v160-meet-card.intro>span,
  .v72-home #meet .v160-meet-card.people>span{
    left:14px!important;right:14px!important;bottom:14px!important;padding:15px 16px!important;
    border:1px solid rgba(255,255,255,.65);border-radius:15px;
    background:rgba(248,251,247,.84);backdrop-filter:blur(9px);
    box-shadow:0 9px 19px rgba(19,55,54,.14);
  }
  .v72-home #meet .v160-meet-card.intro small,
  .v72-home #meet .v160-meet-card.people small{color:#3c8172!important}
  .v72-home #meet .v160-meet-card.intro strong,
  .v72-home #meet .v160-meet-card.people strong{color:#173f4f!important;font-size:clamp(22px,1.75vw,29px)!important}
  .v72-home #meet .v160-meet-card.intro em,
  .v72-home #meet .v160-meet-card.people em{color:#5e7471!important;max-width:100%!important}
  .v72-home #meet .v160-meet-card.intro b,
  .v72-home #meet .v160-meet-card.people b{color:#236a63!important}
  .v72-home #meet .v160-meet-card.story::after{background:linear-gradient(0deg,rgba(14,46,55,.84),rgba(17,68,70,.12) 76%)!important}
  .v72-home #meet .v160-meet-card.place::after{background:linear-gradient(0deg,rgba(13,46,56,.86),rgba(13,62,68,.10) 76%)!important}
  .v72-home #meet .v160-meet-card:hover{transform:translateY(-6px) scale(1.008)!important}

  /* 03 — the main message carries the visual weight; the information card stays quiet. */
  .v72-home #word .v36-word-wrap{width:min(1600px,93vw)!important;padding:2.1vh 0 2.35vh!important}
  .v72-home #word .v36-word-grid{gap:22px!important}
  .v72-home #word .v36-worship-card{box-shadow:0 18px 45px rgba(27,60,70,.065)!important}
  .v72-home #word .v36-sermon-card{box-shadow:0 24px 54px rgba(15,56,71,.16)!important}
  .v72-home #word .v36-word-menu a{transition:transform .22s ease,background .22s ease,box-shadow .22s ease}
  .v72-home #word .v36-word-menu a:hover{transform:translateY(-3px);box-shadow:0 12px 22px rgba(20,62,73,.11)}

  /* 05 — reveal the people in the local-mission image and keep the world card as a deliberate contrast. */
  .v72-home #mission .v72-mission-wrap{width:min(1640px,93vw)!important;gap:clamp(48px,4.4vw,76px)!important}
  .v72-home #mission .v72-mission-grid{height:clamp(570px,64vh,640px)!important}
  .v72-home #mission .v72-mission-card.local img{filter:brightness(.82) saturate(.92) sepia(.03)!important}
  .v72-home #mission .v72-mission-card.local::after{background:linear-gradient(0deg,rgba(15,58,49,.90),rgba(18,70,58,.22) 66%,transparent)!important}
  .v72-home #mission .v72-mission-card{transition:transform .28s ease,box-shadow .28s ease}
  .v72-home #mission .v72-mission-card:hover{transform:translateY(-5px);box-shadow:0 27px 56px rgba(20,56,51,.18)!important}
}

@media (max-width:900px){
  /* First-screen cards: flatter icon language, stronger edge rhythm and cleaner text anchors. */
  .me-quick a{
    border-color:rgba(255,255,255,.42)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 12px 22px rgba(16,51,62,.15)!important;
  }
  .me-quick a::after{background:linear-gradient(145deg,rgba(255,255,255,.13),transparent 49%,rgba(5,35,44,.11))!important}
  .me-quick-icon{background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:none!important}
  .me-quick i{opacity:.78!important;font-variant-numeric:tabular-nums}
  .me-quick strong{letter-spacing:-.06em!important}
  .me-quick span:not(.me-quick-icon){opacity:.84!important}

  /* Sermon is a single, direct choice; its surface ties to the four service tiles beneath it. */
  .me-sermon{border:1px solid rgba(255,255,255,.66)!important;overflow:hidden!important}
  .me-sermon::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.26);border-radius:inherit}
  .me-sermon span{z-index:2!important}
  .me-worship-menu a{border:1px solid rgba(255,255,255,.30)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 16px rgba(27,62,75,.10)!important}
  .me-worship-menu a b{display:grid!important;place-items:center;width:24px;height:24px;border:1px solid rgba(255,255,255,.32);border-radius:50%;line-height:1!important}

  /* The four scenes have a shared framing system, but not the same darkness. */
  .me-story{border:1px solid rgba(255,255,255,.22)!important;overflow:hidden!important}
  .me-story::before{content:"";position:absolute;z-index:2;inset:0;border:1px solid rgba(255,255,255,.16);border-radius:inherit;pointer-events:none}
  .me-story.story-intro::after,.me-story.story-people::after{background:linear-gradient(0deg,rgba(18,67,69,.78),rgba(37,104,91,.05) 76%)!important}
  .me-story.story-intro img,.me-story.story-people img{filter:saturate(.8) brightness(1.08)!important}
  .me-story strong{letter-spacing:-.07em!important}

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

@media (max-width:370px){
  .me-worship-menu a b{width:21px!important;height:21px!important;font-size:13px!important}
}
