/* v164 · final-detail pass
   A shared system of fine borders, light direction and restrained movement. */

@media (min-width:901px){
  :root{--v164-line:rgba(30,79,77,.16);--v164-soft:#f8faf6;--v164-ink:#173f50;--v164-green:#2e786b;--v164-gold:#b58d53}

  /* Header and scene navigation are intentionally quiet; the content stays first. */
  .site-header.v36-header .brand{box-shadow:0 13px 31px rgba(23,59,68,.09)!important}
  .v36-section-dots{padding:10px 7px!important;border:1px solid rgba(214,228,226,.92)!important;border-radius:20px!important;background:rgba(250,253,251,.72)!important;box-shadow:0 12px 28px rgba(25,65,71,.08)!important;backdrop-filter:blur(8px)}

  /* 02: make the four cards feel like a composed contact sheet, not four unrelated panels. */
  .v72-home #meet .v72-meet-copy{position:relative;padding-left:26px!important}
  .v72-home #meet .v72-meet-copy::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:2px;background:linear-gradient(#c7a76a,#6da99b 68%,transparent)}
  .v72-home #meet .v81-meet-values{gap:8px!important;margin-top:25px!important}
  .v72-home #meet .v81-meet-values span{border:1px solid rgba(42,111,99,.14);background:rgba(255,255,255,.58);box-shadow:0 5px 11px rgba(36,74,71,.04)}
  .v72-home #meet .v160-meet-grid{gap:14px!important}
  .v72-home #meet .v160-meet-card{box-shadow:0 14px 31px rgba(28,66,66,.10)!important}
  .v72-home #meet .v160-meet-card.story,.v72-home #meet .v160-meet-card.place{box-shadow:0 16px 34px rgba(18,55,61,.14)!important}
  .v72-home #meet .v160-meet-card>span{transition:transform .28s ease,background .28s ease}
  .v72-home #meet .v160-meet-card:hover>span{transform:translateY(-2px)}

  /* 03: create a clear information plane under the four service destinations. */
  .v72-home #word .v36-section-head.centered{position:relative}
  .v72-home #word .v36-section-head.centered::after{content:"";display:block;width:48px;height:2px;margin:16px auto 0;background:linear-gradient(90deg,var(--v164-green),#77aea2)}
  .v72-home #word .v36-word-menu{padding:8px!important;border:1px solid rgba(36,84,87,.10);border-radius:19px;background:rgba(255,255,255,.43);box-shadow:0 9px 22px rgba(28,62,70,.045)}
  .v72-home #word .v36-word-menu a{border-color:transparent!important;border-radius:13px!important}
  .v72-home #word .v36-worship-card{border-color:rgba(26,80,87,.12)!important}
  .v72-home #word .v36-worship-card dl>div{border-bottom-color:rgba(23,71,80,.10)!important}
  .v72-home #word .v36-sermon-card::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.20);border-radius:inherit;pointer-events:none}

  /* 04: picture and small communities share the same final edge and no card visually drops away. */
  .v72-home #community .v88-community-showcase{gap:20px!important}
  .v72-home #community .v88-community-feature,.v72-home #community .v88-community-links a{border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 17px 37px rgba(25,62,67,.10)!important}
  .v72-home #community .v88-community-feature{overflow:hidden}
  .v72-home #community .v88-community-feature figure img{transition:transform .7s cubic-bezier(.2,.75,.25,1)}
  .v72-home #community .v88-community-feature:hover figure img{transform:scale(1.025)}
  .v72-home #community .v88-community-links a{transition:transform .25s ease,box-shadow .25s ease}
  .v72-home #community .v88-community-links a:hover{transform:translateX(-4px);box-shadow:0 19px 38px rgba(25,62,67,.14)!important}

  /* 05–06: retain contrast, but unify the tactile card language. */
  .v72-home #mission .v159-mission-pulse span{transition:background .2s ease,padding-left .2s ease}
  .v72-home #mission .v159-mission-pulse span:hover{background:rgba(255,255,255,.44);padding-left:10px}
  .v72-home #mission .v72-mission-card{overflow:hidden!important}
  .v72-home #visit .v36-visit-copy,.v72-home #visit .v36-map-frame{border:1px solid rgba(30,76,83,.12)!important;box-shadow:0 17px 40px rgba(26,63,73,.08)!important}
}

@media (max-width:900px){
  /* Intro: soft surface detail supports the generous reading space instead of filling it with more content. */
  .me-welcome{position:relative;overflow:hidden;background:radial-gradient(circle at 105% -3%,rgba(112,177,162,.15),transparent 31%),#fff!important}
  .me-welcome::before{content:"";position:absolute;left:24px;top:50px;width:38px;height:2px;background:linear-gradient(90deg,#2d7a71,#9bbf74)}
  .me-welcome>small{display:block;padding-top:16px}
  .me-values{position:relative;z-index:1;gap:8px!important}
  .me-values span{border:1px solid rgba(42,113,102,.10);background:linear-gradient(145deg,#f5faf7,#e7f2ed)!important;box-shadow:0 6px 12px rgba(32,85,76,.05)}

  /* Opening cards: a clean two-dimensional system with depth only at the edge. */
  .me-quick a{isolation:isolate}
  .me-quick a::before{border-color:rgba(255,255,255,.21)!important}
  .me-quick-icon{transition:transform .24s ease,background .24s ease!important}
  .me-quick a:active .me-quick-icon{transform:scale(.94)!important;background:rgba(255,255,255,.24)!important}
  .me-quick b{display:grid!important;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.28);line-height:1!important}

  /* The four scenes are compact, but their text remains deliberately layered over the imagery. */
  .me-stories{background:linear-gradient(150deg,#153f50 0%,#1f625e 100%)!important}
  .me-stories header{position:relative}
  .me-stories header::after{content:"";display:block;width:36px;height:2px;margin-top:17px;background:#b5c977}
  .me-story{box-shadow:0 15px 28px rgba(3,28,35,.20)!important}
  .me-story>span{padding:14px!important}
  .me-story small{opacity:.86!important}
  .me-story b{display:grid!important;place-items:center;width:24px;height:24px;border:1px solid rgba(255,255,255,.38);border-radius:50%;line-height:1!important}

  /* Worship: the featured message holds focus, while service choices read as a consistent mini-system. */
  .me-worship{background:linear-gradient(180deg,#eaf2f7 0%,#edf5f7 100%)!important}
  .me-worship header{position:relative}
  .me-worship header::after{content:"";display:block;width:40px;height:2px;margin-top:-9px;margin-bottom:22px;background:linear-gradient(90deg,#20716f,#78aeba)}
  .me-sermon{box-shadow:0 17px 30px rgba(26,69,84,.15)!important}
  .me-sermon span{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 79%,rgba(255,255,255,.86) 100%)}
  .me-worship-menu a{position:relative;overflow:hidden}
  .me-worship-menu a::after{content:"";position:absolute;right:-22px;top:-26px;width:72px;height:72px;border:1px solid rgba(255,255,255,.17);border-radius:50%;pointer-events:none}
  .me-times article{box-shadow:0 7px 15px rgba(30,72,85,.055)}
  .me-times article:nth-child(1){border-left:3px solid #3f958f!important}
  .me-times article:nth-child(2){border-left:3px solid #b49259!important}
  .me-times article:nth-child(3){border-left:3px solid #5f8eab!important}
  .me-word-link{border:1px solid rgba(255,255,255,.16)!important}

  /* Community, mission and visit get the same final photographic frame. */
  .me-community{background:radial-gradient(circle at 110% 0,rgba(105,169,148,.16),transparent 29%),#edf7f3!important}
  .me-community-lead,.me-groups a,.me-mission-card,.me-map{border:1px solid rgba(255,255,255,.70)!important}
  .me-community-lead::before,.me-mission-card::before,.me-map::before{content:"";position:absolute;z-index:2;inset:0;border:1px solid rgba(255,255,255,.18);border-radius:inherit;pointer-events:none}
  .me-community-lead strong{line-height:1.06!important}
  .me-groups a{box-shadow:0 12px 24px rgba(22,61,70,.09)!important}
  .me-groups a span{position:relative}
  .me-groups a span::after{content:"";position:absolute;right:15px;top:18px;width:20px;height:20px;border:1px solid rgba(35,85,91,.17);border-radius:50%}
  .me-mission{background:radial-gradient(circle at 95% 2%,rgba(212,178,104,.22),transparent 30%),#f8f2e6!important}
  .me-mission-card.local img{filter:brightness(.88) saturate(.91)!important}
  .me-mission-card.local::after{background:linear-gradient(0deg,rgba(12,57,49,.87),rgba(12,57,49,.11) 71%)!important}
  .me-visit{background:linear-gradient(150deg,#e9f3f6,#e1eff4)!important}
  .me-map{box-shadow:0 16px 28px rgba(25,64,75,.15)!important}
  .me-footer{background:linear-gradient(150deg,#153b50,#1f615e)!important}

  @media (prefers-reduced-motion:no-preference){
    .me-community-lead img,.me-groups img,.me-mission-card img,.me-map img{transition:transform .6s cubic-bezier(.2,.75,.25,1),filter .35s ease}
    .me-community-lead:active img,.me-groups a:active img,.me-mission-card:active img{transform:scale(1.025)!important}
  }
}

@media (max-width:370px){
  .me-quick b,.me-story b{width:21px!important;height:21px!important;font-size:13px!important}
  .me-welcome::before{left:19px!important}
}

@media (prefers-reduced-motion:reduce){
  .v72-home #meet .v160-meet-card,.v72-home #word .v36-word-menu a,.v72-home #community .v88-community-feature figure img,.v72-home #community .v88-community-links a,.v72-home #mission .v72-mission-card,.me-quick-icon,.me-community-lead img,.me-groups img,.me-mission-card img,.me-map img{transition:none!important}
}