/* ROCK Legal Ministry page — builds on style.css */

/* hero */
.phero{position:relative;min-height:100svh;display:flex;align-items:center;background:var(--maroon-dd);color:#fff;overflow:hidden}
.phero__bg{position:absolute;inset:0;background:
  radial-gradient(ellipse at 80% 30%,rgba(196,159,71,.22),transparent 55%),
  radial-gradient(ellipse at 10% 90%,#5c1329,transparent 60%),
  linear-gradient(160deg,var(--maroon-d),var(--maroon-dd))}
.phero__bg::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent,#000 70%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%)}
.phero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,6vw,90px);align-items:center;padding-top:130px;padding-bottom:100px}
.phero__title{font-family:var(--f-head);font-weight:700;text-transform:uppercase;font-size:clamp(36px,6vw,92px);line-height:1.08;margin:6px 0 28px}
.phero__title .gold{color:var(--gold)}
.phero.in .line>span{transform:none}
.phero.in .line:nth-child(2)>span{transition-delay:.12s}
.phero .reveal{transition-delay:.5s}
.phero.in .reveal{opacity:1;transform:none}
.phero__lead{font-size:clamp(16px,1.5vw,20px);line-height:1.65;color:rgba(255,255,255,.88);max-width:560px;margin-bottom:34px}
.phero__actions{display:flex;gap:16px;flex-wrap:wrap}
.phero__logo{background:#fff;border-radius:28px;padding:clamp(22px,3vw,40px);box-shadow:0 40px 80px rgba(0,0,0,.45);transform:rotate(-1.5deg)}
.phero.in .phero__logo{transform:rotate(-1.5deg)}
.phero__logo img{width:100%;height:auto}

/* pillars */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pillar{position:relative;background:#fff;border:1px solid rgba(133,32,59,.1);border-radius:24px;padding:36px 32px 40px;overflow:hidden;min-height:230px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s,box-shadow .35s,background .35s}
.pillar span{font-family:var(--f-head);font-weight:700;font-size:72px;line-height:1;color:transparent;-webkit-text-stroke:2px var(--gold)}
.pillar h3{font-family:var(--f-head);font-weight:700;text-transform:uppercase;font-size:clamp(34px,4vw,52px);line-height:1;color:var(--maroon);transition:color .35s}
.pillar:hover{transform:translateY(-8px)!important;background:var(--maroon);box-shadow:0 24px 50px rgba(133,32,59,.3)}
.pillar:hover h3{color:#fff}

/* parakletos */
.parak__intro{max-width:760px;margin-bottom:clamp(36px,5vw,64px)}
.parak__def{margin-top:24px;font-size:clamp(17px,1.7vw,22px);line-height:1.65;color:rgba(255,255,255,.88)}
.parak__def strong{color:var(--gold)}
.symbols{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.symbol{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:28px;transition:transform .35s,border-color .35s,background .35s}
.symbol:hover{transform:translateY(-8px)!important;border-color:rgba(196,159,71,.55);background:rgba(255,255,255,.09)}
.symbol__ico{height:110px;display:flex;align-items:center;margin-bottom:20px}
.symbol__ico img{max-height:100%;width:auto;max-width:100%;object-fit:contain}
.symbol h3{font-family:var(--f-head);text-transform:uppercase;font-size:26px;color:var(--gold);margin-bottom:8px}
.symbol p{font-size:15.5px;color:rgba(255,255,255,.85)}

/* team */
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.member{background:#fff;border-radius:24px;padding:26px;text-align:center;box-shadow:0 10px 30px rgba(133,32,59,.08);transition:transform .35s,box-shadow .35s}
.member:hover{transform:translateY(-8px)!important;box-shadow:0 24px 50px rgba(133,32,59,.18)}
.member img{width:100%;max-width:220px;aspect-ratio:1;border-radius:50%;margin:0 auto 20px;box-shadow:0 0 0 4px #fff,0 0 0 6px var(--gold)}
.member h3{font-family:var(--f-head);font-weight:600;text-transform:uppercase;font-size:20px;line-height:1.2;color:var(--maroon);margin-bottom:8px}
.member p{font-size:14.5px;color:#5a484e}

/* contact */
.cinfo{list-style:none;margin-top:30px;display:flex;flex-direction:column;gap:22px}
.cinfo span{display:block;font-family:var(--f-head);letter-spacing:.22em;text-transform:uppercase;font-size:12px;color:var(--gold);margin-bottom:4px}
.cinfo a{font-size:clamp(20px,2.2vw,28px);font-family:var(--f-head);letter-spacing:.03em;border-bottom:2px solid rgba(196,159,71,.5);transition:border-color .25s,color .25s;word-break:break-all}
.cinfo a:hover{color:var(--gold-l);border-color:var(--gold-l)}
.cinfo p{font-size:17px;color:rgba(255,255,255,.9)}
.cinfo small{display:inline-block;margin-top:6px;padding:3px 12px;border:1px solid rgba(196,159,71,.5);border-radius:99px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-l)}
.cnote{margin-top:26px;font-size:15px;color:rgba(255,255,255,.7);max-width:420px}

@media(max-width:1100px){
  .symbols,.team{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
  .phero__grid,.contact__grid{grid-template-columns:1fr}
  .phero__logo{max-width:520px}
  .pillars{grid-template-columns:1fr}
  .pillar{min-height:150px}
}
@media(max-width:620px){
  .symbols,.team{grid-template-columns:1fr}
}