/* ROCK Medical Ministry page — builds on style.css + legal.css (.phero) */
:root{--teal:#35c4c4;--blue:#1b87d4}

.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,90px);align-items:start}
.about .lead{margin-bottom:28px}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:12px}
.chips li{padding:10px 22px;border-radius:99px;border:2px solid var(--maroon);color:var(--maroon);font:500 14px var(--f-head);letter-spacing:.12em;text-transform:uppercase;transition:.25s}
.chips li:hover{background:var(--maroon);color:#fff}

.vision{padding-block:clamp(90px,12vw,170px);text-align:center;overflow:hidden}
.vision::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(196,159,71,.18),transparent 60%)}
.vision .wrap{position:relative}
.vision__q{font-family:var(--f-head);font-weight:700;text-transform:uppercase;font-size:clamp(34px,6.4vw,96px);line-height:1.08;max-width:1100px;margin:6px auto 0}
.vision__q span{color:var(--gold)}

.logo__lead{max-width:760px;margin:22px 0 0}
.meaning{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mean{background:#fff;border-radius:24px;padding:34px;box-shadow:0 10px 30px rgba(133,32,59,.08);transition:transform .35s,box-shadow .35s}
.mean:hover{transform:translateY(-8px)!important;box-shadow:0 24px 50px rgba(133,32,59,.18)}
.mean__ico{height:150px;display:flex;align-items:center;margin-bottom:22px}
.mean__ico img{max-height:100%;width:auto;transition:transform .5s var(--ease)}
.mean:hover .mean__ico img{transform:scale(1.08) rotate(-3deg)}
.mean h3{font-family:var(--f-head);font-weight:700;text-transform:uppercase;font-size:32px;line-height:1;color:var(--maroon);margin-bottom:10px}
.mean p{font-size:16px;color:#4a383e}
.mean strong{color:var(--maroon)}

.colors{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px}
.color{display:flex;align-items:center;gap:22px;border-radius:24px;padding:28px 32px;color:#fff;font-size:clamp(17px,1.7vw,21px)}
.color p{line-height:1.4}
.color__dot{flex:none;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.3);box-shadow:inset 0 0 0 4px rgba(255,255,255,.55)}
.color--green{background:linear-gradient(120deg,#2fb59f,var(--teal))}
.color--blue{background:linear-gradient(120deg,#1672c0,var(--blue))}

.cta__inner{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}

@media(max-width:980px){
  .about,.meaning,.colors{grid-template-columns:1fr}
}