/* Higher Calling cinematic refinement. Scoped to the public Higher Calling service page. */
body.hc-cinematic-page{background:#f8f5ef;overflow-x:hidden}
body.hc-cinematic-page>.site-header{display:none!important}
body.hc-cinematic-page>main{margin:0;padding:0;max-width:none}
body.hc-cinematic-page .hc22{overflow:clip;--gold:#d7a851;--cream:#f8f5ef}
body.hc-cinematic-page .hc22 *,body.hc-cinematic-page .hc22 *::before,body.hc-cinematic-page .hc22 *::after{box-sizing:border-box}
body.hc-cinematic-page .hc22 a:focus-visible,body.hc-cinematic-page .hc22 button:focus-visible{outline:3px solid #eab657;outline-offset:3px}
/* Navigation is dedicated to Higher Calling; RBGM's normal header is unchanged elsewhere. */
.hc22 .hc-cinema-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px;padding:13px clamp(20px,4vw,76px);background:rgba(7,23,39,.96);color:#fff8e8;border-bottom:1px solid rgba(232,200,139,.18);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.hc22 .hc-cinema-identity{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fffaf0;flex-shrink:0}
.hc22 .hc-cinema-identity img{height:48px;width:48px;object-fit:cover;object-position:50% 50%;border-radius:50%;background:#071827;border:1px solid rgba(244,211,148,.45);box-shadow:0 0 25px #d9a74a21}
.hc22 .hc-cinema-identity strong{display:block;font-size:14px;letter-spacing:.055em;line-height:1.25;font-weight:800;text-transform:uppercase}
.hc22 .hc-cinema-identity small{display:block;margin-top:4px;font-size:11px;letter-spacing:.065em;color:#ecd49e}
.hc22 .hc-cinema-links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:clamp(15px,2vw,30px)}
.hc22 .hc-cinema-links a{font-size:12px;font-weight:700;letter-spacing:.015em;color:#e7edf5;text-decoration:none;white-space:nowrap;transition:color .18s}
.hc22 .hc-cinema-links a:hover{color:#f3cc7b}
.hc22 .hc-cinema-links a.hc-cinema-link-cta{color:#ffe0a2;border:1px solid #b88740;padding:12px 16px;border-radius:4px}
.hc22 .hc-cinema-toggle{display:none;background:transparent;border:1px solid #a0a6b0;border-radius:6px;padding:10px;min-width:44px;min-height:44px;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}
.hc22 .hc-cinema-toggle span{display:block;width:22px;height:2px;background:#f3dfb7}
/* Keep every part of the approved image readable; don't enlarge or crop off the wordmark. */
.hc22 .hc-cinema-hero{position:relative;background:radial-gradient(circle at 57% 48%,#265377 0%,#061b30 70%);overflow:hidden;isolation:isolate}
.hc22 .hc-cinema-hero .heroimg{display:block;width:100%;height:auto;max-height:none;min-height:0;object-fit:contain;object-position:center;transform:translate3d(0,var(--hc-hero-shift,0px),0) scale(1.005);transform-origin:center;will-change:transform}
.hc22 .hc-cinema-hero .hc-white-rays{z-index:2;opacity:.24;mix-blend-mode:screen;animation:hcWhiteShimmerV24 8s ease-in-out infinite alternate}
.hc22 .hc-hero-light{position:absolute;z-index:2;inset:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse at 74% 36%,rgba(255,226,156,.16),transparent 30%);animation:hc-cinema-light 9s ease-in-out infinite alternate}
.hc22 .hc-hero-vignette{position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(6,21,36,.11),transparent 35%,transparent 70%,rgba(6,21,36,.26));pointer-events:none}
@keyframes hc-cinema-light{from{opacity:.4;transform:translateX(-1.2%)}to{opacity:1;transform:translateX(1.8%)}}
.hc22 .herofoot{position:relative;background:linear-gradient(125deg,#071a30,#103554 80%,#143a58);border-top:1px solid rgba(255,230,178,.19);padding:27px 24px 34px;display:flex;align-items:center;justify-content:center;gap:35px;flex-wrap:wrap}
.hc22 .herofoot p{margin:0!important;color:#ecf0f2;font:400 clamp(17px,1.65vw,23px)/1.45 Georgia,'Times New Roman',serif;max-width:700px;text-align:left}
.hc22 .herofoot .ctas{gap:10px}
.hc22 .goldbtn,.hc22 .outlinebtn{transition:transform .23s ease,box-shadow .23s ease,background .23s ease;border-radius:4px}
.hc22 .goldbtn:hover,.hc22 .outlinebtn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.13)}
.hc22 .herofoot .goldbtn{background:#e8b962;color:#0a2338}
.hc22 .herofoot .outlinebtn{color:#fff9ea;border-color:#8fa7ba}
/* Original site sections and their original information remain in place. */
.hc22 .eyebrow{display:none!important}
.hc22 .section{padding-block:clamp(60px,7vw,108px)}
.hc22 .container{max-width:1280px}
.hc22 .intro{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(30px,5vw,86px)}
.hc22 .intro h2,.hc22 .service h2,.hc22 .portfolio h2,.hc22 .plans h2,.hc22 .contact h2,.hc22 .hc-use-rbgm h2{letter-spacing:-.027em;font-weight:500;font-family:Georgia,'Times New Roman',serif;line-height:1.07}
.hc22 .introimage{transform:translate3d(0,var(--hc-image-shift,0px),0);transition:transform .2s ease-out;will-change:transform}
.hc22 .introimage img{height:clamp(290px,31vw,430px);border-radius:9px;box-shadow:0 33px 76px rgba(11,37,58,.16)}
.hc22 .service{background:radial-gradient(ellipse at 80% -20%,rgba(44,91,127,.42),transparent 45%),#081c31}
.hc22 .servitem{border:1px solid rgba(232,201,149,.2);background:#102e49;border-radius:8px;transition:transform .35s ease,box-shadow .35s ease;overflow:hidden}
.hc22 .servitem:hover{transform:translateY(-5px);box-shadow:0 25px 40px rgba(0,0,0,.22)}
.hc22 .servitem img{height:200px;object-fit:cover;transition:transform .7s ease}
.hc22 .servitem:hover img{transform:scale(1.045)}
.hc22 .portfolio .project{transition:transform .35s ease,box-shadow .35s ease}
.hc22 .portfolio .project:hover{transform:translateY(-4px);box-shadow:0 20px 35px rgba(10,32,47,.1)}
.hc22 .hc-use-rbgm{background:radial-gradient(ellipse at 90% 20%,#183d5d,#071a2e 75%);color:#f7f5ee;padding:clamp(72px,8vw,120px) 24px}
.hc22 .hc-use-rbgm .hc-use-wrap{max-width:1280px}
.hc22 .hc-use-rbgm h2{color:#f5f3ea;max-width:850px;font-size:clamp(35px,4.5vw,64px)}
.hc22 .hc-use-rbgm .hc-use-lead{color:#d6e3ee;font-size:17px;max-width:790px;line-height:1.8}
/* Cinematic floating QR/link demonstration: readable on desktop, mobile, and tablet. */
.hc22 .hc-cinema-showcase{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(25px,5vw,70px);align-items:center;max-width:1280px;margin:45px auto 58px}
.hc22 .hc-cinema-story{min-width:0}
.hc22 .hc-cinema-story h3{font:500 clamp(27px,3vw,40px)/1.15 Georgia,serif;margin:0 0 12px;color:#fff7e9}
.hc22 .hc-cinema-story>p{color:#b6c9d9;font-size:16px;max-width:420px}
.hc22 .hc-cinema-steps{margin-top:25px;max-width:450px;border-top:1px solid rgba(255,255,255,.16)}
.hc22 .hc-cinema-step{display:block;position:relative;text-align:left;width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.14);background:transparent;color:#c3d4e0;padding:19px 14px 18px 20px;cursor:pointer;transition:background .25s ease,color .25s ease}
.hc22 .hc-cinema-step:before{content:"";position:absolute;top:15px;bottom:15px;left:0;width:3px;background:#d8b05f;opacity:0;transition:opacity .25s ease}
.hc22 .hc-cinema-step.is-current{color:#fff;background:rgba(255,255,255,.06)}
.hc22 .hc-cinema-step.is-current:before{opacity:1}
.hc22 .hc-cinema-step strong{display:block;font:700 18px/1.25 Arial,sans-serif;margin-bottom:5px;color:inherit}
.hc22 .hc-cinema-step span{display:block;font:400 14px/1.65 Arial,sans-serif;max-width:380px;color:inherit;overflow-wrap:break-word}
.hc22 .hc-cinema-stage{min-width:0;position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;perspective:1400px;isolation:isolate;--hc-x:0px;--hc-y:0px}
.hc22 .hc-cinema-stage-glow{position:absolute;z-index:-1;inset:14% 4%;border-radius:50%;background:radial-gradient(ellipse,rgba(201,153,74,.27),transparent 65%);filter:blur(52px)}
.hc22 .hc-cinema-back{position:absolute;z-index:1;left:0;top:19%;width:50%;max-width:355px;height:360px;background:#0c2741;border:1px solid rgba(227,188,112,.4);border-radius:15px;overflow:hidden;box-shadow:0 35px 70px rgba(0,0,0,.27);transform:translate3d(calc(var(--hc-x) * -.6),calc(var(--hc-y) * -.55),0) rotate(-10deg) rotateY(13deg)}
.hc22 .hc-cinema-back img{width:100%;height:100%;object-fit:cover;opacity:.9}
.hc22 .hc-cinema-device{position:relative;z-index:3;width:min(100%,530px);margin-left:auto;background:#fdfefe;color:#0c2c47;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.42),0 4px 14px rgba(0,0,0,.13);border:1px solid #d6e3ed;overflow:hidden;transform:translate3d(var(--hc-x),var(--hc-y),0) rotateY(-8deg) rotateX(3deg);transition:opacity .22s ease}
.hc22 .hc-cinema-device-bar{min-height:46px;background:#edf3f7;border-bottom:1px solid #d9e3ec;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;color:#3e5c74;font:700 12px/1 Arial,sans-serif}
.hc22 .hc-cinema-dots{display:flex;gap:5px}.hc22 .hc-cinema-dots i{display:block;width:6px;height:6px;background:#becbd6;border-radius:100%}
.hc22 .hc-cinema-lock{font-weight:400}
.hc22 .hc-cinema-device-body{padding:clamp(22px,3vw,39px)}
.hc22 .hc-cinema-screen-kicker{color:#9d6d27;font-size:13px;font-weight:800;margin-bottom:13px}
.hc22 .hc-cinema-device-body h3{font:500 clamp(26px,2.7vw,39px)/1.05 Georgia,serif;letter-spacing:-.03em;margin:0 0 17px;color:#102c46}
.hc22 .hc-cinema-device-body p{font-size:14px;line-height:1.65;color:#5c7082;margin:0 0 22px}
.hc22 .hc-cinema-screen-rows{display:grid;gap:10px;margin:0 0 22px}
.hc22 .hc-cinema-screen-rows>div{background:#f1f5f9;display:flex;align-items:center;gap:12px;min-height:55px;padding:11px 13px;border:1px solid #e0e8f0;border-radius:8px;font-size:13px;color:#1c3c56}
.hc22 .hc-cinema-screen-rows b{font-size:11px;min-width:68px;color:#977037}
.hc22 .hc-cinema-screen-action{display:inline-flex;align-items:center;gap:10px;background:#0e3757;color:white!important;text-decoration:none;padding:12px 16px;border-radius:6px;font-weight:700;font-size:12px}
.hc22 .hc-cinema-qr{position:absolute;z-index:5;left:1%;bottom:0;display:flex;align-items:center;gap:10px;text-decoration:none;background:#fffefa;color:#18364e!important;padding:11px 14px 11px 11px;border-radius:13px;border:1px solid #e8d2a1;box-shadow:0 24px 48px rgba(0,0,0,.33);transform:translate3d(calc(var(--hc-x) * -.32),calc(var(--hc-y) * -.28),0) rotate(4deg)}
.hc22 .hc-cinema-qr img{width:86px;height:86px;border-radius:4px}
.hc22 .hc-cinema-qr span{font:400 12px/1.5 Arial,sans-serif}.hc22 .hc-cinema-qr strong{font-weight:800}
.hc22 .hc-use-rbgm-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hc22 .hc-use-rbgm-grid article{border:1px solid rgba(183,207,228,.19);background:rgba(255,255,255,.055);color:#eff5f8;min-width:0}
.hc22 .hc-use-rbgm-grid h3{color:#f7f1e6}.hc22 .hc-use-rbgm-grid p{color:#c9dae8}
.hc22 .hc-use-rbgm .hc-use-link:not(.hc-use-main){color:#e8edf3;border-color:#758ba2}
.hc22 .hc-use-rbgm .hc-use-main{background:#ddb468;color:#09243a}
/* Motion is progressive enhancement; do not hide anything without JS. */
.hc22 [data-hc-reveal]{opacity:1;transform:none}
.hc-cinema-enhanced .hc22 [data-hc-reveal]:not(.hc-inview){opacity:0;transform:translateY(24px)}
.hc-cinema-enhanced .hc22 [data-hc-reveal]{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.3,1)}
.hc-cinema-enhanced .hc22 [data-hc-reveal].hc-inview{opacity:1;transform:translateY(0)}
@media(max-width:1100px){
 .hc22 .hc-cinema-links{gap:13px}.hc22 .hc-cinema-links a{font-size:11px}
 .hc22 .hc-cinema-showcase{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:28px}
 .hc22 .hc-cinema-stage{min-height:550px}.hc22 .hc-cinema-back{height:300px}
}
@media(max-width:820px){
 .hc22 .hc-cinema-nav{min-height:74px;z-index:101;padding:11px 21px}
 .hc22 .hc-cinema-toggle{display:flex}
 .hc22 .hc-cinema-links{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:#081a2c;gap:0;padding:12px 25px 22px;border-bottom:1px solid #8f764c}
 .hc22 .hc-cinema-links.is-open{display:flex}
 .hc22 .hc-cinema-links a{padding:13px 7px;font-size:14px}
 .hc22 .hc-cinema-links a.hc-cinema-link-cta{align-self:flex-start;padding:12px 20px;margin-top:8px}
 .hc22 .hc-cinema-hero .heroimg{max-height:none}
 .hc22 .herofoot{gap:13px;padding:23px 20px 29px}
 .hc22 .herofoot p{text-align:center;font-size:18px}
 .hc22 .intro{grid-template-columns:1fr;gap:28px}
 .hc22 .hc-cinema-showcase{grid-template-columns:1fr;gap:20px}
 .hc22 .hc-cinema-story h3{font-size:32px}.hc22 .hc-cinema-story>p{max-width:650px}
 .hc22 .hc-cinema-steps{max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .hc22 .hc-cinema-step{padding:14px 12px;min-width:0;border-right:1px solid rgba(255,255,255,.12)}
 .hc22 .hc-cinema-step strong{font-size:16px}.hc22 .hc-cinema-step span{font-size:12px;line-height:1.5}
 .hc22 .hc-cinema-stage{min-height:530px;max-width:680px;width:100%;margin:auto}
}
@media(max-width:580px){
 .hc22 .hc-cinema-identity img{width:42px;height:42px}
 .hc22 .hc-cinema-identity strong{font-size:12px}.hc22 .hc-cinema-identity small{font-size:10px}
 .hc22 .hc-cinema-hero .heroimg{width:100%;min-height:0;height:auto;max-height:none;object-fit:contain}
 .hc22 .herofoot p{font-size:16px}.hc22 .herofoot .ctas{gap:9px}.hc22 .herofoot .goldbtn,.hc22 .herofoot .outlinebtn{font-size:11px;min-height:43px;padding:11px 13px}
 .hc22 .hc-use-rbgm{padding-left:17px;padding-right:17px}
 .hc22 .hc-use-rbgm h2{font-size:34px}.hc22 .hc-use-rbgm .hc-use-lead{font-size:15px}
 .hc22 .hc-cinema-steps{display:block;margin-top:16px}
 .hc22 .hc-cinema-step{padding:12px 13px 13px 16px;width:100%;border-right:none;overflow-wrap:break-word}
 .hc22 .hc-cinema-step strong{font-size:16px}.hc22 .hc-cinema-step span{font-size:13px}
 .hc22 .hc-cinema-stage{min-height:510px;padding-bottom:85px;perspective:none}
 .hc22 .hc-cinema-device{transform:none!important;width:100%;border-radius:11px}
 .hc22 .hc-cinema-device-body{padding:20px}
 .hc22 .hc-cinema-device-body h3{font-size:28px}
 .hc22 .hc-cinema-back{display:none}
 .hc22 .hc-cinema-qr{bottom:0;left:auto;right:0;transform:rotate(2deg)!important;padding:7px 11px 7px 7px}
 .hc22 .hc-cinema-qr img{width:70px;height:70px}
 .hc22 .hc-use-rbgm-grid{grid-template-columns:1fr}
 .hc22 .hc-use-rbgm-grid article{padding:17px}
}
@media(prefers-reduced-motion:reduce){
 .hc22 .hc-hero-light,.hc22 .hc-white-rays{animation:none!important}
 .hc22 .hc-cinema-hero .heroimg,.hc22 .hc-cinema-device,.hc22 .hc-cinema-back,.hc22 .hc-cinema-qr,.hc22 .introimage{transform:none!important}
 .hc22 [data-hc-reveal]{opacity:1!important;transform:none!important;transition:none!important}
 .hc22 .servitem img,.hc22 .servitem{transition:none!important}
}