/* ═══ PAGE HERO v3 — compact banner ═══ */
.page-hero{position:relative;display:flex;align-items:center;overflow:hidden;
  min-height:clamp(430px,62vh,580px);padding:calc(var(--headH) + 3.5rem) 0 4.5rem}
.ph-bg{position:absolute;inset:0;background-size:cover;background-position:center;animation:phZoom 14s ease-out forwards}
@keyframes phZoom{from{transform:scale(1.08)}to{transform:scale(1)}}
.ph-veil{position:absolute;inset:0;background:linear-gradient(100deg,rgba(18,56,69,.94) 0%,rgba(25,68,82,.82) 52%,rgba(25,68,82,.42) 100%)}
.ph-dots{position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:26px 26px}
.ph-inner{position:relative;z-index:2;max-width:780px}

/* light breadcrumb + tag */
.crumbs{display:flex;align-items:center;gap:.7rem;margin-bottom:1.6rem}
.crumbs a{color:rgba(255,255,255,.7);text-decoration:none}
.crumbs a:hover{color:var(--sky)}
.crumbs i{font-size:.55rem;color:var(--sky)}
.crumbs span{color:var(--sky)}
.page-hero .tag.light{color:rgba(255,255,255,.85)}
.page-hero .tag.light .tick{background:var(--sky)}

.ph-h{font-size:clamp(2.2rem,4.6vw,3.9rem);line-height:1.12;color:#fff;margin:.9rem 0 1.1rem}
.ph-h .ul{color:var(--sky)}
.ph-p{color:rgba(255,255,255,.85);font-size:1.05rem;max-width:56ch;margin:0}

/* orbit badge */
.ph-orbit{position:absolute;right:6%;bottom:14%;width:132px;height:132px;z-index:3}
.ph-orbit svg{width:100%;height:100%;animation:spin 16s linear infinite}
.ph-orbit text{font-family:var(--body);font-size:10px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;fill:rgba(255,255,255,.9)}
.ph-orbit .orb-core{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;
  background:var(--green);color:#fff;display:grid;place-items:center;box-shadow:0 12px 26px rgba(0,0,0,.35)}
@keyframes spin{to{transform:rotate(360deg)}}

@media (max-width:991.98px){
  .page-hero{min-height:440px}
  .ph-orbit{width:104px;height:104px;right:7%;bottom:9%}
}
@media (max-width:575.98px){
  .page-hero{min-height:400px;padding-bottom:3.5rem}
  .ph-orbit{width:92px;height:92px}
  .ph-orbit .orb-core{width:44px;height:44px;font-size:.9rem}
}