:root{--bg:#08090d;--panel:#10131a;--line:#292d38;--text:#f5f6f9;--muted:#a8adbb;--blue:#1656ff;--cyan:#5ed8ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a,button,input,textarea,summary{outline-offset:6px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan)}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:36px;padding:0 5%;background:#08090df5;position:relative;z-index:4}.brand{display:flex;align-items:center;font-weight:800;font-size:29px;line-height:1;letter-spacing:.08em}.brand-sub{display:block;font-size:10px;letter-spacing:.18em;margin-top:6px}.brand-icon{width:55px;height:50px;overflow:hidden;position:relative;margin-right:10px}.brand-icon img{position:absolute;width:132px;max-width:none;left:-40px;top:-3px}nav{display:flex;gap:27px;margin-left:auto;font-size:14px}nav a{color:#ccd0d9}nav a:hover,nav a[aria-current]{color:var(--cyan)}.give,.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;background:var(--blue);font-size:14px;font-weight:600;border:1px solid var(--blue)}.button.secondary{background:transparent;border-color:#626775}.button:hover,.give:hover{background:#1342bc}.button.secondary:hover{background:#232735}#menu-button{display:none;background:none;color:white;border:1px solid var(--line);padding:8px 13px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.18em;color:var(--cyan);text-transform:uppercase}.hero{position:relative;min-height:690px;padding:82px 6% 85px;overflow:hidden;display:flex;align-items:center;border-bottom:1px solid var(--line)}.hero-art{position:absolute;right:-8%;top:0;width:77%;height:100%;object-fit:cover;opacity:.85;mask-image:linear-gradient(to right,transparent,#000 30%)}.hero-copy{position:relative;max-width:660px}.hero h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(60px,7vw,108px);font-weight:700;line-height:.96;letter-spacing:-.015em;margin:25px 0}.hero h1 span{color:var(--cyan)}.hero-copy>p:not(.eyebrow){max-width:425px;color:#bbc0cc;font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.verse-strip{padding:27px 6%;display:flex;gap:35px;align-items:center;border-bottom:1px solid var(--line);background:#11141b}.verse-strip p{margin:0;font-size:18px;flex:1}.verse-strip span{font-size:12px;letter-spacing:.12em;color:var(--muted)}.section{padding:76px 6%}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px;gap:24px}h2,h3,.page-title{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;line-height:1.08}h2{font-size:48px;margin:10px 0}h3{font-size:31px;margin:12px 0}.section-top p{color:var(--muted);max-width:380px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{display:block;background:var(--panel);border:1px solid var(--line);padding:30px;transition:transform .2s,border-color .2s;min-height:255px}.card:hover{transform:translateY(-4px);border-color:var(--blue)}.card p{color:var(--muted);font-size:15px}.card .num{font-family:'Barlow Condensed',Impact,sans-serif;color:var(--cyan);font-size:25px}.card .link{display:block;margin-top:26px;font-size:14px;color:white}.mission{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#0e1523;border-block:1px solid #23314a}.mission p{color:#c0c6d1}.mission h2{font-size:62px}.page-head{padding:70px 6% 45px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#101c35,#08090d 75%)}.page-title{font-size:clamp(55px,7vw,86px);margin:16px 0 20px;max-width:1000px}.page-head>p:last-child{max-width:700px;color:#b7bfce}.reading-layout{display:grid;grid-template-columns:220px minmax(0,850px);gap:60px;padding:56px 6% 90px}.reading-nav a{display:block;border-bottom:1px solid var(--line);padding:14px 0;font-size:14px;color:var(--muted)}.prose{color:#cbd0dc;overflow-wrap:anywhere}.prose p{margin:0 0 24px}.prose strong{color:white}.prose li{margin-bottom:13px}.prose details{border-bottom:1px solid var(--line);padding:20px 0}.prose summary{cursor:pointer;font-size:20px;color:white;font-weight:600}.prose details .detail-body{padding-top:22px}.notice{padding:25px;border-left:3px solid var(--blue);background:var(--panel);max-width:760px;margin:25px 0}.notice p{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;max-width:1100px}.contact-grid p{color:var(--muted)}label{display:block;margin-bottom:20px;font-size:14px}input,textarea{width:100%;display:block;color:white;background:#10131b;border:1px solid #3c4352;padding:13px;margin-top:8px;border-radius:0}textarea{min-height:180px;resize:vertical}form button{cursor:pointer;color:white}.small{font-size:14px;color:var(--muted)}footer{padding:56px 6% 25px;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.footer-top a{display:block;font-size:14px;margin:4px 0;padding:4px 0;min-height:24px}.footer-top .footer-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;font-weight:700;letter-spacing:.03em}.footer-title span{display:block;font:11px Inter,Arial,sans-serif;letter-spacing:.22em;color:var(--cyan);margin-top:5px}.footer-top p{color:var(--muted);font-size:14px}.footer-bottom{margin-top:45px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:#989faf}.skip{position:absolute;left:10px;top:-60px;z-index:10;background:var(--blue);padding:12px}.skip:focus{top:5px}[hidden]{display:none!important}@media(min-width:1700px){.hero-art{object-fit:contain;right:0}.hero-copy{max-width:800px}}@media(max-width:1000px){nav,.give{display:none}header{height:80px;justify-content:space-between}#menu-button{display:block}#mobile-menu{background:#111621;padding:20px 6%;display:grid;grid-template-columns:1fr 1fr;gap:15px}.hero{min-height:650px}.hero-art{right:-35%;width:110%;opacity:.4}.hero-copy{max-width:620px}.reading-layout{grid-template-columns:1fr;gap:25px}.reading-nav{display:flex;gap:20px;flex-wrap:wrap}.cards{gap:12px}.card{padding:22px}}@media(max-width:650px){.hero{padding:50px 6%;min-height:660px}.hero h1{font-size:69px}.hero-art{right:-55%;width:140%;opacity:.28}.hero-copy>p:not(.eyebrow){font-size:16px}.verse-strip{display:block}.verse-strip p{font-size:16px}.verse-strip span{display:block;margin-top:12px}.section{padding:50px 6%}.section-top{display:block}h2{font-size:39px}.cards,.mission,.contact-grid{grid-template-columns:1fr}.mission{gap:20px}.mission h2{font-size:48px}.card{min-height:210px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:10px}.page-head{padding-top:45px}.reading-layout{padding-top:30px}.brand-sub{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Preserve the supplied horizontal logo, with white lettering and the original blue on transparency. */
.brand{flex-shrink:0;line-height:0;letter-spacing:normal}.brand-original{display:block;width:240px;height:auto;max-width:100%;background:transparent}@media(max-width:650px){.brand-original{width:205px}}

@media(min-width:1001px) and (max-width:1240px){header{gap:20px;padding-inline:3%}nav{gap:18px}.brand-original{width:205px}.give{padding-inline:16px}}

.study-nav{display:flex;justify-content:center;gap:38px;margin:0;padding:15px 5%;background:#101622;border-bottom:1px solid var(--line);font-size:14px;flex-wrap:wrap}.study-nav a{color:#d6deed}.footer-top{grid-template-columns:1.6fr 1fr 1.2fr 1fr}.footer-top .footer-brand{display:inline-block;margin:8px 0 16px}.footer-brand .brand-original{width:240px;max-width:100%}.program-intro{max-width:750px;color:var(--muted);margin-bottom:36px}.program-card:hover{transform:none;border-color:var(--line)}@media(max-width:1000px){.study-nav{display:none}.footer-top{grid-template-columns:1fr 1fr}}@media(max-width:650px){.footer-top>div:first-child{grid-column:1/-1}.footer-brand .brand-original{width:220px}}


/* =========================================================
   TOC HOME V20 — clean spacing + stable responsive system
   Replaces all previous homepage layout passes with one system.
   ========================================================= */
:root{
  --toc-ink:#020913;
  --toc-panel:#06111e;
  --toc-line:rgba(44,198,255,.36);
  --toc-line-strong:rgba(39,219,255,.62);
  --toc-cyan:#18ddff;
  --toc-blue:#0878ff;
  --toc-white:#f8fbff;
  --toc-muted:#b7c4d4;
}
body{background:var(--toc-ink);color:var(--toc-white)}
.home-page main{overflow:hidden;background:var(--toc-ink)}
.home-page .button{border-radius:2px}
.home-page .eyebrow{color:var(--toc-cyan);font-weight:700;letter-spacing:.22em}
.home-page h1,.home-page h2,.home-page h3,.home-page .pathway-copy strong{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif}

/* Keep the full desktop header intact until a real tablet/mobile width. */
@media(min-width:900px) and (max-width:1000px){
  .home-page header nav{display:flex}
  .home-page header .give{display:inline-flex}
  .home-page #menu-button{display:none}
  .home-page .study-nav{display:flex}
}

/* ---------- PRIMARY HERO ---------- */
.home-page .home-hero{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:clamp(720px,48vw,860px);
  border-bottom:1px solid rgba(51,200,255,.28);
  background:#020913;
}
.home-page .home-hero-art{position:absolute;z-index:-2;inset:0;background:url('/assets/home-hero-cinematic-v19.webp') 40% 50%/cover no-repeat;filter:saturate(1.05) contrast(1.07) brightness(.97)}
.home-page .home-hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,19,.98) 0%,rgba(2,9,19,.92) 15%,rgba(2,9,19,.66) 29%,rgba(2,9,19,.21) 42%,rgba(2,9,19,.025) 70%,rgba(2,9,19,.08) 100%),linear-gradient(180deg,rgba(2,9,19,.02),rgba(2,9,19,.03) 72%,rgba(2,9,19,.26) 100%)}
.home-page .home-hero-glow{display:none}
.home-page .home-hero-inner{width:min(91%,1640px);min-height:inherit;margin:auto;position:relative;display:flex;align-items:center;padding:72px 0 76px}
.home-page .home-hero-copy{position:relative;z-index:3;width:min(40%,650px);max-width:650px}
.home-page .home-hero .eyebrow{font-size:13px;margin:0 0 18px}
.home-page .home-hero h1{margin:0;font-size:clamp(78px,5.7vw,110px);font-weight:800;line-height:.82;letter-spacing:-.022em;text-shadow:0 4px 24px rgba(0,0,0,.72)}
.home-page .home-hero h1 .hero-white{color:#fff}
.home-page .home-hero h1 span:not(.hero-white){color:var(--toc-cyan)}
.home-page .hero-deck{max-width:560px;margin:24px 0 0;color:#edf4fb;font-size:clamp(17px,1.1vw,20px);line-height:1.48;text-shadow:0 3px 16px #000}
.home-page .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.home-page .hero-actions .button{min-height:54px;padding:13px 28px;font-size:15px;font-weight:700}
.home-page .hero-scripture{position:absolute;z-index:4;left:35%;top:9%;width:28%;text-align:center;color:#fff;text-shadow:0 4px 18px #000}
.home-page .hero-scripture blockquote{margin:0;font:italic clamp(19px,1.5vw,26px)/1.22 Georgia,serif}
.home-page .hero-scripture cite{display:block;margin-top:10px;font:700 10px/1 Inter,Arial,sans-serif;letter-spacing:.25em;color:#e5eef7}
.home-page .watching-mark{position:absolute;z-index:4;right:2.5%;top:30%;display:grid;gap:5px;padding:8px 0 8px 16px;border-left:2px solid var(--toc-cyan);font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:14px;line-height:1.12;letter-spacing:.24em;color:#fff;text-shadow:0 3px 14px #000}

/* ---------- PATHWAY SECTION ---------- */
.home-page .pathway-wrap{position:relative;isolation:isolate;padding:72px 4vw 88px;background:#020b14;border-bottom:1px solid rgba(58,198,255,.2)}
.home-page .pathway-grid{width:min(92vw,1640px);margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.home-page .pathway{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-start;gap:16px;min-height:210px;padding:28px 25px 25px;border:1px solid rgba(37,204,255,.5);background:#071321;box-shadow:0 18px 44px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);transition:transform .2s,border-color .2s,box-shadow .2s}
.home-page .pathway:hover{transform:translateY(-3px);border-color:rgba(45,224,255,.8);box-shadow:0 24px 52px rgba(0,0,0,.42),0 0 24px rgba(15,173,255,.08)}
.home-page .pathway::before{content:"";position:absolute;z-index:-2;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(1.08) contrast(1.08) brightness(.98)}
.home-page .pathway::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(1,11,20,.96) 0%,rgba(2,16,28,.87) 43%,rgba(2,16,28,.42) 70%,rgba(2,16,28,.12) 100%),linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.16))}
.home-page .pathway-prophecy::before{background-image:url('/assets/card-prophecy-v2.webp')}
.home-page .pathway-watch::before{background-image:url('/assets/card-watch-v2.webp')}
.home-page .pathway-bible::before{background-image:url('/assets/card-bible-study-v2.webp')}
.home-page .pathway-member::before{background-image:url('/assets/card-members-v2.webp')}
.home-page .pathway-icon{flex:0 0 auto;width:36px;height:36px;color:var(--toc-cyan)}
.home-page .pathway-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.home-page .pathway-copy{display:grid;gap:8px}
.home-page .pathway-copy strong{font-size:clamp(27px,1.9vw,34px);line-height:1;color:#fff}
.home-page .pathway-copy small{max-width:310px;color:#eef4fa;font-size:14px;line-height:1.42}
.home-page .pathway-copy em{margin-top:5px;color:var(--toc-cyan);font-size:13px;font-style:normal;font-weight:700}

/* ---------- LARGE GLOBAL CALLING HERO ---------- */
.home-page .global-call{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(780px,52vw,940px);margin:96px 0;background:#020b14;border-block:1px solid rgba(45,215,255,.28)}
.home-page .global-art{position:absolute;z-index:-2;inset:0;background:url('/assets/home-global-calling-v19.webp') 54% 50%/cover no-repeat;filter:saturate(1.08) contrast(1.08) brightness(.96)}
.home-page .global-call::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,12,21,.99) 0%,rgba(2,12,21,.96) 17%,rgba(2,12,21,.77) 31%,rgba(2,12,21,.31) 48%,rgba(2,12,21,.04) 72%,rgba(2,12,21,.07) 100%),linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12))}
.home-page .global-inner{width:min(91%,1640px);min-height:inherit;margin:auto;display:grid;grid-template-columns:42% 58%;gap:58px;align-items:center;padding:88px 0 92px}
.home-page .global-copy{max-width:700px}
.home-page .global-copy .eyebrow{font-size:13px;margin:0 0 18px}
.home-page .global-copy h2{margin:0 0 28px;font-size:clamp(68px,4.9vw,94px);font-weight:800;line-height:.88;letter-spacing:-.018em}
.home-page .global-copy p,.home-page .global-copy .global-lead{display:block;max-width:680px;margin:0 0 18px;color:#eef4fa;font-size:clamp(17px,1.12vw,20px);line-height:1.62}
.home-page .global-copy .calling-statement{display:block;max-width:650px;margin:26px 0 0;padding:15px 0 15px 20px;border-left:2px solid var(--toc-cyan);color:#f8fcff;font-size:14px;line-height:1.55;letter-spacing:.055em;text-transform:uppercase}
.home-page .global-copy .actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.home-page .global-copy .button{min-height:52px;padding:12px 26px;font-size:14px;font-weight:700}
.home-page .global-message{position:relative;min-height:560px;align-self:stretch}
.home-page .global-mantra{position:absolute;left:24%;top:36%;min-width:230px;display:grid;gap:6px;padding:24px 28px;color:#fff;text-align:center;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:19px;font-weight:600;line-height:1.45;letter-spacing:.2em;background:rgba(1,10,18,.42);border-block:1px solid rgba(31,220,255,.74);box-shadow:0 24px 55px rgba(0,0,0,.3);backdrop-filter:blur(3px)}
.home-page .global-message blockquote{position:absolute;right:0;top:33%;width:min(410px,44%);margin:0;padding:28px 30px;color:#fff;font:italic 22px/1.42 Georgia,serif;background:rgba(2,12,22,.78);border:1px solid rgba(61,195,255,.26);box-shadow:0 22px 56px rgba(0,0,0,.38);backdrop-filter:blur(4px)}
.home-page .global-message cite{display:block;margin-top:17px;color:#bfe8f7;font:700 10px/1 Inter,Arial,sans-serif;letter-spacing:.21em;text-transform:uppercase}

/* ---------- LATEST FROM TOC ---------- */
.home-page .latest-section{position:relative;isolation:isolate;padding:82px 4vw 94px;background:#03101c;border-block:1px solid rgba(48,183,240,.16)}
.home-page .latest-heading,.home-page .latest-grid{width:min(92vw,1640px);margin-inline:auto}
.home-page .latest-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}
.home-page .latest-heading h2{margin:0;font-size:48px;line-height:1}
.home-page .latest-heading>a{color:var(--toc-cyan);font-size:14px}
.home-page .latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.home-page .latest-card{min-width:0;background:#071321;border:1px solid rgba(74,182,231,.34);box-shadow:0 18px 42px rgba(0,0,0,.22)}
.home-page .latest-card>a{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:230px}
.home-page .latest-thumb{min-height:230px;overflow:hidden;background:#07131f}
.home-page .latest-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.home-page .latest-no-image{display:grid;place-items:center;color:#86dfff;font-family:'Barlow Condensed',sans-serif;font-size:28px}
.home-page .latest-body{display:flex;flex-direction:column;padding:24px 24px 22px;min-width:0}
.home-page .latest-meta{display:flex;gap:10px;flex-wrap:wrap;color:#9ec6dd;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.home-page .latest-meta span+span::before{content:'•';margin-right:10px;color:var(--toc-cyan)}
.home-page .latest-body h3{margin:13px 0 14px;font-size:clamp(23px,1.65vw,30px);line-height:1.06;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.home-page .latest-link{margin-top:auto;color:var(--toc-cyan);font-size:12px;font-weight:700}
.home-page .latest-loading{min-height:230px;background:linear-gradient(90deg,#071321,#0a1b2d,#071321);background-size:200% 100%;animation:tocLoad 1.5s linear infinite}
@keyframes tocLoad{to{background-position:-200% 0}}
.home-page .latest-error{grid-column:1/-1;color:#c2ced9}
.home-page .latest-error a{color:var(--toc-cyan)}

/* ---------- FAITH WITH UNDERSTANDING ---------- */
.home-page .faith-section{position:relative;isolation:isolate;overflow:hidden;min-height:360px;background:#06101b;border-bottom:1px solid rgba(46,178,232,.18)}
.home-page .faith-atmosphere{position:absolute;z-index:-2;inset:0;background:url('/assets/home-faith-atmosphere-v3.webp') right center/cover no-repeat;opacity:.74;filter:saturate(1.04) contrast(1.04) brightness(.83)}
.home-page .faith-section::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#06101b 0%,#06101bf7 27%,rgba(6,16,27,.86) 53%,rgba(6,16,27,.2) 100%)}
.home-page .faith-inner{width:min(92vw,1640px);min-height:360px;margin:auto;display:grid;grid-template-columns:1.15fr 2fr .85fr;gap:34px;align-items:center;padding:62px 0}
.home-page .faith-intro .eyebrow{font-size:11px;margin:0 0 10px}
.home-page .faith-intro h2{margin:0 0 10px;font-size:48px;line-height:1}
.home-page .faith-intro p:last-child{max-width:430px;margin:0;color:#d9e3ed;font-size:14px;line-height:1.5}
.home-page .faith-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-page .faith-links a{display:flex;align-items:center;gap:13px;min-height:100px;padding:14px 16px;border-left:1px solid rgba(50,198,255,.26)}
.home-page .faith-icon{flex:0 0 auto;width:52px;height:52px;padding:12px;border:1px solid rgba(27,221,255,.68);border-radius:50%;color:var(--toc-cyan)}
.home-page .faith-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.home-page .faith-links strong{display:block;color:#fff;font-size:13px;line-height:1.25}
.home-page .faith-links small{display:block;margin-top:5px;color:var(--toc-cyan);font-size:11px}
.home-page .faith-quote{margin:0;text-align:right;color:#fff;font:italic 26px/1.25 Georgia,serif;text-shadow:0 3px 12px #000}

/* ---------- FOOTER ---------- */
.home-page footer{padding:68px 6% 30px;background:#020913;border-top:1px solid rgba(45,184,240,.16)}
.home-page .footer-top{gap:42px}
.home-page .footer-top a{font-size:13px;margin:7px 0}
.home-page .footer-top p{font-size:13px;line-height:1.5}
.home-page .footer-brand .brand-original{width:210px}
.home-page .footer-bottom{margin-top:46px;padding-top:20px;font-size:11px}

/* ---------- COMPACT DESKTOP / TABLET ---------- */
@media(max-width:1180px) and (min-width:900px){
  .home-page .home-hero{min-height:720px}
  .home-page .home-hero-inner{width:92%;padding-block:60px}
  .home-page .home-hero-copy{width:44%;max-width:520px}
  .home-page .home-hero h1{font-size:clamp(64px,7vw,82px)}
  .home-page .hero-deck{font-size:16px;max-width:460px}
  .home-page .hero-scripture{left:43%;width:31%;top:7%}
  .home-page .watching-mark{display:none}
  .home-page .pathway-grid{gap:14px}
  .home-page .pathway{min-height:190px;padding:22px 18px}
  .home-page .pathway-copy strong{font-size:25px}
  .home-page .pathway-copy small{font-size:12px}
  .home-page .global-call{min-height:820px}
  .home-page .global-inner{width:92%;grid-template-columns:46% 54%;gap:34px;padding-block:70px}
  .home-page .global-copy h2{font-size:clamp(58px,6vw,72px)}
  .home-page .global-copy p,.home-page .global-copy .global-lead{font-size:16px}
  .home-page .global-mantra{left:8%;min-width:190px;font-size:15px}
  .home-page .global-message blockquote{width:55%;font-size:18px}
  .home-page .latest-card>a{grid-template-columns:160px minmax(0,1fr);min-height:210px}
  .home-page .latest-thumb{min-height:210px}
  .home-page .latest-body{padding:18px}
  .home-page .latest-body h3{font-size:22px}
  .home-page .faith-inner{grid-template-columns:1fr 1.6fr;min-height:390px}
  .home-page .faith-quote{grid-column:2;text-align:right}
}

/* ---------- TABLET / MOBILE ---------- */
@media(max-width:899px){
  .home-page .home-hero{min-height:960px}
  .home-page .home-hero-art{background-size:auto 58%;background-position:53% top;background-repeat:no-repeat}
  .home-page .home-hero-art::after{background:linear-gradient(180deg,rgba(2,9,19,.01) 0%,rgba(2,9,19,.11) 36%,rgba(2,9,19,.76) 55%,#020913 69%,#020913 100%)}
  .home-page .home-hero-inner{width:90%;min-height:960px;padding:500px 0 64px;display:flex;align-items:flex-end}
  .home-page .home-hero-copy{width:100%;max-width:none}
  .home-page .home-hero .eyebrow{font-size:11px;margin-bottom:12px}
  .home-page .home-hero h1{font-size:clamp(58px,11vw,76px);line-height:.82}
  .home-page .hero-deck{font-size:16px;line-height:1.5;max-width:620px}
  .home-page .hero-actions{margin-top:24px}
  .home-page .hero-scripture{top:5%;left:5%;width:70%;text-align:left}
  .home-page .hero-scripture blockquote{font-size:16px}
  .home-page .watching-mark{display:none}

  .home-page .pathway-wrap{padding:58px 5% 72px}
  .home-page .pathway-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .home-page .pathway{min-height:190px;padding:24px 20px}

  .home-page .global-call{min-height:1120px;margin:76px 0}
  .home-page .global-art{background-size:auto 52%;background-position:62% top;background-repeat:no-repeat}
  .home-page .global-call::before{background:linear-gradient(180deg,rgba(2,12,21,.03) 0%,rgba(2,12,21,.18) 36%,rgba(2,12,21,.84) 53%,#020c15 67%,#020c15 100%)}
  .home-page .global-inner{width:90%;min-height:1120px;padding:500px 0 70px;display:block}
  .home-page .global-copy{max-width:none}
  .home-page .global-copy h2{font-size:clamp(56px,9vw,72px)}
  .home-page .global-copy p,.home-page .global-copy .global-lead{font-size:16px}
  .home-page .global-message{display:grid;gap:16px;min-height:0;margin-top:32px}
  .home-page .global-mantra,.home-page .global-message blockquote{position:relative;inset:auto;width:100%;max-width:none}
  .home-page .global-mantra{text-align:left;min-width:0;font-size:15px}
  .home-page .global-message blockquote{font-size:18px}

  .home-page .latest-section{padding:68px 5% 78px}
  .home-page .latest-heading,.home-page .latest-grid{width:100%}
  .home-page .latest-grid{grid-template-columns:1fr;gap:18px}
  .home-page .latest-card>a{grid-template-columns:190px minmax(0,1fr)}

  .home-page .faith-section{min-height:520px}
  .home-page .faith-inner{width:90%;min-height:520px;grid-template-columns:1fr;gap:22px;padding:64px 0}
  .home-page .faith-links{grid-template-columns:1fr;gap:8px}
  .home-page .faith-links a{min-height:84px}
  .home-page .faith-quote{text-align:left}
}

@media(max-width:620px){
  .home-page .home-hero{min-height:1020px}
  .home-page .home-hero-art{background-size:auto 52%;background-position:56% top}
  .home-page .home-hero-inner{min-height:1020px;padding:480px 0 58px}
  .home-page .home-hero h1{font-size:clamp(54px,14vw,70px)}
  .home-page .hero-deck{font-size:15px}
  .home-page .hero-actions{display:grid;grid-template-columns:1fr;width:100%}
  .home-page .hero-actions .button{width:100%}
  .home-page .hero-scripture{width:80%}
  .home-page .pathway-wrap{padding:52px 5% 64px}
  .home-page .pathway-grid{grid-template-columns:1fr;gap:14px}
  .home-page .pathway{min-height:160px}
  .home-page .global-call{min-height:1180px;margin-block:66px}
  .home-page .global-art{background-size:auto 45%;background-position:66% top}
  .home-page .global-inner{min-height:1180px;padding:460px 0 60px}
  .home-page .global-copy h2{font-size:clamp(50px,13vw,64px)}
  .home-page .global-copy .actions{display:grid;grid-template-columns:1fr}
  .home-page .global-copy .button{width:100%}
  .home-page .latest-heading{display:block}
  .home-page .latest-heading>a{display:inline-block;margin-top:10px}
  .home-page .latest-card>a{grid-template-columns:125px minmax(0,1fr);min-height:180px}
  .home-page .latest-thumb{min-height:180px}
  .home-page .latest-body{padding:16px}
  .home-page .latest-body h3{font-size:20px}
  .home-page .faith-intro h2{font-size:42px}
  .home-page footer{padding-inline:5%}
}


/* ===== V21 TOP HERO ONLY: LOCKED DESKTOP COMPOSITION ===== */
.home-page .home-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  height:clamp(680px,42.85vw,860px);
  min-height:0;
  margin:0;
  background:#020913;
  border-bottom:1px solid rgba(37,190,245,.24);
}
.home-page .home-hero-art{
  position:absolute;
  inset:0;
  z-index:-3;
  background-image:url('/assets/home-hero-cinematic-v21.webp');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center 50%;
  filter:saturate(1.08) contrast(1.05) brightness(.96);
}
.home-page .home-hero-art::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(2,9,19,.96) 0%,rgba(2,9,19,.86) 25%,rgba(2,9,19,.40) 43%,rgba(2,9,19,.05) 64%,rgba(2,9,19,.02) 100%),
    linear-gradient(180deg,rgba(2,9,19,.02) 0%,rgba(2,9,19,.02) 72%,rgba(2,9,19,.28) 100%);
}
.home-page .home-hero-glow{display:none}
.home-page .home-hero-inner{
  position:relative;
  width:min(92vw,1660px);
  height:100%;
  min-height:0;
  margin-inline:auto;
  padding:72px 0 74px;
  display:block;
}
.home-page .home-hero-copy{
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-45%);
  width:min(39%,650px);
  max-width:650px;
  z-index:3;
}
.home-page .home-hero .eyebrow{
  margin:0 0 18px;
  font-size:13px;
  letter-spacing:.19em;
}
.home-page .home-hero h1{
  margin:0;
  font-size:clamp(72px,5.45vw,102px);
  line-height:.88;
  letter-spacing:-.018em;
}
.home-page .hero-deck{
  margin:22px 0 0;
  max-width:600px;
  font-size:clamp(18px,1.25vw,23px);
  line-height:1.42;
}
.home-page .hero-actions{
  margin-top:30px;
  gap:14px;
}
.home-page .hero-actions .button{
  min-height:58px;
  padding:0 28px;
  font-size:15px;
}
.home-page .hero-scripture{
  position:absolute;
  left:39%;
  top:7%;
  width:30%;
  text-align:center;
  z-index:3;
}
.home-page .hero-scripture blockquote{
  margin:0;
  color:#fff;
  font:italic 23px/1.22 Georgia,serif;
  text-shadow:0 3px 16px rgba(0,0,0,.85);
}
.home-page .hero-scripture cite{
  display:block;
  margin-top:9px;
  color:#f4f7fb;
  font:700 11px/1 Arial,sans-serif;
  letter-spacing:.24em;
  text-transform:uppercase;
}
.home-page .watching-mark{
  position:absolute;
  right:1.5%;
  top:24%;
  display:grid;
  gap:6px;
  padding-left:18px;
  border-left:2px solid var(--toc-cyan);
  color:#fff;
  font-size:13px;
  line-height:1.08;
  letter-spacing:.22em;
  text-shadow:0 2px 12px #000;
  z-index:3;
}
.home-page .pathway-wrap{
  position:relative;
  z-index:2;
  margin:0;
  padding:76px 4vw 88px;
  background:#03101a;
  border-bottom:1px solid rgba(43,190,242,.18);
}
.home-page .pathway-grid{width:min(92vw,1660px);margin-inline:auto}

@media(max-width:760px){
  .home-page .home-hero{
    height:auto;
    min-height:980px;
    background:#020913;
  }
  .home-page .home-hero-art{
    background-size:auto 56%;
    background-position:58% top;
  }
  .home-page .home-hero-art::after{
    background:linear-gradient(180deg,rgba(2,9,19,.02) 0%,rgba(2,9,19,.12) 38%,rgba(2,9,19,.86) 56%,#020913 69%,#020913 100%);
  }
  .home-page .home-hero-inner{
    width:90%;
    min-height:980px;
    padding:500px 0 64px;
  }
  .home-page .home-hero-copy{
    position:relative;
    left:auto;
    top:auto;
    transform:none;
    width:100%;
    max-width:none;
  }
  .home-page .home-hero h1{font-size:clamp(58px,14vw,76px)}
  .home-page .hero-deck{font-size:17px}
  .home-page .hero-scripture{left:5%;top:4%;width:72%;text-align:left}
  .home-page .hero-scripture blockquote{font-size:17px}
  .home-page .watching-mark{display:none}
  .home-page .pathway-wrap{padding:64px 5% 76px}
}


/* ===== V22 TOP HERO TYPOGRAPHY POLISH ONLY =====
   Preserve V21 hero proportions and composition; improve legibility and hierarchy. */
.home-page .home-hero h1{
  font-family:'Oswald','Barlow Condensed','Arial Narrow',Impact,sans-serif;
  font-weight:700;
  font-size:clamp(78px,5.7vw,108px);
  line-height:.91;
  letter-spacing:-.03em;
  text-wrap:balance;
}
.home-page .hero-deck{
  max-width:610px;
  color:#f1f5f9;
  font-family:'Source Sans 3',Inter,Arial,sans-serif;
  font-size:clamp(21px,1.32vw,25px);
  font-weight:500;
  line-height:1.42;
  letter-spacing:.002em;
  text-shadow:0 2px 12px rgba(0,0,0,.9);
}
.home-page .hero-scripture blockquote{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(28px,1.75vw,34px);
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.01em;
  text-shadow:0 3px 18px rgba(0,0,0,.92);
}
.home-page .hero-scripture cite{
  margin-top:11px;
  font-family:'Source Sans 3',Inter,Arial,sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.24em;
  text-shadow:0 2px 10px rgba(0,0,0,.95);
}
.home-page .watching-mark{
  right:1.35%;
  top:23%;
  gap:7px;
  padding-left:20px;
  font-family:'Oswald','Barlow Condensed','Arial Narrow',sans-serif;
  font-size:16px;
  font-weight:600;
  line-height:1.12;
  letter-spacing:.19em;
  text-shadow:0 3px 14px rgba(0,0,0,.95);
}
.home-page .pathway-copy small{
  max-width:330px;
  color:#f3f7fb;
  font-family:'Source Sans 3',Inter,Arial,sans-serif;
  font-size:clamp(16px,1.02vw,18px);
  font-weight:500;
  line-height:1.42;
  letter-spacing:.002em;
  text-shadow:0 2px 8px rgba(0,0,0,.72);
}
.home-page .pathway-copy em{
  font-family:'Source Sans 3',Inter,Arial,sans-serif;
  font-size:14px;
  font-weight:700;
}

@media(max-width:1180px) and (min-width:761px){
  .home-page .home-hero h1{font-size:clamp(70px,7vw,90px)}
  .home-page .hero-deck{font-size:19px;max-width:520px}
  .home-page .hero-scripture blockquote{font-size:24px}
  .home-page .hero-scripture cite{font-size:11px}
  .home-page .watching-mark{font-size:14px}
  .home-page .pathway-copy small{font-size:15px}
}

@media(max-width:760px){
  .home-page .home-hero h1{
    font-family:'Oswald','Barlow Condensed','Arial Narrow',Impact,sans-serif;
    font-size:clamp(60px,14vw,80px);
    line-height:.9;
  }
  .home-page .hero-deck{font-size:18px;line-height:1.46}
  .home-page .hero-scripture blockquote{font-size:20px;line-height:1.12}
  .home-page .hero-scripture cite{font-size:10px}
  .home-page .pathway-copy small{font-size:16px;line-height:1.45}
}

/* ===== V23 SECOND HERO ONLY: GLOBAL CALLING WITH ORIGINAL TOC LOGO =====
   Top hero + pathway section remain locked exactly as approved in V22. */
.home-page .global-call{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:clamp(650px,44vw,790px);
  margin:96px 0;
  background:
    radial-gradient(circle at 76% 46%,rgba(18,95,180,.14),transparent 34%),
    linear-gradient(110deg,#050911 0%,#070b14 56%,#03060c 100%);
  border-block:1px solid rgba(45,215,255,.24);
}
.home-page .global-call::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(1,7,14,.10),rgba(1,7,14,0) 58%,rgba(1,7,14,.10));
  pointer-events:none;
}
.home-page .global-art{display:none!important}
.home-page .global-inner{
  width:min(90vw,1580px);
  min-height:inherit;
  margin:auto;
  display:grid;
  grid-template-columns:minmax(0,46%) minmax(0,54%);
  gap:72px;
  align-items:center;
  padding:76px 0 82px;
}
.home-page .global-copy{max-width:720px}
.home-page .global-copy .eyebrow{
  margin:0 0 16px;
  font-size:13px;
  letter-spacing:.22em;
}
.home-page .global-copy h2{
  margin:0 0 30px;
  font-family:'Oswald','Barlow Condensed','Arial Narrow',Impact,sans-serif;
  font-size:clamp(60px,4.45vw,82px);
  font-weight:700;
  line-height:.95;
  letter-spacing:-.025em;
}
.home-page .global-copy p,
.home-page .global-copy .global-lead{
  display:block;
  max-width:700px;
  margin:0 0 20px;
  color:#eef4fa;
  font-family:'Source Sans 3',Inter,Arial,sans-serif;
  font-size:clamp(18px,1.14vw,21px);
  font-weight:500;
  line-height:1.56;
  letter-spacing:.003em;
}
.home-page .global-copy .calling-statement{
  max-width:660px;
  margin:30px 0 0;
  padding:16px 0 16px 20px;
  border-left:2px solid var(--toc-cyan);
  color:#f8fcff;
  font-family:'Source Sans 3',Inter,Arial,sans-serif;
  font-size:15px;
  font-weight:600;
  line-height:1.48;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.home-page .global-copy .actions{margin-top:30px}
.home-page .global-message{
  position:relative;
  min-height:0;
  align-self:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:26px;
}
.home-page .global-logo{
  display:block;
  width:min(100%,760px);
  max-height:430px;
  object-fit:contain;
  object-position:center;
  filter:saturate(1.04) contrast(1.03) brightness(1.02);
}
.home-page .global-support-row{
  width:min(100%,760px);
  display:grid;
  grid-template-columns:minmax(220px,.85fr) minmax(320px,1.35fr);
  gap:20px;
  align-items:stretch;
}
.home-page .global-mantra{
  position:relative;
  inset:auto;
  min-width:0;
  display:grid;
  place-content:center;
  gap:7px;
  padding:22px 24px;
  color:#fff;
  text-align:center;
  font-family:'Oswald','Barlow Condensed','Arial Narrow',sans-serif;
  font-size:17px;
  font-weight:600;
  line-height:1.28;
  letter-spacing:.17em;
  background:rgba(4,11,19,.78);
  border-block:1px solid rgba(31,220,255,.68);
  box-shadow:none;
  backdrop-filter:none;
}
.home-page .global-message blockquote{
  position:relative;
  inset:auto;
  width:auto;
  margin:0;
  padding:22px 26px;
  color:#fff;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:21px;
  font-weight:700;
  font-style:italic;
  line-height:1.28;
  background:rgba(7,12,21,.84);
  border:1px solid rgba(61,195,255,.24);
  box-shadow:none;
  backdrop-filter:none;
}
.home-page .global-message cite{
  display:block;
  margin-top:14px;
  color:#bfe8f7;
  font-family:'Source Sans 3',Inter,Arial,sans-serif;
  font-size:10px;
  font-weight:700;
  line-height:1;
  letter-spacing:.20em;
  text-transform:uppercase;
}

@media(max-width:1180px) and (min-width:761px){
  .home-page .global-call{min-height:680px;margin-block:82px}
  .home-page .global-inner{width:92vw;grid-template-columns:47% 53%;gap:44px;padding:66px 0 70px}
  .home-page .global-copy h2{font-size:clamp(54px,5.7vw,70px)}
  .home-page .global-copy p,.home-page .global-copy .global-lead{font-size:17px;line-height:1.52}
  .home-page .global-logo{width:min(100%,620px);max-height:350px}
  .home-page .global-support-row{grid-template-columns:1fr;gap:12px;width:min(100%,620px)}
  .home-page .global-mantra{font-size:15px;grid-template-columns:repeat(3,auto);gap:10px;padding:16px 18px}
  .home-page .global-message blockquote{font-size:18px;padding:18px 20px}
}

@media(max-width:760px){
  .home-page .global-call{min-height:0;margin-block:72px}
  .home-page .global-inner{width:90%;min-height:0;padding:64px 0 70px;display:flex;flex-direction:column;gap:42px}
  .home-page .global-copy{max-width:none;width:100%}
  .home-page .global-copy h2{font-size:clamp(50px,13vw,66px)}
  .home-page .global-copy p,.home-page .global-copy .global-lead{font-size:17px;line-height:1.52}
  .home-page .global-message{width:100%;gap:20px}
  .home-page .global-logo{width:100%;max-height:none}
  .home-page .global-support-row{width:100%;grid-template-columns:1fr;gap:14px}
  .home-page .global-mantra{font-size:15px;padding:18px 20px}
  .home-page .global-message blockquote{font-size:19px;padding:20px 22px}
}

/* ===== V24 GLOBAL CALLING: ORIGINAL GLOBAL / MAN ART, LIVE-STYLE FLOW ===== */
.home-page .global-call{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:660px;
  margin:96px 0;
  background:#020b14;
  border-block:1px solid rgba(45,215,255,.22);
}
.home-page .global-art{
  display:block!important;
  position:absolute;
  inset:0;
  z-index:-3;
  background:url('/assets/home-global-calling-v24.webp') center center/cover no-repeat;
  filter:saturate(1.04) contrast(1.04) brightness(.92);
}
.home-page .global-call::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(2,10,18,.99) 0%,rgba(2,10,18,.96) 22%,rgba(2,10,18,.78) 37%,rgba(2,10,18,.22) 58%,rgba(2,10,18,.03) 76%,rgba(2,10,18,.12) 100%),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.18));
  pointer-events:none;
}
.home-page .global-call::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(1,7,14,0) 62%,rgba(1,7,14,.30) 100%);
  pointer-events:none;
}
.home-page .global-inner{
  width:min(91vw,1640px);
  min-height:660px;
  margin:auto;
  display:grid;
  grid-template-columns:minmax(0,43%) minmax(0,57%);
  gap:54px;
  align-items:center;
  padding:68px 0 72px;
}
.home-page .global-copy{
  max-width:690px;
  align-self:center;
}
.home-page .global-copy .eyebrow{
  margin:0 0 16px;
  font-size:13px;
  letter-spacing:.22em;
}
.home-page .global-copy h2{
  margin:0 0 26px;
  font-family:'Oswald','Barlow Condensed','Arial Narrow',Impact,sans-serif;
  font-size:clamp(58px,4.25vw,80px);
  font-weight:700;
  line-height:.94;
  letter-spacing:-.018em;
}
.home-page .global-copy p,
.home-page .global-copy .global-lead{
  display:block;
  max-width:660px;
  margin:0 0 18px;
  color:#eef4fa;
  font-family:'Source Sans 3',Inter,Arial,sans-serif;
  font-size:clamp(17px,1.06vw,20px);
  font-weight:500;
  line-height:1.58;
  letter-spacing:.002em;
}
.home-page .global-copy .calling-statement{
  max-width:620px;
  margin:26px 0 0;
  padding:14px 0 14px 18px;
  border-left:2px solid var(--toc-cyan);
  color:#f7fbff;
  font-family:'Source Sans 3',Inter,Arial,sans-serif;
  font-size:14px;
  font-weight:650;
  line-height:1.48;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.home-page .global-copy .actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:26px;
}
.home-page .global-copy .button{
  min-height:50px;
  padding:12px 24px;
  font-size:14px;
  font-weight:700;
}
.home-page .global-message{
  position:relative;
  min-height:500px;
  align-self:stretch;
  display:grid;
  grid-template-columns:minmax(210px,.78fr) minmax(310px,1.18fr);
  gap:18px;
  align-items:end;
  align-content:end;
  padding:0 12% 58px 3%;
}
.home-page .global-support-row{display:contents!important}
.home-page .global-logo{display:none!important}
.home-page .global-mantra{
  position:relative;
  inset:auto;
  min-width:0;
  display:grid;
  place-content:center;
  gap:7px;
  min-height:150px;
  padding:20px 20px;
  color:#fff;
  text-align:center;
  font-family:'Oswald','Barlow Condensed','Arial Narrow',sans-serif;
  font-size:18px;
  font-weight:600;
  line-height:1.28;
  letter-spacing:.17em;
  background:rgba(3,12,21,.62);
  border-block:1px solid rgba(31,220,255,.72);
  box-shadow:0 18px 42px rgba(0,0,0,.18);
  backdrop-filter:blur(2px);
}
.home-page .global-message blockquote{
  position:relative;
  inset:auto;
  width:auto;
  max-width:none;
  margin:0;
  min-height:150px;
  padding:24px 28px;
  color:#fff;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:21px;
  font-weight:700;
  font-style:italic;
  line-height:1.34;
  background:rgba(4,12,21,.74);
  border:1px solid rgba(61,195,255,.24);
  box-shadow:0 18px 42px rgba(0,0,0,.20);
  backdrop-filter:blur(2px);
}
.home-page .global-message cite{
  display:block;
  margin-top:15px;
  color:#bfe8f7;
  font-family:'Source Sans 3',Inter,Arial,sans-serif;
  font-size:10px;
  font-weight:700;
  line-height:1;
  letter-spacing:.20em;
  text-transform:uppercase;
}

@media(max-width:1180px) and (min-width:801px){
  .home-page .global-call{min-height:620px;margin-block:86px}
  .home-page .global-inner{width:92vw;min-height:620px;grid-template-columns:45% 55%;gap:36px;padding:58px 0 62px}
  .home-page .global-copy h2{font-size:clamp(50px,5vw,64px)}
  .home-page .global-copy p,.home-page .global-copy .global-lead{font-size:16.5px;line-height:1.53}
  .home-page .global-message{min-height:440px;grid-template-columns:1fr;align-content:end;padding:0 7% 44px 8%;gap:12px}
  .home-page .global-mantra{min-height:0;grid-template-columns:repeat(3,auto);gap:10px;padding:15px 18px;font-size:14px}
  .home-page .global-message blockquote{min-height:0;padding:18px 20px;font-size:18px}
}

@media(max-width:800px){
  .home-page .global-call{min-height:0;margin-block:72px}
  .home-page .global-art{background-position:66% center;opacity:.76}
  .home-page .global-call::before{background:linear-gradient(180deg,rgba(2,10,18,.96) 0%,rgba(2,10,18,.91) 46%,rgba(2,10,18,.46) 72%,rgba(2,10,18,.60) 100%)}
  .home-page .global-inner{width:90%;min-height:0;padding:62px 0 64px;display:flex;flex-direction:column;gap:42px}
  .home-page .global-copy{max-width:none;width:100%}
  .home-page .global-copy h2{font-size:clamp(48px,12.8vw,64px)}
  .home-page .global-copy p,.home-page .global-copy .global-lead{font-size:17px;line-height:1.52}
  .home-page .global-message{width:100%;min-height:360px;display:grid;grid-template-columns:1fr;align-content:end;gap:14px;padding:0}
  .home-page .global-mantra{min-height:0;font-size:15px;padding:18px 20px;background:rgba(3,12,21,.72)}
  .home-page .global-message blockquote{min-height:0;font-size:19px;padding:20px 22px;background:rgba(4,12,21,.78)}
}

/* ===== V27 GLOBAL CALLING: COMMAND / EDUCATIONAL HERO ===== */
.home-page .global-call-v27{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:96px 0 108px;
  background:#020a13;
  border-block:1px solid rgba(52,210,255,.24);
}
.home-page .global-call-v27 .global-art{
  display:block!important;
  position:absolute;
  inset:0 0 auto 0;
  height:clamp(660px,42.85vw,820px);
  z-index:-3;
  background-image:url('/assets/home-global-calling-v24.webp');
  background-position:center center;
  background-size:100% auto;
  background-repeat:no-repeat;
  filter:saturate(1.08) contrast(1.06) brightness(.95);
}
.home-page .global-call-v27::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:clamp(660px,42.85vw,820px);
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(2,9,17,.99) 0%,rgba(2,9,17,.94) 20%,rgba(2,9,17,.68) 34%,rgba(2,9,17,.20) 52%,rgba(2,9,17,.02) 76%,rgba(2,9,17,.02) 100%),
    linear-gradient(180deg,rgba(2,9,17,.02) 0%,rgba(2,9,17,.02) 74%,rgba(2,9,17,.56) 100%);
  pointer-events:none;
}
.home-page .global-call-v27 .global-stage{
  position:relative;
  width:min(94vw,1760px);
  height:clamp(660px,42.85vw,820px);
  margin:0 auto;
}
.home-page .global-call-v27 .global-copy{
  position:absolute;
  left:0;
  top:50%;
  width:min(40%,700px);
  max-width:700px;
  transform:translateY(-52%);
  z-index:2;
}
.home-page .global-call-v27 .global-copy .eyebrow{
  margin:0 0 18px;
  font-size:clamp(14px,.9vw,17px);
  font-weight:700;
  letter-spacing:.23em;
}
.home-page .global-call-v27 .global-copy h2{
  max-width:670px;
  margin:0 0 30px;
  font-family:'Oswald','Barlow Condensed','Arial Narrow',Impact,sans-serif;
  font-size:clamp(70px,4.8vw,96px);
  font-weight:700;
  line-height:.91;
  letter-spacing:-.02em;
}
.home-page .global-call-v27 .global-lead{
  max-width:670px;
  margin:0;
  color:#f1f6fa;
  font-family:'Source Sans 3',Inter,Arial,sans-serif;
  font-size:clamp(22px,1.35vw,27px);
  font-weight:500;
  line-height:1.47;
  letter-spacing:.002em;
  text-wrap:pretty;
}
.home-page .global-call-v27 .global-mantra{
  position:absolute;
  left:50%;
  top:36%;
  width:290px;
  min-width:0;
  min-height:0;
  padding:22px 18px;
  display:grid;
  gap:9px;
  color:#fff;
  text-align:center;
  font-family:'Oswald','Barlow Condensed','Arial Narrow',sans-serif;
  font-size:clamp(18px,1.2vw,23px);
  font-weight:600;
  line-height:1.25;
  letter-spacing:.19em;
  background:transparent;
  border:0;
  border-block:2px solid rgba(31,220,255,.75);
  box-shadow:none;
  backdrop-filter:none;
  z-index:2;
}
.home-page .global-call-v27 .global-scripture{
  position:absolute;
  right:4%;
  top:42%;
  width:min(410px,25vw);
  margin:0;
  padding:0;
  color:#fff;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(24px,1.65vw,32px);
  font-weight:700;
  font-style:italic;
  line-height:1.34;
  text-shadow:0 3px 18px rgba(0,0,0,.92);
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  z-index:2;
}
.home-page .global-call-v27 .global-scripture cite{
  display:block;
  margin-top:18px;
  color:#d4eef8;
  font-family:'Source Sans 3',Inter,Arial,sans-serif;
  font-size:12px;
  font-weight:800;
  line-height:1;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-style:normal;
}
.home-page .mission-command-grid{
  position:relative;
  z-index:3;
  width:100%;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:0;
  border-top:1px solid rgba(46,208,255,.38);
  border-bottom:1px solid rgba(46,208,255,.18);
  background:rgba(2,10,18,.88);
  overflow:hidden;
}
.home-page .mission-command{
  position:relative;
  min-height:250px;
  display:grid;
  grid-template-columns:72px 1fr;
  gap:18px;
  align-items:start;
  padding:34px 30px 30px;
  color:#fff;
  text-decoration:none;
  border-right:1px solid rgba(55,203,255,.18);
  background:linear-gradient(135deg,rgba(5,18,31,.96),rgba(4,15,27,.78));
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.home-page .mission-command:last-child{border-right:0}
.home-page .mission-command::after{
  content:"";
  position:absolute;
  top:0;
  right:-20px;
  width:38px;
  height:100%;
  z-index:2;
  transform:skewX(-8deg);
  border-right:2px solid rgba(29,214,255,.62);
  pointer-events:none;
}
.home-page .mission-command:last-child::after{display:none}
.home-page .mission-command:hover{
  transform:translateY(-3px);
  border-color:rgba(45,220,255,.48);
  background:linear-gradient(135deg,rgba(8,27,44,.98),rgba(4,17,31,.86));
  box-shadow:0 18px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(99,227,255,.14);
}
.home-page .command-number{
  color:var(--toc-cyan);
  font-family:'Oswald','Barlow Condensed','Arial Narrow',sans-serif;
  font-size:clamp(32px,2.2vw,44px);
  font-weight:700;
  line-height:1;
  letter-spacing:.02em;
}
.home-page .command-content{min-width:0}
.home-page .command-content strong{
  display:block;
  margin:0 0 10px;
  color:#fff;
  font-family:'Oswald','Barlow Condensed','Arial Narrow',sans-serif;
  font-size:clamp(28px,1.8vw,36px);
  font-weight:700;
  line-height:1.06;
  letter-spacing:.005em;
  text-transform:uppercase;
}
.home-page .command-content p{
  margin:0 0 8px;
  color:#eef5fa;
  font-family:'Source Sans 3',Inter,Arial,sans-serif;
  font-size:clamp(18px,1.12vw,22px);
  font-weight:500;
  line-height:1.35;
}
.home-page .command-content p b{color:#fff;font-weight:800}
.home-page .command-content small{
  display:block;
  margin:0 0 24px;
  color:#9fb4c3;
  font-family:'Source Sans 3',Inter,Arial,sans-serif;
  font-size:13px;
  font-weight:600;
  letter-spacing:.02em;
}
.home-page .command-content em{
  display:block;
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid rgba(54,207,255,.28);
  color:#8ee6ff;
  font-family:'Source Sans 3',Inter,Arial,sans-serif;
  font-size:13px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.20em;
}
@media(max-width:1180px) and (min-width:801px){
  .home-page .global-call-v27{margin-block:84px 94px}
  .home-page .global-call-v27 .global-stage{width:92vw;height:640px}
  .home-page .global-call-v27 .global-art,.home-page .global-call-v27::before{height:640px;background-size:auto 100%;background-position:56% center}
  .home-page .global-call-v27 .global-copy{width:44%;transform:translateY(-50%)}
  .home-page .global-call-v27 .global-copy h2{font-size:clamp(56px,5.4vw,70px)}
  .home-page .global-call-v27 .global-lead{font-size:18px;line-height:1.5}
  .home-page .global-call-v27 .global-mantra{left:48%;top:34%;width:230px;font-size:16px}
  .home-page .global-call-v27 .global-scripture{right:3%;top:47%;width:30vw;font-size:19px}
  .home-page .mission-command{min-height:236px;grid-template-columns:56px 1fr;gap:12px;padding:28px 20px}
  .home-page .command-number{font-size:30px}
  .home-page .command-content strong{font-size:24px}
  .home-page .command-content p{font-size:16px}
}
@media(max-width:800px){
  .home-page .global-call-v27{margin-block:72px 82px}
  .home-page .global-call-v27 .global-art{height:520px;background-size:auto 100%;background-position:70% top;opacity:.88}
  .home-page .global-call-v27::before{height:520px;background:linear-gradient(180deg,rgba(2,9,17,.86) 0%,rgba(2,9,17,.64) 48%,rgba(2,9,17,.91) 100%)}
  .home-page .global-call-v27 .global-stage{width:90%;height:auto;min-height:880px;padding:500px 0 46px;display:block}
  .home-page .global-call-v27 .global-copy{position:relative;left:auto;top:auto;width:100%;max-width:none;transform:none}
  .home-page .global-call-v27 .global-copy .eyebrow{font-size:13px}
  .home-page .global-call-v27 .global-copy h2{font-size:clamp(50px,13vw,66px)}
  .home-page .global-call-v27 .global-lead{font-size:19px;line-height:1.48}
  .home-page .global-call-v27 .global-mantra{position:relative;left:auto;top:auto;width:100%;margin-top:30px;padding:17px 12px;grid-template-columns:repeat(3,1fr);gap:8px;font-size:13px}
  .home-page .global-call-v27 .global-scripture{position:relative;right:auto;top:auto;width:100%;margin-top:28px;font-size:21px}
  .home-page .mission-command-grid{grid-template-columns:1fr}
  .home-page .mission-command{min-height:0;grid-template-columns:60px 1fr;padding:26px 7%;border-right:0;border-bottom:1px solid rgba(55,203,255,.18)}
  .home-page .mission-command::after{display:none}
  .home-page .command-number{font-size:32px}
  .home-page .command-content strong{font-size:28px}
  .home-page .command-content p{font-size:18px}
}

/* ===== V29 GLOBAL CALLING: STABLE COMPOSITION + FEATURED EPHESIANS 5:14 ===== */
.home-page .global-call-v27{
  overflow:hidden;
  margin:96px 0 108px;
}
.home-page .global-call-v27 .global-art,
.home-page .global-call-v27::before,
.home-page .global-call-v27 .global-stage{
  height:clamp(700px,42.85vw,840px);
}
.home-page .global-call-v27 .global-art{
  background-size:cover;
  background-position:center center;
}
.home-page .global-call-v27 .global-stage{
  width:100%;
  max-width:none;
  min-height:0;
  margin:0;
  padding:0;
  display:block;
}
.home-page .global-call-v27 .global-copy{
  position:absolute;
  left:2.7vw;
  top:50%;
  width:min(38vw,700px);
  max-width:700px;
  transform:translateY(-50%);
}
.home-page .global-call-v27 .global-copy h2{
  font-size:clamp(68px,4.65vw,94px);
  line-height:.91;
  margin-bottom:28px;
}
.home-page .global-call-v27 .global-lead{
  max-width:660px;
  font-size:clamp(22px,1.34vw,27px);
  line-height:1.48;
}
.home-page .global-call-v27 .global-mantra{
  position:absolute;
  left:46.5%;
  top:25%;
  width:250px;
  margin:0;
  padding:17px 14px;
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
  font-size:clamp(16px,1vw,20px);
  line-height:1.24;
  letter-spacing:.18em;
  background:transparent;
  border:0;
  border-block:2px solid rgba(35,220,255,.76);
  box-shadow:none;
  backdrop-filter:none;
}
.home-page .global-call-v27 .global-featured-scripture{
  position:absolute;
  left:52%;
  top:40%;
  width:31%;
  max-width:560px;
  margin:0;
  padding:0;
  color:#fff;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(27px,1.72vw,34px);
  font-weight:700;
  font-style:italic;
  line-height:1.28;
  text-shadow:0 3px 18px rgba(0,0,0,.94);
  background:transparent;
  border:0;
  z-index:3;
}
.home-page .global-call-v27 .global-featured-scripture cite{
  display:block;
  margin-top:16px;
  color:#dff6ff;
  font-family:'Source Sans 3',Inter,Arial,sans-serif;
  font-size:12px;
  font-weight:800;
  font-style:normal;
  line-height:1;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.home-page .global-call-v27 .global-secondary-scripture{
  position:absolute;
  left:57%;
  top:72%;
  width:27%;
  max-width:500px;
  margin:0;
  color:rgba(244,249,252,.9);
  font-family:'Source Sans 3',Inter,Arial,sans-serif;
  font-size:clamp(13px,.85vw,16px);
  font-weight:600;
  line-height:1.45;
  text-shadow:0 2px 12px rgba(0,0,0,.92);
  z-index:3;
}
.home-page .global-call-v27 .global-secondary-scripture span{
  display:block;
  margin-top:8px;
  color:#9edff4;
  font-size:10px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.home-page .global-call-v27 .global-scripture{display:none!important}

.home-page .mission-command-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(46,208,255,.38);
  border-bottom:1px solid rgba(46,208,255,.18);
}
.home-page .mission-command{
  min-height:250px;
  grid-template-columns:58px minmax(0,1fr);
  gap:18px;
  padding:34px 28px 30px;
  border-right:0!important;
  border-bottom:0;
  overflow:visible;
}
.home-page .mission-command::after{
  content:"";
  display:block!important;
  position:absolute;
  top:-10%;
  right:-1px;
  width:2px;
  height:120%;
  background:rgba(29,214,255,.72);
  border:0;
  transform:rotate(6deg);
  transform-origin:center;
  transition:transform .24s ease,background .24s ease,box-shadow .24s ease;
  pointer-events:none;
  z-index:4;
}
.home-page .mission-command:last-child::after{display:none!important}
.home-page .mission-command:hover::after{
  transform:rotate(0deg);
  background:rgba(80,230,255,.96);
  box-shadow:0 0 12px rgba(35,220,255,.4);
}
.home-page .mission-command:hover{
  transform:translateY(-3px);
}
.home-page .command-content strong{
  margin-bottom:12px;
  font-size:clamp(26px,1.7vw,34px);
  line-height:1.02;
}
.home-page .command-content p{
  font-size:clamp(17px,1.04vw,21px);
  line-height:1.38;
}
.home-page .command-content small{margin-bottom:20px}

/* Hold the same composition across ordinary desktop/laptop resizing. */
@media (min-width:761px){
  .home-page .global-call-v27{margin-block:96px 108px}
  .home-page .global-call-v27 .global-art,
  .home-page .global-call-v27::before,
  .home-page .global-call-v27 .global-stage{height:clamp(700px,42.85vw,840px)}
  .home-page .global-call-v27 .global-art{background-size:cover;background-position:center center;opacity:1}
  .home-page .global-call-v27 .global-stage{width:100%;height:clamp(700px,42.85vw,840px);min-height:0;padding:0;display:block}
  .home-page .global-call-v27 .global-copy{position:absolute;left:2.7vw;top:50%;width:min(38vw,700px);max-width:700px;transform:translateY(-50%)}
  .home-page .global-call-v27 .global-copy h2{font-size:clamp(68px,4.65vw,94px)}
  .home-page .global-call-v27 .global-lead{font-size:clamp(22px,1.34vw,27px);line-height:1.48}
  .home-page .global-call-v27 .global-mantra{position:absolute;left:46.5%;top:25%;width:250px;margin:0;padding:17px 14px;grid-template-columns:1fr;gap:6px;font-size:clamp(16px,1vw,20px)}
  .home-page .mission-command-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .home-page .mission-command{min-height:250px;grid-template-columns:58px minmax(0,1fr);gap:18px;padding:34px 28px 30px;border-right:0!important;border-bottom:0}
  .home-page .mission-command::after{display:block!important}
  .home-page .mission-command:last-child::after{display:none!important}
}

/* True mobile: deliberate stack, not a laptop-width recomposition. */
@media (max-width:760px){
  .home-page .global-call-v27{margin-block:72px 82px}
  .home-page .global-call-v27 .global-art{height:540px;background-size:auto 100%;background-position:68% top;opacity:.92}
  .home-page .global-call-v27::before{height:540px;background:linear-gradient(180deg,rgba(2,9,17,.30) 0%,rgba(2,9,17,.45) 50%,rgba(2,9,17,.96) 100%)}
  .home-page .global-call-v27 .global-stage{width:90%;height:auto;min-height:1100px;padding:520px 0 56px;display:flex;flex-direction:column;gap:24px}
  .home-page .global-call-v27 .global-copy{position:relative;left:auto;top:auto;width:100%;max-width:none;transform:none}
  .home-page .global-call-v27 .global-copy h2{font-size:clamp(48px,12.5vw,64px)}
  .home-page .global-call-v27 .global-lead{font-size:19px}
  .home-page .global-call-v27 .global-mantra{position:relative;left:auto;top:auto;width:100%;margin-top:6px;padding:16px 10px;grid-template-columns:repeat(3,1fr);font-size:13px}
  .home-page .global-call-v27 .global-featured-scripture{position:relative;left:auto;top:auto;width:100%;max-width:none;font-size:25px}
  .home-page .global-call-v27 .global-secondary-scripture{position:relative;left:auto;top:auto;width:100%;max-width:none;font-size:14px}
  .home-page .mission-command-grid{grid-template-columns:1fr}
  .home-page .mission-command{min-height:0;grid-template-columns:54px 1fr;padding:28px 7%;border-bottom:1px solid rgba(55,203,255,.16)}
  .home-page .mission-command::after{display:none!important}
}

/* ===== V30 GLOBAL CALLING POSITION + COMMAND ALIGNMENT ===== */
@media (min-width:761px){
  /* Matthew 24:14 belongs to the left narrative column, directly below the mission copy. */
  .home-page .global-call-v27 .global-secondary-scripture{
    position:relative;
    left:auto;
    top:auto;
    width:96%;
    max-width:620px;
    margin:26px 0 0;
    color:rgba(246,250,253,.96);
    font-family:'Source Sans 3',Inter,Arial,sans-serif;
    font-size:clamp(15px,.96vw,18px);
    font-weight:600;
    line-height:1.48;
    text-shadow:0 2px 14px rgba(0,0,0,.94);
  }
  .home-page .global-call-v27 .global-secondary-scripture span{
    margin-top:10px;
    color:#72ddff;
    font-size:11px;
    letter-spacing:.20em;
  }

  /* Center the global mantra as its own visual axis. */
  .home-page .global-call-v27 .global-mantra{
    left:50%;
    top:24%;
    width:300px;
    transform:translateX(-50%);
    padding:20px 16px;
    gap:8px;
    text-align:center;
    font-size:clamp(17px,1.1vw,21px);
  }

  /* Ephesians 5:14 is the primary featured Scripture on the darker lower-right zone. */
  .home-page .global-call-v27 .global-featured-scripture{
    left:58%;
    top:54%;
    width:29%;
    max-width:560px;
    font-size:clamp(27px,1.75vw,35px);
    line-height:1.30;
    text-align:left;
    text-shadow:0 3px 20px rgba(0,0,0,.98),0 0 28px rgba(0,0,0,.62);
  }
  .home-page .global-call-v27 .global-featured-scripture cite{
    margin-top:17px;
    color:#8ee8ff;
    font-size:12px;
  }

  /* Keep all four command panels vertically symmetrical regardless of copy length. */
  .home-page .mission-command{
    grid-template-columns:64px minmax(0,1fr);
    gap:22px;
    padding:34px 30px 30px;
  }
  .home-page .command-content{
    display:grid;
    grid-template-rows:72px 96px 30px 1px 28px;
    align-content:start;
    min-height:190px;
  }
  .home-page .command-content strong{
    align-self:start;
    margin:0;
    line-height:1.02;
  }
  .home-page .command-content p{
    align-self:start;
    margin:0;
    line-height:1.38;
  }
  .home-page .command-content small{
    align-self:start;
    margin:0;
  }
  .home-page .command-content em{
    align-self:end;
    margin:0;
    padding-top:16px;
    border-top:1px solid rgba(69,205,245,.42);
  }
}

@media (max-width:760px){
  .home-page .global-call-v27 .global-secondary-scripture{
    position:relative;
    width:100%;
    margin-top:4px;
  }
  .home-page .global-call-v27 .global-featured-scripture{text-align:left}
  .home-page .command-content{display:block;min-height:0}
}

/* ===== V31 GLOBAL CALLING FINAL POLISH: EYEBROW + COMMAND SPACING ===== */
@media (min-width:761px){
  /* Match the approved reference: cyan section label with a cyan rule extending right. */
  .home-page .global-call-v27 .global-copy .eyebrow{
    display:flex;
    align-items:center;
    gap:18px;
    width:min(100%,520px);
    margin:0 0 18px;
    color:#22d9ff!important;
    font-size:clamp(14px,.9vw,17px);
    font-weight:800;
    letter-spacing:.23em;
    white-space:nowrap;
  }
  .home-page .global-call-v27 .global-copy .eyebrow::after{
    content:"";
    display:block;
    flex:1 1 auto;
    height:2px;
    min-width:90px;
    max-width:210px;
    background:#22d9ff;
    box-shadow:0 0 10px rgba(34,217,255,.22);
  }

  /* Four equal command panels: source and Scripture each get their own row. */
  .home-page .mission-command{
    min-height:272px;
  }
  .home-page .command-content{
    display:grid;
    grid-template-rows:72px 104px 32px minmax(48px,auto);
    row-gap:8px;
    align-content:start;
    min-height:232px;
  }
  .home-page .command-content strong,
  .home-page .command-content p,
  .home-page .command-content small,
  .home-page .command-content em{
    margin:0;
  }
  .home-page .command-content small{
    align-self:center;
    line-height:1.2;
  }
  .home-page .command-content em{
    align-self:start;
    padding-top:17px;
    min-height:48px;
    border-top:1px solid rgba(69,205,245,.42);
    line-height:1.2;
  }
}

@media (max-width:760px){
  .home-page .global-call-v27 .global-copy .eyebrow{
    display:flex;
    align-items:center;
    gap:12px;
    color:#22d9ff!important;
  }
  .home-page .global-call-v27 .global-copy .eyebrow::after{
    content:"";
    display:block;
    flex:1 1 auto;
    height:2px;
    background:#22d9ff;
    opacity:.9;
  }
  .home-page .command-content small{margin-bottom:14px}
  .home-page .command-content em{margin-top:0;padding-top:14px}
}

/* ===== V32 GLOBAL CALLING FINAL POSITION MICRO-ADJUSTMENT ===== */
@media (min-width:761px){
  /* Shift the mantra slightly right while preserving its approved styling. */
  .home-page .global-call-v27 .global-mantra{
    left:53%;
  }

  /* Move Ephesians 5:14 slightly lower/right so its lower edge balances Matthew 24:14. */
  .home-page .global-call-v27 .global-featured-scripture{
    left:60%;
    top:58%;
  }
}


/* ===== V33 GLOBAL CALLING CENTER + SCRIPTURE REPOSITION ===== */
@media (min-width:761px){
  /* Re-center the mantra between the left mission copy and the featured verse. */
  .home-page .global-call-v27 .global-mantra{
    left:51%;
    top:24.5%;
  }

  /* Move the featured Ephesians text lower and farther right so its bottom balances Matthew 24:14. */
  .home-page .global-call-v27 .global-featured-scripture{
    left:62%;
    top:61.5%;
    width:26.5%;
  }
}


/* ===== V34 GLOBAL CALLING VISIBLE POSITION CORRECTION ===== */
@media (min-width:761px){
  /* Place mantra on the visual midpoint between the left headline and Ephesians quote. */
  .home-page .global-call-v27 .global-mantra{
    left:48.5% !important;
    top:24.5% !important;
    transform:translateX(-50%) !important;
  }

  /* Push Ephesians 5:14 clearly farther right and lower; source baseline balances Matthew 24:14. */
  .home-page .global-call-v27 .global-featured-scripture{
    left:64.5% !important;
    top:68.5% !important;
    width:25.5% !important;
    max-width:540px !important;
  }
}


/* ===== V35 LATEST FROM TOC EDITORIAL REFINEMENT ===== */
.home-page .latest-section{
  position:relative;
  overflow:hidden;
  padding:100px 4vw 112px;
  background:
    radial-gradient(circle at 78% 0%,rgba(19,100,168,.10),transparent 32%),
    linear-gradient(180deg,#03101c 0%,#020b14 100%);
  border-block:1px solid rgba(48,183,240,.20);
}
.home-page .latest-section::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(34,217,255,.68),transparent);
  pointer-events:none;
}
.home-page .latest-heading,.home-page .latest-grid{
  width:min(94vw,1720px);
}
.home-page .latest-heading{
  margin-bottom:34px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(67,189,237,.20);
}
.home-page .latest-heading h2{
  font-size:clamp(48px,3.35vw,64px);
  letter-spacing:-.015em;
}
.home-page .latest-heading>a{
  font-size:14px;
  font-weight:700;
  letter-spacing:.02em;
  transition:transform .2s ease,color .2s ease;
}
.home-page .latest-heading>a:hover{transform:translateX(4px);color:#9af0ff}
.home-page .latest-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.home-page .latest-card{
  position:relative;
  overflow:hidden;
  min-height:270px;
  background:linear-gradient(145deg,rgba(8,24,40,.98),rgba(3,14,25,.98));
  border:1px solid rgba(57,198,248,.42);
  box-shadow:0 18px 45px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.home-page .latest-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,transparent 45%,rgba(35,217,255,.045) 58%,transparent 72%);
  opacity:0;
  transition:opacity .24s ease;
}
.home-page .latest-card:hover{
  transform:translateY(-4px);
  border-color:rgba(50,220,255,.72);
  box-shadow:0 24px 58px rgba(0,0,0,.38),0 0 24px rgba(27,185,244,.08);
}
.home-page .latest-card:hover::after{opacity:1}
.home-page .latest-card>a{
  grid-template-columns:minmax(220px,42%) minmax(0,1fr);
  min-height:270px;
}
.home-page .latest-thumb{
  position:relative;
  min-height:270px;
  background:#07131f;
}
.home-page .latest-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 58%,rgba(4,16,28,.48) 100%);
  pointer-events:none;
}
.home-page .latest-thumb img{
  transition:transform .35s ease,filter .35s ease;
  filter:saturate(1.05) contrast(1.04);
}
.home-page .latest-card:hover .latest-thumb img{
  transform:scale(1.025);
  filter:saturate(1.12) contrast(1.07);
}
.home-page .latest-body{
  position:relative;
  padding:28px 28px 26px;
}
.home-page .latest-meta{
  font-size:11px;
  font-weight:700;
  letter-spacing:.15em;
  color:#9dc9df;
}
.home-page .latest-body h3{
  margin:18px 0 20px;
  font-size:clamp(26px,1.75vw,34px);
  line-height:1.05;
  letter-spacing:-.01em;
  -webkit-line-clamp:3;
}
.home-page .latest-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:auto;
  font-size:13px;
  letter-spacing:.02em;
}
.home-page .latest-link::before{
  content:"";
  width:9px;
  height:9px;
  border:1px solid currentColor;
  border-radius:50%;
  box-shadow:0 0 0 4px rgba(34,217,255,.04);
}

@media (max-width:1180px) and (min-width:761px){
  .home-page .latest-section{padding:86px 3vw 96px}
  .home-page .latest-heading,.home-page .latest-grid{width:94vw}
  .home-page .latest-card>a{grid-template-columns:38% minmax(0,1fr);min-height:245px}
  .home-page .latest-thumb{min-height:245px}
  .home-page .latest-body{padding:22px}
  .home-page .latest-body h3{font-size:clamp(22px,2.1vw,28px)}
}

@media (max-width:760px){
  .home-page .latest-section{padding:72px 5% 82px}
  .home-page .latest-heading,.home-page .latest-grid{width:100%}
  .home-page .latest-heading{display:flex;margin-bottom:26px}
  .home-page .latest-grid{grid-template-columns:1fr;gap:18px}
  .home-page .latest-card>a{grid-template-columns:38% minmax(0,1fr);min-height:210px}
  .home-page .latest-thumb{min-height:210px}
  .home-page .latest-body{padding:20px}
  .home-page .latest-body h3{font-size:24px}
}

@media (max-width:520px){
  .home-page .latest-heading{display:block}
  .home-page .latest-heading>a{display:inline-block;margin-top:10px}
  .home-page .latest-card>a{grid-template-columns:1fr;min-height:0}
  .home-page .latest-thumb{min-height:210px;aspect-ratio:16/9}
  .home-page .latest-thumb::after{background:linear-gradient(180deg,transparent 58%,rgba(4,16,28,.42) 100%)}
  .home-page .latest-body{min-height:210px}
}


/* ===== V36 LATEST + FAITH + FOOTER CONNECT REFINEMENT ===== */
/* Compact, symmetrical editorial cards with uniform image windows. */
.home-page .latest-section{
  padding:64px 4vw 72px;
}
.home-page .latest-heading,.home-page .latest-grid{
  width:min(92vw,1620px);
}
.home-page .latest-heading{
  margin-bottom:24px;
  padding-bottom:12px;
}
.home-page .latest-heading h2{
  font-size:clamp(42px,2.9vw,54px);
}
.home-page .latest-grid{
  gap:18px;
}
.home-page .latest-card{
  min-height:204px;
}
.home-page .latest-card>a{
  grid-template-columns:38% minmax(0,1fr);
  min-height:204px;
}
.home-page .latest-thumb{
  height:204px;
  min-height:204px;
  aspect-ratio:auto;
}
.home-page .latest-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.home-page .latest-body{
  padding:21px 21px 19px;
}
.home-page .latest-meta{
  font-size:10px;
}
.home-page .latest-body h3{
  margin:12px 0 14px;
  font-size:clamp(21px,1.38vw,27px);
  line-height:1.08;
  -webkit-line-clamp:3;
}
.home-page .latest-link{
  font-size:12px;
}

/* Faith With Understanding remains cinematic but becomes a compact transition section. */
.home-page .faith-section{
  min-height:260px;
}
.home-page .faith-inner{
  min-height:260px;
  padding:38px 0;
  gap:26px;
}
.home-page .faith-intro .eyebrow{
  margin-bottom:7px;
}
.home-page .faith-intro h2{
  margin-bottom:8px;
  font-size:clamp(40px,2.8vw,48px);
}
.home-page .faith-intro p:last-child{
  font-size:13.5px;
  line-height:1.45;
}
.home-page .faith-links{
  gap:12px;
}
.home-page .faith-links a{
  min-height:82px;
  padding:10px 12px;
}
.home-page .faith-icon{
  width:46px;
  height:46px;
  padding:10px;
}
.home-page .faith-quote{
  font-size:23px;
}

/* Social links in the compact footer CONNECT column. */
.home-page .footer-connect .social-link{
  display:flex;
  align-items:center;
  gap:9px;
  width:max-content;
  color:#d7e4ed;
  transition:color .18s ease,transform .18s ease;
}
.home-page .footer-connect .social-link svg{
  width:17px;
  height:17px;
  flex:0 0 17px;
  fill:#22d9ff;
  stroke:none;
  filter:drop-shadow(0 0 5px rgba(34,217,255,.10));
}
.home-page .footer-connect .social-link .social-play{
  fill:#02101a;
}
.home-page .footer-connect .social-link:hover{
  color:#6fe8ff;
  transform:translateX(2px);
}

@media (max-width:1180px) and (min-width:761px){
  .home-page .latest-section{padding:58px 3vw 66px}
  .home-page .latest-heading,.home-page .latest-grid{width:94vw}
  .home-page .latest-card,.home-page .latest-card>a{min-height:190px}
  .home-page .latest-card>a{grid-template-columns:36% minmax(0,1fr)}
  .home-page .latest-thumb{height:190px;min-height:190px}
  .home-page .latest-body{padding:18px}
  .home-page .latest-body h3{font-size:clamp(20px,1.8vw,24px)}
  .home-page .faith-section,.home-page .faith-inner{min-height:240px}
  .home-page .faith-inner{padding:32px 0}
}

@media (max-width:760px){
  .home-page .latest-section{padding:54px 5% 62px}
  .home-page .latest-card>a{grid-template-columns:38% minmax(0,1fr);min-height:190px}
  .home-page .latest-thumb{height:190px;min-height:190px}
  .home-page .faith-section{min-height:0}
  .home-page .faith-inner{min-height:0;padding:42px 0;gap:24px}
}

@media (max-width:520px){
  .home-page .latest-card>a{grid-template-columns:1fr}
  .home-page .latest-thumb{height:auto;min-height:0;aspect-ratio:16/9}
  .home-page .latest-body{min-height:190px}
}


/* ===== V37 LATEST FROM TOC VERTICAL BALANCE ===== */
/* Preserve the approved compact width and symmetry, but restore a little more vertical presence. */
.home-page .latest-section{
  padding:74px 4vw 84px;
}
.home-page .latest-card{
  min-height:232px;
}
.home-page .latest-card>a{
  min-height:232px;
}
.home-page .latest-thumb{
  height:232px;
  min-height:232px;
}
.home-page .latest-body{
  padding:23px 22px 21px;
}
.home-page .latest-body h3{
  margin:14px 0 16px;
}

@media (max-width:1180px) and (min-width:761px){
  .home-page .latest-section{padding:66px 3vw 74px}
  .home-page .latest-card,.home-page .latest-card>a{min-height:214px}
  .home-page .latest-thumb{height:214px;min-height:214px}
}

@media (max-width:760px){
  .home-page .latest-section{padding:60px 5% 68px}
  .home-page .latest-card>a{min-height:202px}
  .home-page .latest-thumb{height:202px;min-height:202px}
}

@media (max-width:520px){
  .home-page .latest-thumb{height:auto;min-height:0;aspect-ratio:16/9}
}


/* ===== V38 MOBILE-ONLY HOMEPAGE COMPOSITION PASS ===== */
@media (max-width:760px){
  /* Keep every desktop-approved section untouched; these rules apply only to true mobile. */

  /* Header / hero: preserve the approved artwork while reducing the overly tall dead zone. */
  .home-page .home-hero{
    min-height:900px;
  }
  .home-page .home-hero-art{
    background-size:auto 56%;
    background-position:58% top;
  }
  .home-page .home-hero-art::after{
    background:linear-gradient(180deg,rgba(2,9,19,.02) 0%,rgba(2,9,19,.08) 35%,rgba(2,9,19,.58) 52%,#020913 66%,#020913 100%);
  }
  .home-page .home-hero-inner{
    min-height:900px;
    width:92%;
    padding:470px 0 48px;
    align-items:flex-end;
  }
  .home-page .home-hero-copy{width:100%}
  .home-page .home-hero h1{
    font-size:clamp(44px,12vw,52px);
    line-height:.86;
    letter-spacing:-.024em;
  }
  .home-page .home-hero h1 span:not(.hero-white){white-space:nowrap}
  .home-page .hero-deck{
    margin-top:18px;
    font-size:16px;
    line-height:1.48;
  }
  .home-page .hero-actions{margin-top:24px;gap:12px}
  .home-page .hero-actions .button{min-height:58px}
  .home-page .hero-scripture{
    top:5%;
    left:7%;
    width:72%;
  }
  .home-page .hero-scripture blockquote{font-size:17px;line-height:1.25}

  /* Pathway cards: preserve the approved mobile treatment, only normalize spacing. */
  .home-page .pathway-wrap{padding:46px 4% 58px}
  .home-page .pathway-grid{gap:14px}
  .home-page .pathway{min-height:168px;padding:23px 20px}
  .home-page .pathway-copy strong{font-size:28px}
  .home-page .pathway-copy small{font-size:15px;line-height:1.42}

  /* Global Calling: make the artwork and copy one continuous cinematic section. */
  .home-page .global-call-v27{
    margin-block:58px 70px;
    background:#020a13;
  }
  .home-page .global-call-v27 .global-art{
    height:620px;
    background-size:auto 620px;
    background-position:72% top;
    opacity:1;
  }
  .home-page .global-call-v27::before{
    height:100%;
    background:
      linear-gradient(180deg,rgba(2,9,17,.02) 0%,rgba(2,9,17,.13) 27%,rgba(2,9,17,.54) 47%,rgba(2,9,17,.93) 67%,#020a13 82%,#020a13 100%),
      linear-gradient(90deg,rgba(2,9,17,.36) 0%,rgba(2,9,17,.08) 55%,rgba(2,9,17,.04) 100%);
  }
  .home-page .global-call-v27 .global-stage{
    width:100%;
    min-height:980px;
    height:auto;
    padding:385px 6% 46px;
    display:flex;
    flex-direction:column;
    gap:0;
  }
  .home-page .global-call-v27 .global-copy{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    max-width:none;
    transform:none;
  }
  .home-page .global-call-v27 .global-copy .eyebrow{
    margin-bottom:16px;
    font-size:12px;
  }
  .home-page .global-call-v27 .global-copy h2{
    margin-bottom:24px;
    font-size:clamp(48px,13vw,58px);
    line-height:.9;
  }
  .home-page .global-call-v27 .global-lead{
    font-size:18px;
    line-height:1.5;
  }
  .home-page .global-call-v27 .global-secondary-scripture{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    max-width:none;
    margin:22px 0 0;
    font-size:14px;
    line-height:1.45;
  }
  .home-page .global-call-v27 .global-secondary-scripture span{
    margin-top:9px;
    font-size:10px;
  }
  .home-page .global-call-v27 .global-mantra{
    position:relative;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:78%;
    margin:30px auto 0;
    padding:16px 12px;
    grid-template-columns:1fr;
    gap:5px;
    text-align:center;
    font-size:14px;
    line-height:1.2;
  }
  .home-page .global-call-v27 .global-featured-scripture{
    position:relative;
    left:auto!important;
    top:auto!important;
    width:88%!important;
    max-width:none!important;
    margin:28px 0 0 auto;
    font-size:clamp(24px,6.6vw,29px);
    line-height:1.28;
    text-align:right;
  }
  .home-page .global-call-v27 .global-featured-scripture cite{
    margin-top:13px;
    font-size:10px;
  }

  /* Mission commands: keep the approved stack, but make every row complete and uniform. */
  .home-page .mission-command-grid{grid-template-columns:1fr}
  .home-page .mission-command{
    min-height:220px;
    grid-template-columns:56px minmax(0,1fr);
    gap:18px;
    padding:28px 6% 26px;
    border-right:0!important;
    border-bottom:1px solid rgba(55,203,255,.16);
  }
  .home-page .mission-command::after{display:none!important}
  .home-page .command-content{
    display:grid;
    grid-template-rows:auto auto auto auto;
    gap:10px;
    min-height:0;
  }
  .home-page .command-content strong{font-size:29px;line-height:1.04}
  .home-page .command-content p{font-size:16px;line-height:1.42}
  .home-page .command-content small{margin:0;font-size:12px;line-height:1.25}
  .home-page .command-content em{
    margin:4px 0 0;
    padding-top:14px;
    min-height:0;
    line-height:1.2;
  }

  /* Latest From TOC: identical mobile image windows regardless of source aspect ratio. */
  .home-page .latest-section{padding:58px 5% 64px}
  .home-page .latest-heading{margin-bottom:24px;padding-bottom:14px}
  .home-page .latest-heading h2{font-size:44px;line-height:1}
  .home-page .latest-grid{grid-template-columns:1fr;gap:18px}
  .home-page .latest-card,.home-page .latest-card>a{min-height:0}
  .home-page .latest-card>a{grid-template-columns:1fr}
  .home-page .latest-thumb{
    width:100%;
    height:210px;
    min-height:210px;
    aspect-ratio:auto;
    overflow:hidden;
  }
  .home-page .latest-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 34%;
  }
  .home-page .latest-body{
    min-height:178px;
    padding:20px 21px 22px;
  }
  .home-page .latest-body h3{
    margin:12px 0 16px;
    font-size:24px;
    line-height:1.08;
  }

  /* Faith With Understanding: retain the approved look with less vertical travel. */
  .home-page .faith-section{min-height:0}
  .home-page .faith-inner{
    width:90%;
    min-height:0;
    padding:34px 0 36px;
    gap:18px;
  }
  .home-page .faith-intro h2{font-size:40px}
  .home-page .faith-links{gap:4px}
  .home-page .faith-links a{min-height:72px;padding:8px 10px}
  .home-page .faith-icon{width:44px;height:44px;padding:10px}
  .home-page .faith-quote{margin-top:4px;font-size:24px}
}

@media (max-width:420px){
  .home-page .home-hero h1{font-size:clamp(43px,11.7vw,49px)}
  .home-page .global-call-v27 .global-stage{padding-inline:5%}
  .home-page .latest-thumb{height:204px;min-height:204px}
}

/* ===== V39 MOBILE HERO SPACING + READABILITY REFINEMENT ===== */
@media (max-width:760px){
  /* Main hero: pull the copy upward into the cinematic image and improve body readability. */
  .home-page .home-hero{
    min-height:825px;
  }
  .home-page .home-hero-art{
    background-size:auto 55%;
    background-position:59% top;
  }
  .home-page .home-hero-art::after{
    background:linear-gradient(180deg,rgba(2,9,19,.02) 0%,rgba(2,9,19,.08) 31%,rgba(2,9,19,.54) 47%,#020913 62%,#020913 100%);
  }
  .home-page .home-hero-inner{
    min-height:825px;
    padding:400px 0 34px;
  }
  .home-page .hero-deck{
    margin-top:18px;
    font-size:18px;
    line-height:1.5;
  }
  .home-page .hero-actions{margin-top:22px}

  /* Global Calling: shorten the empty image runway, reveal the right-side figure, and enlarge supporting copy. */
  .home-page .global-call-v27{
    margin-block:48px 64px;
  }
  .home-page .global-call-v27 .global-art{
    height:520px;
    background-size:auto 520px;
    background-position:right top;
  }
  .home-page .global-call-v27::before{
    background:
      linear-gradient(180deg,rgba(2,9,17,.02) 0%,rgba(2,9,17,.12) 24%,rgba(2,9,17,.58) 46%,rgba(2,9,17,.95) 66%,#020a13 80%,#020a13 100%),
      linear-gradient(90deg,rgba(2,9,17,.42) 0%,rgba(2,9,17,.10) 58%,rgba(2,9,17,.02) 100%);
  }
  .home-page .global-call-v27 .global-stage{
    min-height:900px;
    padding:300px 6% 38px;
  }
  .home-page .global-call-v27 .global-copy .eyebrow{
    margin-bottom:14px;
  }
  .home-page .global-call-v27 .global-copy h2{
    margin-bottom:20px;
  }
  .home-page .global-call-v27 .global-lead{
    font-size:20px;
    line-height:1.52;
  }
  .home-page .global-call-v27 .global-secondary-scripture{
    margin-top:20px;
    font-size:15.5px;
    line-height:1.5;
  }
  .home-page .global-call-v27 .global-mantra{
    margin-top:26px;
    font-size:14.5px;
  }
  .home-page .global-call-v27 .global-featured-scripture{
    margin-top:24px;
    font-size:clamp(25px,6.8vw,30px);
  }
}

@media (max-width:420px){
  .home-page .home-hero-inner{padding-top:388px}
  .home-page .global-call-v27 .global-stage{padding-top:288px}
}

/* ===== V40 MOBILE COMPACT CONCEPT PASS ===== */
/* Desktop/tablet above 760px remains locked. This recreates the denser stacked
   concept direction specifically for phones. */
@media (max-width:760px){
  /* Main hero: compact cinematic stack instead of a tall desktop-like panel. */
  .home-page .home-hero{
    height:auto;
    min-height:0;
    margin:0;
  }
  .home-page .home-hero-art{
    background-size:auto 360px;
    background-position:59% top;
  }
  .home-page .home-hero-art::after{
    background:linear-gradient(180deg,rgba(2,9,19,.01) 0%,rgba(2,9,19,.05) 44%,rgba(2,9,19,.72) 71%,#020913 87%,#020913 100%);
  }
  .home-page .home-hero-inner{
    width:92%;
    min-height:0;
    height:auto;
    padding:315px 0 22px;
    display:block;
  }
  .home-page .hero-scripture{
    top:42px;
    left:6%;
    width:72%;
  }
  .home-page .hero-scripture blockquote{
    font-size:15px;
    line-height:1.22;
  }
  .home-page .hero-scripture cite{font-size:9px}
  .home-page .home-hero .eyebrow{
    margin:0 0 9px;
    font-size:10px;
  }
  .home-page .home-hero h1{
    margin:0;
    font-size:clamp(43px,12.2vw,50px);
    line-height:.84;
    letter-spacing:-.018em;
  }
  .home-page .hero-deck{
    margin-top:14px;
    max-width:none;
    font-size:16px;
    line-height:1.42;
  }
  .home-page .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    margin-top:16px;
  }
  .home-page .hero-actions .button{
    min-height:49px;
    width:100%;
    padding:10px 16px;
  }

  /* Pathways: intentionally dense stacked cards like the approved phone concept. */
  .home-page .pathway-wrap{padding:10px 4% 26px}
  .home-page .pathway-grid{gap:8px}
  .home-page .pathway{
    min-height:112px;
    padding:15px 16px;
  }
  .home-page .pathway-icon{width:36px;height:36px}
  .home-page .pathway-copy strong{
    font-size:23px;
    line-height:1.02;
  }
  .home-page .pathway-copy small{
    margin-top:4px;
    font-size:13.5px;
    line-height:1.3;
  }
  .home-page .pathway-copy span{
    margin-top:5px;
    font-size:12.5px;
  }

  /* Global Calling: compact integrated image + copy, not a second giant desktop hero. */
  .home-page .global-call-v27{margin-block:26px 34px}
  .home-page .global-call-v27 .global-art{
    height:350px;
    background-size:auto 350px;
    background-position:right top;
  }
  .home-page .global-call-v27::before{
    background:
      linear-gradient(180deg,rgba(2,9,17,.02) 0%,rgba(2,9,17,.08) 35%,rgba(2,9,17,.62) 62%,#020a13 82%,#020a13 100%),
      linear-gradient(90deg,rgba(2,9,17,.18) 0%,rgba(2,9,17,.04) 70%,rgba(2,9,17,.01) 100%);
  }
  .home-page .global-call-v27 .global-stage{
    width:92%;
    min-height:0;
    height:auto;
    padding:215px 0 24px;
  }
  .home-page .global-call-v27 .global-copy .eyebrow{
    margin-bottom:9px;
    font-size:10px;
  }
  .home-page .global-call-v27 .global-copy h2{
    margin-bottom:14px;
    font-size:clamp(43px,11.8vw,49px);
    line-height:.88;
  }
  .home-page .global-call-v27 .global-lead{
    font-size:16px;
    line-height:1.42;
  }
  .home-page .global-call-v27 .global-secondary-scripture{
    margin-top:14px;
    font-size:13px;
    line-height:1.4;
  }
  .home-page .global-call-v27 .global-secondary-scripture span{
    margin-top:7px;
    font-size:9px;
  }
  .home-page .global-call-v27 .global-mantra{
    width:92%;
    margin:18px auto 0;
    padding:10px 8px;
    grid-template-columns:repeat(3,1fr);
    gap:4px;
    font-size:11px;
    line-height:1.16;
    letter-spacing:.13em;
  }
  .home-page .global-call-v27 .global-featured-scripture{
    width:100%!important;
    margin:18px 0 0!important;
    font-size:clamp(21px,5.8vw,24px);
    line-height:1.23;
    text-align:left;
  }
  .home-page .global-call-v27 .global-featured-scripture cite{
    margin-top:9px;
    font-size:9px;
  }

  /* Mission commands: same content, much denser stacked rhythm. */
  .home-page .mission-command{
    min-height:158px;
    grid-template-columns:46px minmax(0,1fr);
    gap:12px;
    padding:20px 4.5% 18px;
  }
  .home-page .command-number{font-size:38px;line-height:1}
  .home-page .command-content{
    display:grid;
    grid-template-rows:auto auto auto auto;
    gap:7px;
  }
  .home-page .command-content strong{font-size:24px;line-height:1.02}
  .home-page .command-content p{font-size:14px;line-height:1.34}
  .home-page .command-content small{font-size:10.5px;line-height:1.2}
  .home-page .command-content em{
    margin-top:2px;
    padding-top:9px;
    font-size:10.5px;
  }

  /* Latest From TOC now follows the same responsive card proportions as Latest News.
     The dedicated parity rules at the end of this stylesheet govern this section. */

  /* Faith: keep the same design, but compress the vertical travel. */
  .home-page .faith-inner{
    width:92%;
    padding:28px 0 30px;
    gap:14px;
  }
  .home-page .faith-intro .eyebrow{font-size:10px}
  .home-page .faith-intro h2{font-size:35px;line-height:1}
  .home-page .faith-intro p:last-child{font-size:13.5px;line-height:1.38}
  .home-page .faith-links{gap:1px}
  .home-page .faith-links a{min-height:62px;padding:6px 8px}
  .home-page .faith-icon{width:40px;height:40px;padding:9px}
  .home-page .faith-links strong{font-size:13px}
  .home-page .faith-links small{font-size:11px}
  .home-page .faith-quote{margin-top:0;font-size:21px}
}

@media (max-width:420px){
  .home-page .home-hero-art{background-size:auto 350px}
  .home-page .home-hero-inner{padding-top:306px}
  .home-page .global-call-v27 .global-art{height:340px;background-size:auto 340px}
  .home-page .global-call-v27 .global-stage{padding-top:208px}
  .home-page .latest-card>a{grid-template-columns:40% minmax(0,1fr)!important}
}

/* ===== V41 MOBILE READABILITY + GLOBAL LEFT INSET ===== */
/* Phone-only correction: preserve the compact concept while increasing body readability
   and keeping Global Calling safely inset from the viewport edge. */
@media (max-width:760px){
  .home-page .hero-deck{
    font-size:18px;
    line-height:1.46;
  }

  .home-page .global-call-v27 .global-stage{
    width:100%;
    margin-inline:auto;
    padding-left:5%;
    padding-right:5%;
    box-sizing:border-box;
  }
  .home-page .global-call-v27 .global-copy{
    width:100%;
  }
  .home-page .global-call-v27 .global-copy h2{
    max-width:100%;
  }
  .home-page .global-call-v27 .global-lead{
    font-size:18px;
    line-height:1.48;
  }
  .home-page .global-call-v27 .global-secondary-scripture{
    font-size:14.5px;
    line-height:1.46;
  }
}

@media (max-width:420px){
  .home-page .hero-deck{font-size:17.5px}
  .home-page .global-call-v27 .global-lead{font-size:17.5px}
  .home-page .global-call-v27 .global-secondary-scripture{font-size:14px}
}


/* ===== V42 MOBILE FINAL SPACING + GLOBAL ORDER + FOOTER COMPACT ===== */
/* Phone-only refinements. Desktop/tablet above 760px remains unchanged. */
@media (max-width:760px){
  /* Main hero: remove the period after PROCLAIM on mobile and loosen line spacing. */
  .home-page .hero-proclaim-period{display:none}
  .home-page .home-hero h1{
    line-height:.92;
  }

  /* Global Calling: place the mantra before the headline/copy block. */
  .home-page .global-call-v27 .global-stage{
    display:flex;
    flex-direction:column;
  }
  .home-page .global-call-v27 .global-mantra{
    order:0;
    width:100%;
    margin:0 0 18px;
    padding:11px 8px;
  }
  .home-page .global-call-v27 .global-copy{
    order:1;
  }
  .home-page .global-call-v27 .global-copy .eyebrow{
    margin-top:4px;
    margin-bottom:10px;
  }
  .home-page .global-call-v27 .global-copy h2{
    margin-top:6px;
    margin-bottom:16px;
  }
  .home-page .global-call-v27 .global-featured-scripture{
    order:2;
    color:#7fe8ff;
  }
  .home-page .global-call-v27 .global-featured-scripture cite{
    color:#22d9ff;
  }

  /* Footer: remove the large vertical gap before CONNECT. */
  .home-page footer{
    padding-top:42px;
  }
  .home-page .footer-top{
    column-gap:26px;
    row-gap:18px;
  }
  .home-page .footer-connect{
    grid-column:1/-1;
    margin-top:-4px;
  }
}

@media (max-width:420px){
  .home-page .home-hero h1{line-height:.93}
  .home-page .global-call-v27 .global-mantra{margin-bottom:16px}
  .home-page .footer-top{row-gap:16px}
}


/* ===== V43 MOBILE SCRIPTURE COLOR FINALIZATION ===== */
@media (max-width:760px){
  .home-page .global-call-v27 .global-secondary-scripture{
    color:#22d9ff;
  }
  .home-page .global-call-v27 .global-secondary-scripture span{
    color:#ffffff;
  }
  .home-page .global-call-v27 .global-featured-scripture{
    color:#22d9ff;
  }
  .home-page .global-call-v27 .global-featured-scripture cite{
    color:#ffffff;
  }
}


/* ===== V44 MOBILE HERO ART + SCRIPTURE CYAN FINAL ===== */
/* Phone-only polish. Desktop/tablet above 760px remains locked. */
@media (max-width:760px){
  /* Main hero: enlarge the lion / Earth composition and shift the crop rightward
     so more of the illuminated Earth rim remains visible on phones. */
  .home-page .home-hero-art{
    background-size:auto 390px;
    background-position:72% top;
  }
  .home-page .home-hero-inner{
    padding-top:336px;
  }

  /* Global Calling: verse copy AND verse references use the same cyan family. */
  .home-page .global-call-v27 .global-secondary-scripture,
  .home-page .global-call-v27 .global-secondary-scripture span,
  .home-page .global-call-v27 .global-featured-scripture,
  .home-page .global-call-v27 .global-featured-scripture cite{
    color:#22d9ff;
  }
}

@media (max-width:420px){
  .home-page .home-hero-art{
    background-size:auto 382px;
    background-position:72% top;
  }
  .home-page .home-hero-inner{
    padding-top:330px;
  }
}

/* ===== V45 MOBILE HERO ART + SCRIPTURE COLOR CORRECTION ===== */
/* Deliberately strong mobile-only overrides so the visual change is obvious. */
@media (max-width:760px){
  /* Force both Global Calling Scriptures, including references, to the same cyan. */
  .home-page .global-call-v27 .global-secondary-scripture,
  .home-page .global-call-v27 .global-secondary-scripture span,
  .home-page .global-call-v27 .global-featured-scripture,
  .home-page .global-call-v27 .global-featured-scripture cite{
    color:#22d9ff !important;
  }

  /* Make the lion / illuminated Earth materially larger on phones and bias the crop
     toward the right-hand lion + globe portion of the locked cinematic artwork. */
  .home-page .home-hero-art{
    background-size:auto 438px !important;
    background-position:88% top !important;
  }
  .home-page .home-hero-inner{
    padding-top:374px !important;
  }
}

@media (max-width:420px){
  .home-page .home-hero-art{
    background-size:auto 430px !important;
    background-position:90% top !important;
  }
  .home-page .home-hero-inner{
    padding-top:366px !important;
  }
}


/* ===== V46 MOBILE MATTHEW 24:14 READABILITY ===== */
/* Mobile-only type adjustment. Desktop remains locked. */
@media (max-width:760px){
  .home-page .global-call-v27 .global-secondary-scripture{
    font-size:16px !important;
    line-height:1.45 !important;
  }
  .home-page .global-call-v27 .global-secondary-scripture span{
    font-size:10px !important;
    line-height:1.25 !important;
  }
}

@media (max-width:420px){
  .home-page .global-call-v27 .global-secondary-scripture{
    font-size:16px !important;
  }
}

/* ===== V47 MOBILE MARK 1:3 SIZE + POSITION ===== */
/* Mobile-only final hero Scripture adjustment. Desktop remains locked. */
@media (max-width:760px){
  .home-page .hero-scripture{
    top:112px !important;
    left:5% !important;
    width:47% !important;
    text-align:left !important;
  }
  .home-page .hero-scripture blockquote{
    font-size:18px !important;
    line-height:1.24 !important;
  }
  .home-page .hero-scripture cite{
    margin-top:9px !important;
    font-size:10px !important;
    line-height:1.2 !important;
  }
}

@media (max-width:420px){
  .home-page .hero-scripture{
    top:118px !important;
    left:5% !important;
    width:46% !important;
  }
  .home-page .hero-scripture blockquote{
    font-size:17.5px !important;
  }
}

/* ===== V48 MOBILE MARK 1:3 LOWER CITY/WALL POSITION ===== */
/* Mobile-only placement refinement. Desktop remains locked. */
@media (max-width:760px){
  .home-page .hero-scripture{
    top:252px !important;
    left:5% !important;
    width:44% !important;
    text-align:left !important;
  }
}

@media (max-width:420px){
  .home-page .hero-scripture{
    top:262px !important;
    left:5% !important;
    width:44% !important;
  }
}


/* ===== PROPHECY ARCHIVE + LOCAL PUBLICATION ROUTES ===== */
.prophecy-archive-page main{background:#020913}
.prophecy-page-head{background:linear-gradient(112deg,#101c35 0%,#07111f 54%,#020913 100%)}
.publication-archive{padding:64px 6% 92px;background:radial-gradient(circle at 88% 8%,rgba(0,119,255,.09),transparent 34%),#020913}
.archive-shell{width:min(100%,1500px);margin:0 auto}
.archive-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,520px);column-gap:54px;align-items:end;margin-bottom:34px}
.archive-intro .eyebrow{grid-column:1/-1;margin:0 0 6px}
.archive-intro h2{margin:0;font-size:clamp(46px,4vw,64px);line-height:.98}
.archive-intro>p:last-child{margin:0;color:#aebdcd;font-size:16px;line-height:1.55}
.archive-filters{display:grid;grid-template-columns:minmax(280px,1.7fr) repeat(3,minmax(145px,.8fr)) auto auto;gap:14px;align-items:end;padding:20px;background:#08131f;border:1px solid rgba(55,197,255,.23);box-shadow:0 20px 60px rgba(0,0,0,.2)}
.archive-filters label{margin:0;color:#9db1c4;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.archive-filters input,.archive-filters select{height:48px;margin-top:7px;padding:0 12px;border:1px solid rgba(116,151,178,.36);background:#040c15;color:#eef8ff}
.archive-filters select{width:100%;font:inherit;text-transform:none;letter-spacing:0}
.archive-filters .button{height:48px;min-height:48px;padding-inline:20px}
.archive-clear{display:flex;height:48px;align-items:center;justify-content:center;padding-inline:8px;color:#6fdfff;font-size:12px;font-weight:700;white-space:nowrap}
.archive-results-bar{display:flex;align-items:center;justify-content:space-between;padding:22px 2px 14px;color:#91a8bc;font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.archive-results-bar p{margin:0}
.publication-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.publication-card{min-width:0;background:#071321;border:1px solid rgba(73,184,232,.3);box-shadow:0 18px 48px rgba(0,0,0,.22);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.publication-card:hover{transform:translateY(-3px);border-color:rgba(34,217,255,.64);box-shadow:0 24px 60px rgba(0,0,0,.32)}
.publication-card>a{display:flex;flex-direction:column;height:100%}
.publication-card-image{aspect-ratio:16/9;overflow:hidden;background:#0a1725;border-bottom:1px solid rgba(65,188,238,.18)}
.publication-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.publication-card:hover .publication-card-image img{transform:scale(1.018)}
.publication-no-image{display:grid;place-items:center;color:#65ddff;font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:700;letter-spacing:.08em}
.publication-card-copy{display:flex;flex:1;flex-direction:column;padding:22px 22px 20px}
.publication-card-copy time{color:#73cde9;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.publication-card-copy h2{margin:10px 0 11px;font-size:clamp(25px,2vw,31px);line-height:1.03;color:#fff}
.publication-card-copy p{margin:0 0 18px;color:#aebdca;font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.publication-card-copy>span{margin-top:auto;color:#22d9ff;font-size:12px;font-weight:700}
.archive-pagination{display:flex;justify-content:center;align-items:center;gap:22px;margin:40px 0 0;font-size:13px}
.archive-pagination span{color:#9eb0c0}
.archive-page-link{padding:11px 16px;border:1px solid rgba(79,187,231,.38);color:#eaf9ff;background:#08131f}
.archive-page-link:hover{border-color:#22d9ff;color:#22d9ff}
.archive-empty{grid-column:1/-1;padding:50px 30px;text-align:center;background:#08131f;border:1px solid rgba(74,182,231,.24)}
.archive-empty h3{margin-top:0}
.archive-loading{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.archive-loading span{display:block;min-height:390px;background:linear-gradient(90deg,#071321,#0b2033,#071321);background-size:200% 100%;animation:tocLoad 1.5s linear infinite;border:1px solid rgba(74,182,231,.18)}
@media(max-width:1150px){.archive-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-search{grid-column:1/-1}.publication-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.publication-archive{padding:42px 5% 70px}.archive-intro{display:block;margin-bottom:26px}.archive-intro h2{font-size:44px}.archive-intro>p:last-child{margin-top:12px}.archive-filters{grid-template-columns:1fr;padding:16px}.archive-search{grid-column:auto}.archive-filters .button,.archive-clear{width:100%}.publication-grid{grid-template-columns:1fr;gap:18px}.publication-card-copy{padding:18px}.archive-pagination{gap:12px;flex-wrap:wrap}.archive-loading{grid-template-columns:1fr}.archive-loading span{min-height:320px}.archive-loading span:nth-child(n+2){display:none}}


/* ===== DESKTOP HERO / GLOBAL TEXT CLEANUP =====
   Requested refinement after the locked desktop composition. */
@media (min-width:761px){
  /* Move Mark 1:3 into the former right-side watching-mark position. */
  .home-page .hero-scripture{
    left:auto !important;
    right:2.2% !important;
    top:22.5% !important;
    width:25% !important;
    text-align:left !important;
  }
  .home-page .hero-scripture blockquote{
    max-width:430px;
  }
}

/* ===== DESKTOP MARK 1:3 LOWER + LARGER =====
   Desktop-only placement/readability refinement. Mobile remains unchanged. */
@media (min-width:761px){
  .home-page .hero-scripture{
    left:auto !important;
    right:3% !important;
    top:54% !important;
    width:29% !important;
    text-align:left !important;
  }
  .home-page .hero-scripture blockquote{
    max-width:540px !important;
    font-size:clamp(27px,1.8vw,34px) !important;
    line-height:1.18 !important;
  }
  .home-page .hero-scripture cite{
    margin-top:13px !important;
    font-size:12px !important;
    line-height:1.2 !important;
  }
}


/* ===== DESKTOP MOTION PASS 01 =====
   Cinematic entrance + scroll reveals. No layout changes. */
@media (min-width:761px){
  .home-page.toc-motion-ready .home-hero-art{
    opacity:.72;
    transform:scale(1.035);
    transform-origin:68% 42%;
    transition:opacity 1.35s cubic-bezier(.2,.7,.2,1),transform 2.1s cubic-bezier(.2,.7,.2,1);
    will-change:transform,opacity;
  }
  .home-page.toc-motion-ready .home-hero-glow{
    opacity:0;
    transition:opacity 1.55s ease .2s;
  }
  .home-page.toc-motion-ready .home-hero-copy .eyebrow,
  .home-page.toc-motion-ready .home-hero-copy h1,
  .home-page.toc-motion-ready .hero-deck,
  .home-page.toc-motion-ready .hero-actions,
  .home-page.toc-motion-ready .hero-scripture{
    opacity:0;
    transform:translateY(22px);
    transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);
  }
  .home-page.toc-motion-ready .home-hero-copy h1{transform:translateY(30px)}
  .home-page.toc-motion-ready .hero-scripture{transform:translate3d(20px,18px,0)}

  .home-page.toc-motion-loaded .home-hero-art{
    opacity:1;
    transform:scale(1);
  }
  .home-page.toc-motion-loaded .home-hero-glow{opacity:1}
  .home-page.toc-motion-loaded .home-hero-copy .eyebrow,
  .home-page.toc-motion-loaded .home-hero-copy h1,
  .home-page.toc-motion-loaded .hero-deck,
  .home-page.toc-motion-loaded .hero-actions,
  .home-page.toc-motion-loaded .hero-scripture{
    opacity:1;
    transform:none;
  }
  .home-page.toc-motion-loaded .home-hero-copy .eyebrow{transition-delay:.12s}
  .home-page.toc-motion-loaded .home-hero-copy h1{transition-delay:.22s}
  .home-page.toc-motion-loaded .hero-deck{transition-delay:.38s}
  .home-page.toc-motion-loaded .hero-actions{transition-delay:.5s}
  .home-page.toc-motion-loaded .hero-scripture{transition-delay:.58s}

  .home-page .toc-reveal{
    opacity:0;
    translate:0 24px;
    transition:opacity .72s cubic-bezier(.2,.7,.2,1),translate .72s cubic-bezier(.2,.7,.2,1);
    transition-delay:var(--toc-delay,0ms);
    will-change:translate,opacity;
  }
  .home-page .toc-reveal.is-visible{
    opacity:1;
    translate:0 0;
  }

  .home-page .button{
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease;
  }
  .home-page .button:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 30px rgba(0,155,255,.16);
  }
  .home-page .pathway-icon,
  .home-page .faith-icon{
    transition:transform .3s cubic-bezier(.2,.7,.2,1),filter .3s ease;
  }
  .home-page .pathway:hover .pathway-icon,
  .home-page .faith-links>a:hover .faith-icon{
    transform:translateY(-2px) scale(1.045);
    filter:drop-shadow(0 0 10px rgba(34,217,255,.24));
  }
  .home-page .mission-command .command-number{
    transition:transform .28s cubic-bezier(.2,.7,.2,1),text-shadow .28s ease;
  }
  .home-page .mission-command:hover .command-number{
    transform:translateX(4px);
    text-shadow:0 0 18px rgba(34,217,255,.28);
  }
}

@media (prefers-reduced-motion:reduce){
  .home-page *,
  .home-page *::before,
  .home-page *::after{
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}


/* ===== DESKTOP MOTION PASS 02 =====
   Ambient parallax + cinematic light movement. Preserves approved layout. */
@media (min-width:761px){
  .home-page .home-hero-art{
    --toc-hero-parallax:0px;
    background-position:center calc(50% + var(--toc-hero-parallax)) !important;
  }
  .home-page .home-hero-art::before{
    content:"";
    position:absolute;
    inset:-12%;
    z-index:0;
    pointer-events:none;
    background:
      radial-gradient(circle at 71% 31%,rgba(80,205,255,.16) 0%,rgba(29,151,255,.07) 15%,transparent 34%),
      radial-gradient(circle at 50% 42%,rgba(255,210,124,.10) 0%,transparent 26%);
    mix-blend-mode:screen;
    opacity:.62;
    transform:translate3d(var(--toc-hero-light-x,0px),var(--toc-hero-light-y,0px),0) scale(1.04);
    animation:tocAmbientBreathe 7.5s ease-in-out infinite alternate;
    will-change:transform,opacity;
  }

  .home-page .global-call-v27 .global-art{
    --toc-global-parallax:0px;
    background-position:center calc(50% + var(--toc-global-parallax)) !important;
  }
  .home-page .global-call-v27 .global-art::before{
    content:"";
    position:absolute;
    inset:-10%;
    pointer-events:none;
    background:
      radial-gradient(circle at 72% 24%,rgba(255,211,128,.14) 0%,transparent 23%),
      radial-gradient(circle at 52% 24%,rgba(31,179,255,.12) 0%,transparent 34%);
    mix-blend-mode:screen;
    opacity:.56;
    transform:translate3d(var(--toc-global-light-x,0px),var(--toc-global-light-y,0px),0) scale(1.035);
    animation:tocAmbientBreathe 8.5s ease-in-out 1s infinite alternate;
    will-change:transform,opacity;
  }

  .home-page .global-call-v27 .global-copy .eyebrow::after{
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .9s cubic-bezier(.2,.75,.2,1) .18s,box-shadow .4s ease;
  }
  .home-page .global-call-v27 .global-copy.is-visible .eyebrow::after{
    transform:scaleX(1);
    box-shadow:0 0 16px rgba(34,217,255,.32);
  }

  .home-page .hero-actions .button,
  .home-page .latest-heading>a{
    position:relative;
    overflow:hidden;
    isolation:isolate;
  }
  .home-page .hero-actions .button::after{
    content:"";
    position:absolute;
    inset:-40% auto -40% -45%;
    width:34%;
    transform:skewX(-18deg) translateX(-220%);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
    pointer-events:none;
    transition:transform .7s cubic-bezier(.2,.7,.2,1);
  }
  .home-page .hero-actions .button:hover::after{
    transform:skewX(-18deg) translateX(520%);
  }

  @keyframes tocAmbientBreathe{
    from{opacity:.46}
    to{opacity:.72}
  }
}


/* ===== DESKTOP MOTION PASS 02B =====
   Stronger, clearly visible bidirectional artwork parallax. Keeps the approved
   content layout fixed while only shifting the cinematic background crops. */
@media (min-width:761px){
  .home-page .home-hero-art{
    --toc-hero-parallax-x:0px;
    --toc-hero-parallax-y:0px;
    background-position:
      calc(40% + var(--toc-hero-parallax-x))
      calc(50% + var(--toc-hero-parallax-y)) !important;
  }

  .home-page .global-call-v27 .global-art{
    --toc-global-parallax-x:0px;
    --toc-global-parallax-y:0px;
    background-size:108% auto !important;
    background-position:
      calc(50% + var(--toc-global-parallax-x))
      calc(50% + var(--toc-global-parallax-y)) !important;
  }
}

/* ===== DESKTOP MOTION PASS 03 =====
   Bidirectional typography staging + Global Calling command line drawing. */
@media (min-width:761px){
  /* Hero typography: each approved line rises and resolves independently.
     The parent H1 keeps its original layout; only the line contents move. */
  .home-page.toc-motion-ready .home-hero-copy h1{
    opacity:1;
    transform:none;
    transition:none;
  }
  .home-page .home-hero-copy h1 > span{
    display:inline-block;
    opacity:0;
    transform:translate3d(0,34px,0);
    clip-path:inset(0 0 100% 0);
    transition:
      opacity .68s cubic-bezier(.2,.72,.2,1),
      transform .86s cubic-bezier(.16,.78,.18,1),
      clip-path .86s cubic-bezier(.16,.78,.18,1);
    will-change:transform,opacity,clip-path;
  }
  .home-page.toc-motion-loaded .home-hero-copy h1 > span{
    opacity:1;
    transform:translate3d(0,0,0);
    clip-path:inset(0 0 0 0);
  }
  .home-page.toc-motion-loaded .home-hero-copy h1 > span:nth-of-type(1){transition-delay:.18s}
  .home-page.toc-motion-loaded .home-hero-copy h1 > span:nth-of-type(2){transition-delay:.29s}
  .home-page.toc-motion-loaded .home-hero-copy h1 > span:nth-of-type(3){transition-delay:.40s}

  /* Global Calling title: same visual language, driven by the existing
     bidirectional IntersectionObserver on .global-copy. */
  .home-page .global-call-v27 .global-copy h2 .toc-title-line{
    display:inline-block;
    opacity:0;
    transform:translate3d(0,28px,0);
    clip-path:inset(0 0 100% 0);
    transition:
      opacity .62s cubic-bezier(.2,.72,.2,1),
      transform .78s cubic-bezier(.16,.78,.18,1),
      clip-path .78s cubic-bezier(.16,.78,.18,1);
    will-change:transform,opacity,clip-path;
  }
  .home-page .global-call-v27 .global-copy.is-visible h2 .toc-title-line{
    opacity:1;
    transform:translate3d(0,0,0);
    clip-path:inset(0 0 0 0);
  }
  .home-page .global-call-v27 .global-copy.is-visible h2 .toc-title-line:nth-of-type(1){transition-delay:.11s}
  .home-page .global-call-v27 .global-copy.is-visible h2 .toc-title-line:nth-of-type(2){transition-delay:.23s}

  /* Draw the approved diagonal cyan separators from the center outward.
     is-visible is added AND removed as the user scrolls either direction. */
  .home-page .mission-command::after{
    transform:rotate(6deg) scaleY(0);
    transform-origin:center center;
    opacity:.18;
    transition:
      transform .72s cubic-bezier(.2,.78,.2,1),
      opacity .36s ease,
      background .24s ease,
      box-shadow .24s ease;
  }
  .home-page .mission-command.is-visible::after{
    transform:rotate(6deg) scaleY(1);
    opacity:1;
  }
  .home-page .mission-command.is-visible:hover::after{
    transform:rotate(0deg) scaleY(1);
  }

  /* Follow the separator with the command number and heading/content. */
  .home-page .mission-command .command-number,
  .home-page .mission-command .command-content{
    opacity:0;
    transform:translate3d(0,12px,0);
    transition:
      opacity .5s cubic-bezier(.2,.72,.2,1),
      transform .6s cubic-bezier(.2,.72,.2,1),
      text-shadow .28s ease;
  }
  .home-page .mission-command.is-visible .command-number,
  .home-page .mission-command.is-visible .command-content{
    opacity:1;
    transform:translate3d(0,0,0);
  }
  .home-page .mission-command.is-visible .command-number{transition-delay:.20s}
  .home-page .mission-command.is-visible .command-content{transition-delay:.29s}
  .home-page .mission-command.is-visible:hover .command-number{
    transform:translate3d(4px,0,0);
  }
}

@media (prefers-reduced-motion:reduce){
  .home-page .home-hero-copy h1 > span,
  .home-page .global-call-v27 .global-copy h2 .toc-title-line,
  .home-page .mission-command .command-number,
  .home-page .mission-command .command-content{
    opacity:1 !important;
    transform:none !important;
    clip-path:none !important;
  }
  .home-page .mission-command::after{
    opacity:1 !important;
    transform:rotate(6deg) scaleY(1) !important;
  }
}

/* ===== DESKTOP MOTION PASS 04 =====
   Bidirectional supporting-copy fades for both cinematic hero sections. */
@media (min-width:761px){
  /* Main hero supporting copy: clean opacity/soft-focus fade with no layout shift. */
  .home-page.toc-motion-ready .hero-deck{
    opacity:0;
    transform:none;
    filter:blur(2.5px);
    transition:
      opacity .82s cubic-bezier(.2,.72,.2,1),
      filter .82s cubic-bezier(.2,.72,.2,1);
    transition-delay:0ms;
    will-change:opacity,filter;
  }
  .home-page.toc-motion-loaded .hero-deck{
    opacity:1;
    transform:none;
    filter:blur(0);
    transition-delay:.50s;
  }

  /* Global Calling mission paragraph: keyed to the existing bidirectional
     .global-copy observer so it fades again from either scroll direction. */
  .home-page.toc-motion-ready .global-call-v27 .global-copy .global-lead{
    opacity:0;
    filter:blur(2.5px);
    transition:
      opacity .82s cubic-bezier(.2,.72,.2,1),
      filter .82s cubic-bezier(.2,.72,.2,1);
    transition-delay:0ms;
    will-change:opacity,filter;
  }
  .home-page.toc-motion-ready .global-call-v27 .global-copy.is-visible .global-lead{
    opacity:1;
    filter:blur(0);
    transition-delay:.38s;
  }
}

@media (prefers-reduced-motion:reduce){
  .home-page .hero-deck,
  .home-page .global-call-v27 .global-copy .global-lead{
    opacity:1 !important;
    filter:none !important;
  }
}


/* ===== DESKTOP MOTION PASS 04B =====
   Slow line-by-line supporting-copy reveal. Downward scrolling reveals each
   line upward from the bottom, bottom-to-top. Upward scrolling reverses the
   direction and reveals top-to-bottom. */
@media (min-width:761px){
  /* The previous whole-paragraph fade is retired; only individual visual
     lines animate now. This also prevents the Global Calling parent reveal
     from masking the line stagger. */
  .home-page.toc-motion-ready .hero-deck,
  .home-page.toc-motion-loaded .hero-deck,
  .home-page.toc-motion-ready .global-call-v27 .global-copy .global-lead,
  .home-page.toc-motion-ready .global-call-v27 .global-copy.is-visible .global-lead{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
  }
  .home-page .global-call-v27 .global-copy.toc-reveal{
    opacity:1 !important;
    translate:0 0 !important;
    transition:none !important;
  }

  .home-page .hero-deck .toc-copy-line,
  .home-page .global-call-v27 .global-lead .toc-copy-line{
    display:block;
    opacity:0;
    transform:translate3d(0,30px,0);
    filter:blur(1.25px);
    transition:
      opacity 1.08s cubic-bezier(.18,.72,.2,1),
      transform 1.18s cubic-bezier(.16,.78,.18,1),
      filter .92s ease;
    transition-delay:0ms;
    will-change:opacity,transform,filter;
  }

  /* Scrolling down: lines rise from below; bottom line resolves first. */
  .home-page[data-toc-hero-entry-direction="down"] .hero-deck .toc-copy-line,
  .home-page .global-call-v27 .global-copy[data-toc-entry-direction="down"] .global-lead .toc-copy-line{
    transform:translate3d(0,30px,0);
  }
  .home-page[data-toc-hero-entry-direction="down"].toc-motion-loaded .hero-deck .toc-copy-line,
  .home-page .global-call-v27 .global-copy[data-toc-entry-direction="down"].is-visible .global-lead .toc-copy-line{
    opacity:1;
    transform:translate3d(0,0,0);
    filter:blur(0);
  }
  .home-page[data-toc-hero-entry-direction="down"].toc-motion-loaded .hero-deck .toc-copy-line{
    transition-delay:calc(.46s + var(--toc-line-delay-down,0ms));
  }
  .home-page .global-call-v27 .global-copy[data-toc-entry-direction="down"].is-visible .global-lead .toc-copy-line{
    transition-delay:calc(.42s + var(--toc-line-delay-down,0ms));
  }

  /* Scrolling up: opposite motion and opposite reveal order. */
  .home-page[data-toc-hero-entry-direction="up"] .hero-deck .toc-copy-line,
  .home-page .global-call-v27 .global-copy[data-toc-entry-direction="up"] .global-lead .toc-copy-line{
    transform:translate3d(0,-30px,0);
  }
  .home-page[data-toc-hero-entry-direction="up"].toc-motion-loaded .hero-deck .toc-copy-line,
  .home-page .global-call-v27 .global-copy[data-toc-entry-direction="up"].is-visible .global-lead .toc-copy-line{
    opacity:1;
    transform:translate3d(0,0,0);
    filter:blur(0);
  }
  .home-page[data-toc-hero-entry-direction="up"].toc-motion-loaded .hero-deck .toc-copy-line{
    transition-delay:calc(.38s + var(--toc-line-delay-up,0ms));
  }
  .home-page .global-call-v27 .global-copy[data-toc-entry-direction="up"].is-visible .global-lead .toc-copy-line{
    transition-delay:calc(.34s + var(--toc-line-delay-up,0ms));
  }
}

@media (prefers-reduced-motion:reduce){
  .home-page .hero-deck .toc-copy-line,
  .home-page .global-call-v27 .global-lead .toc-copy-line{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
  }
}

/* ===== DESKTOP MOTION PASS 06 =====
   Cinematic light + atmosphere. Desktop only. Scroll-driven movement is
   bidirectional; ambient drift remains deliberately slow and restrained. */
@media (min-width:761px){
  .home-page .home-hero{
    --toc-hero-atmos-y:0px;
    --toc-hero-atmos-x:0px;
  }
  .home-page .home-hero-glow{
    display:block !important;
    position:absolute;
    inset:-8%;
    z-index:-2;
    pointer-events:none;
    overflow:hidden;
    opacity:.86;
    background:
      radial-gradient(ellipse at 83% 74%,rgba(41,218,255,.20) 0%,rgba(22,158,255,.095) 14%,transparent 34%),
      radial-gradient(ellipse at 55% 31%,rgba(255,220,157,.11) 0%,rgba(255,189,94,.045) 18%,transparent 36%),
      radial-gradient(ellipse at 68% 56%,rgba(21,157,255,.10) 0%,transparent 42%);
    mix-blend-mode:screen;
    transform:translate3d(var(--toc-hero-atmos-x),var(--toc-hero-atmos-y),0) scale(1.035);
    animation:tocHeroAtmosBreathe 11s ease-in-out infinite alternate;
    will-change:transform,opacity;
  }
  .home-page .home-hero-glow::before{
    content:"";
    position:absolute;
    inset:-18% -10% -12% 30%;
    pointer-events:none;
    background:
      linear-gradient(116deg,transparent 0 31%,rgba(98,216,255,.03) 35%,rgba(78,205,255,.13) 39%,rgba(82,211,255,.035) 43%,transparent 48%),
      linear-gradient(121deg,transparent 0 42%,rgba(255,225,168,.075) 46%,rgba(255,232,190,.02) 51%,transparent 57%);
    filter:blur(1.1px);
    opacity:.8;
    transform:translate3d(calc(var(--toc-hero-atmos-x) * .30),calc(var(--toc-hero-atmos-y) * .45),0) rotate(-1.25deg);
    transform-origin:55% 15%;
    animation:tocHeroRayDrift 16s ease-in-out infinite alternate;
  }
  .home-page .home-hero-glow::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(circle at 85% 67%,rgba(177,242,255,.32) 0 1px,transparent 2px),
      radial-gradient(circle at 79% 72%,rgba(74,215,255,.22) 0 1px,transparent 2px),
      radial-gradient(circle at 90% 77%,rgba(133,233,255,.26) 0 1px,transparent 2px),
      radial-gradient(circle at 74% 61%,rgba(94,218,255,.18) 0 1px,transparent 2px),
      radial-gradient(ellipse at 84% 78%,rgba(64,220,255,.14) 0%,rgba(23,165,255,.045) 20%,transparent 40%);
    opacity:.52;
    filter:drop-shadow(0 0 8px rgba(40,205,255,.35));
    animation:tocNetworkGlint 8.8s ease-in-out infinite;
  }

  .home-page .global-call-v27{
    --toc-global-atmos-y:0px;
    --toc-global-atmos-x:0px;
  }
  .home-page .global-call-v27 .global-stage::before{
    content:"";
    position:absolute;
    inset:-9% -4%;
    z-index:0;
    pointer-events:none;
    background:
      radial-gradient(ellipse at 70% 26%,rgba(255,218,151,.17) 0%,rgba(255,188,88,.055) 18%,transparent 37%),
      radial-gradient(ellipse at 55% 34%,rgba(46,203,255,.13) 0%,rgba(19,137,255,.055) 24%,transparent 46%),
      linear-gradient(114deg,transparent 0 46%,rgba(87,215,255,.08) 50%,transparent 56%);
    mix-blend-mode:screen;
    opacity:.66;
    transform:translate3d(var(--toc-global-atmos-x),var(--toc-global-atmos-y),0) scale(1.035);
    animation:tocGlobalAtmosBreathe 12.5s ease-in-out infinite alternate;
    will-change:transform,opacity;
  }
  .home-page .global-call-v27 .global-stage::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
      radial-gradient(circle at 55% 31%,rgba(176,241,255,.45) 0 1px,transparent 2px),
      radial-gradient(circle at 59% 37%,rgba(47,213,255,.34) 0 1px,transparent 2px),
      radial-gradient(circle at 64% 29%,rgba(129,234,255,.30) 0 1px,transparent 2px),
      radial-gradient(circle at 68% 39%,rgba(73,218,255,.34) 0 1px,transparent 2px),
      radial-gradient(circle at 72% 33%,rgba(180,243,255,.34) 0 1px,transparent 2px),
      radial-gradient(circle at 76% 42%,rgba(59,211,255,.28) 0 1px,transparent 2px),
      radial-gradient(circle at 80% 35%,rgba(139,235,255,.27) 0 1px,transparent 2px),
      radial-gradient(circle at 84% 43%,rgba(77,218,255,.24) 0 1px,transparent 2px),
      radial-gradient(ellipse at 67% 36%,rgba(30,199,255,.065) 0%,transparent 39%);
    opacity:.58;
    filter:drop-shadow(0 0 7px rgba(42,205,255,.30));
    transform:translate3d(calc(var(--toc-global-atmos-x) * -.35),calc(var(--toc-global-atmos-y) * -.22),0);
    animation:tocNetworkGlint 10.4s ease-in-out 1.2s infinite;
  }

  @keyframes tocHeroAtmosBreathe{
    0%{opacity:.66;filter:saturate(.98) brightness(.98)}
    50%{opacity:.88;filter:saturate(1.05) brightness(1.04)}
    100%{opacity:.74;filter:saturate(1.01) brightness(1.01)}
  }
  @keyframes tocHeroRayDrift{
    0%{opacity:.48;translate:-1.5% -1%}
    50%{opacity:.82;translate:1.2% .8%}
    100%{opacity:.58;translate:2.4% 1.5%}
  }
  @keyframes tocGlobalAtmosBreathe{
    0%{opacity:.48;filter:brightness(.96)}
    55%{opacity:.74;filter:brightness(1.05)}
    100%{opacity:.58;filter:brightness(1.01)}
  }
  @keyframes tocNetworkGlint{
    0%,100%{opacity:.30;filter:drop-shadow(0 0 5px rgba(42,205,255,.18))}
    35%{opacity:.70;filter:drop-shadow(0 0 10px rgba(42,205,255,.42))}
    58%{opacity:.42;filter:drop-shadow(0 0 6px rgba(42,205,255,.24))}
    82%{opacity:.64;filter:drop-shadow(0 0 9px rgba(42,205,255,.36))}
  }
}

@media (prefers-reduced-motion:reduce){
  .home-page .home-hero-glow,
  .home-page .home-hero-glow::before,
  .home-page .home-hero-glow::after,
  .home-page .global-call-v27 .global-stage::before,
  .home-page .global-call-v27 .global-stage::after{
    animation:none !important;
    transform:none !important;
  }
}

/* ===== DESKTOP MOTION PASS 07 =====
   Navigation polish and consistent button interactions. Native cursor preserved.
   Desktop/fine-pointer only. Mobile remains untouched. */
@media (min-width:761px) and (hover:hover) and (pointer:fine){
  /* Primary + secondary navigation: cyan line draws outward from the left. */
  header nav a,
  .study-nav a{
    position:relative;
    transition:color .28s ease,text-shadow .28s ease;
  }
  header nav a::after,
  .study-nav a::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-8px;
    height:1px;
    background:linear-gradient(90deg,#22d9ff 0%,#55e6ff 68%,rgba(85,230,255,0) 100%);
    box-shadow:0 0 10px rgba(34,217,255,.52);
    transform:scaleX(0);
    transform-origin:left center;
    opacity:0;
    transition:transform .46s cubic-bezier(.2,.76,.2,1),opacity .22s ease;
    pointer-events:none;
  }
  header nav a:hover,
  header nav a[aria-current],
  .study-nav a:hover,
  .study-nav a[aria-current]{
    color:#65e8ff;
    text-shadow:0 0 14px rgba(34,217,255,.22);
  }
  header nav a:hover::after,
  header nav a[aria-current]::after,
  .study-nav a:hover::after,
  .study-nav a[aria-current]::after{
    transform:scaleX(1);
    opacity:1;
  }

  /* Buttons: restrained elevation + cyan edge response. */
  .button,
  .give,
  button.button{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    transform:translate3d(0,0,0);
    transition:
      transform .28s cubic-bezier(.2,.72,.2,1),
      border-color .28s ease,
      background-color .28s ease,
      box-shadow .32s ease,
      filter .28s ease;
  }
  .button:hover,
  .give:hover,
  button.button:hover{
    transform:translate3d(0,-2px,0);
    filter:brightness(1.06);
    box-shadow:0 10px 28px rgba(0,0,0,.28),0 0 0 1px rgba(34,217,255,.22),0 0 22px rgba(34,217,255,.13);
  }
  .button.secondary:hover{
    border-color:rgba(91,226,255,.7);
    background:rgba(20,34,52,.88);
    box-shadow:0 10px 26px rgba(0,0,0,.26),0 0 18px rgba(34,217,255,.10);
  }
  .button:active,
  .give:active,
  button.button:active{
    transform:translate3d(0,0,0) scale(.985);
    transition-duration:.09s;
  }

  /* The Support button gets one quiet cyan pass; hero buttons retain their
     existing approved light sweep plus the elevation above. */
  .give::before{
    content:"";
    position:absolute;
    inset:-45% auto -45% -38%;
    width:30%;
    transform:skewX(-18deg) translateX(-230%);
    background:linear-gradient(90deg,transparent,rgba(118,234,255,.30),transparent);
    pointer-events:none;
    transition:transform .72s cubic-bezier(.2,.72,.2,1);
    z-index:-1;
  }
  .give:hover::before{transform:skewX(-18deg) translateX(610%)}


}

@media (prefers-reduced-motion:reduce){
  header nav a::after,
  .study-nav a::after,
  .button,
  .give,
  button.button,
  .give::before{
    transition:none!important;
  }
}


/* ===== DESKTOP MOTION PASS 08 =====
   Pathway + mission-card depth, plus bidirectional section-boundary transitions.
   Desktop only; preserves approved layout and native cursor. */
@media (min-width:761px){
  /* Top 4 pathway cards: stronger staged entrance with artwork depth. */
  .home-page .pathway-grid .pathway.toc-reveal{
    opacity:0;
    translate:0 34px;
    scale:.975;
    filter:brightness(.80) saturate(.90);
    box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035);
    transition:
      opacity .82s cubic-bezier(.2,.72,.2,1),
      translate .92s cubic-bezier(.16,.78,.18,1),
      scale .92s cubic-bezier(.16,.78,.18,1),
      filter .92s ease,
      border-color .34s ease,
      box-shadow .38s ease;
    transition-delay:var(--toc-delay,0ms);
  }
  .home-page .pathway-grid .pathway.toc-reveal[data-toc-entry-direction="up"]{
    translate:0 -34px;
  }
  .home-page .pathway-grid .pathway.toc-reveal.is-visible{
    opacity:1;
    translate:0 0;
    scale:1;
    filter:brightness(1) saturate(1);
    box-shadow:0 18px 44px rgba(0,0,0,.34),0 0 0 1px rgba(34,217,255,.045),inset 0 1px 0 rgba(255,255,255,.05);
  }
  .home-page .pathway-grid .pathway::before{
    transform:scale(1.075) translate3d(-5px,0,0);
    transform-origin:center;
    transition:transform 1.25s cubic-bezier(.16,.78,.18,1),filter .55s ease;
    will-change:transform;
  }
  .home-page .pathway-grid .pathway.is-visible::before{
    transform:scale(1.025) translate3d(0,0,0);
  }
  .home-page .pathway-grid .pathway.is-visible:hover{
    translate:0 -4px;
    scale:1.008;
    border-color:rgba(75,226,255,.86);
    box-shadow:0 26px 56px rgba(0,0,0,.42),0 0 0 1px rgba(43,220,255,.16),0 0 26px rgba(34,217,255,.12),inset 0 1px 0 rgba(255,255,255,.07);
  }
  .home-page .pathway-grid .pathway.is-visible:hover::before{
    transform:scale(1.055) translate3d(2px,0,0);
    filter:saturate(1.12) contrast(1.08) brightness(1.04);
  }
  .home-page .pathway-grid .pathway .pathway-icon,
  .home-page .pathway-grid .pathway .pathway-copy{
    opacity:0;
    transform:translate3d(0,12px,0);
    transition:opacity .55s ease,transform .68s cubic-bezier(.2,.72,.2,1),filter .3s ease;
  }
  .home-page .pathway-grid .pathway.is-visible .pathway-icon,
  .home-page .pathway-grid .pathway.is-visible .pathway-copy{
    opacity:1;
    transform:translate3d(0,0,0);
  }
  .home-page .pathway-grid .pathway.is-visible .pathway-icon{transition-delay:calc(var(--toc-delay,0ms) + 150ms)}
  .home-page .pathway-grid .pathway.is-visible .pathway-copy{transition-delay:calc(var(--toc-delay,0ms) + 220ms)}
  .home-page .pathway-grid .pathway.is-visible:hover .pathway-icon{
    transform:translate3d(0,-3px,0) scale(1.055);
    filter:drop-shadow(0 0 12px rgba(34,217,255,.34));
  }

  /* Global Calling 01-04 cards: whole-card entrance supplements the approved
     separator/number/content animation without changing its geometry. */
  .home-page .mission-command-grid .mission-command.toc-reveal{
    opacity:0;
    translate:0 26px;
    scale:.985;
    background-color:rgba(4,18,30,.26);
    transition:
      opacity .72s cubic-bezier(.2,.72,.2,1),
      translate .82s cubic-bezier(.16,.78,.18,1),
      scale .82s cubic-bezier(.16,.78,.18,1),
      background-color .35s ease,
      box-shadow .35s ease;
    transition-delay:var(--toc-delay,0ms);
  }
  .home-page .mission-command-grid .mission-command.toc-reveal[data-toc-entry-direction="up"]{
    translate:0 -26px;
  }
  .home-page .mission-command-grid .mission-command.toc-reveal.is-visible{
    opacity:1;
    translate:0 0;
    scale:1;
    background-color:rgba(4,18,30,0);
  }
  .home-page .mission-command-grid .mission-command.toc-reveal.is-visible:hover{
    translate:0 -3px;
    scale:1.006;
    background-color:rgba(7,30,46,.26);
    box-shadow:inset 0 1px 0 rgba(78,225,255,.08),0 12px 30px rgba(0,0,0,.18);
  }

  /* Thin cyan transition line at each major homepage boundary. It draws in the
     direction of travel and resets when the section leaves the trigger zone. */
  .home-page .toc-section-transition{
    position:relative;
  }
  .home-page .toc-section-line{
    position:absolute;
    z-index:20;
    left:4vw;
    right:4vw;
    top:-1px;
    height:1px;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(34,217,255,0),rgba(34,217,255,.82) 18%,rgba(92,232,255,.95) 50%,rgba(34,217,255,.82) 82%,rgba(34,217,255,0));
    box-shadow:0 0 12px rgba(34,217,255,.24);
    opacity:0;
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform 1.05s cubic-bezier(.16,.78,.18,1),opacity .28s ease;
  }
  .home-page .toc-section-transition[data-toc-transition-direction="up"] .toc-section-line{
    transform-origin:right center;
  }
  .home-page .toc-section-transition.is-transition-visible .toc-section-line{
    opacity:.92;
    transform:scaleX(1);
  }
}

@media (prefers-reduced-motion:reduce){
  .home-page .pathway-grid .pathway.toc-reveal,
  .home-page .mission-command-grid .mission-command.toc-reveal,
  .home-page .pathway-grid .pathway .pathway-icon,
  .home-page .pathway-grid .pathway .pathway-copy{
    opacity:1 !important;
    translate:0 0 !important;
    scale:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
  }
  .home-page .pathway-grid .pathway::before{transform:none !important;transition:none !important}
  .home-page .toc-section-line{opacity:.55 !important;transform:scaleX(1) !important;transition:none !important}
}


/* ===== DESKTOP MOTION FINAL PASS =====
   Secondary-navigation hover clarity, Faith With Understanding depth/icon
   illumination, and final timing polish. Desktop only. */
@media (min-width:761px){
  /* Lower header / study navigation: selection is unmistakably cyan. */
  .study-nav a{
    transition:color .30s cubic-bezier(.2,.72,.2,1),text-shadow .30s ease;
  }
  .study-nav a:hover,
  .study-nav a:focus-visible,
  .study-nav a[aria-current="page"]{
    color:#22d9ff !important;
    text-shadow:0 0 12px rgba(34,217,255,.28);
  }

  /* Faith With Understanding: restrained bidirectional background depth. */
  .home-page .faith-atmosphere{
    --toc-faith-depth-x:0px;
    --toc-faith-depth-y:0px;
    --toc-faith-depth-scale:1.072;
    inset:-4%;
    transform:
      translate3d(var(--toc-faith-depth-x),var(--toc-faith-depth-y),0)
      scale(var(--toc-faith-depth-scale));
    transform-origin:center center;
    will-change:transform;
    backface-visibility:hidden;
  }

  /* Circular icons illuminate as each Faith link enters the viewport. */
  .home-page .faith-links > a.toc-reveal .faith-icon{
    border-color:rgba(34,217,255,.34);
    background:rgba(8,31,48,.08);
    box-shadow:0 0 0 rgba(34,217,255,0),inset 0 0 0 rgba(34,217,255,0);
    filter:brightness(.82) saturate(.9);
    transition:
      border-color .82s cubic-bezier(.2,.72,.2,1),
      background-color .82s ease,
      box-shadow 1.08s cubic-bezier(.2,.72,.2,1),
      filter .82s ease,
      transform .30s cubic-bezier(.2,.72,.2,1);
    transition-delay:0ms;
  }
  .home-page .faith-links > a.toc-reveal.is-visible .faith-icon{
    border-color:rgba(54,226,255,.82);
    background:rgba(21,133,172,.075);
    box-shadow:
      0 0 18px rgba(34,217,255,.20),
      0 0 34px rgba(34,217,255,.08),
      inset 0 0 13px rgba(34,217,255,.08);
    filter:brightness(1.08) saturate(1.04);
    transition-delay:calc(var(--toc-delay,0ms) + 120ms);
  }
  .home-page .faith-links > a.toc-reveal.is-visible:hover .faith-icon{
    border-color:rgba(92,235,255,.96);
    box-shadow:
      0 0 22px rgba(34,217,255,.30),
      0 0 42px rgba(34,217,255,.10),
      inset 0 0 14px rgba(34,217,255,.10);
  }

  /* Final motion tuning: one consistent premium easing language. */
  .home-page .toc-reveal{
    transition-timing-function:cubic-bezier(.18,.74,.18,1);
  }
  .home-page .toc-section-line{
    transition-timing-function:cubic-bezier(.16,.78,.18,1),ease;
  }
  .home-page .button,
  .give,
  button.button{
    transition-timing-function:cubic-bezier(.2,.72,.2,1);
  }
  .home-page .pathway-grid .pathway.toc-reveal,
  .home-page .mission-command-grid .mission-command.toc-reveal{
    will-change:opacity,translate,scale;
  }
}

@media (prefers-reduced-motion:reduce){
  .home-page .faith-atmosphere{
    transform:none !important;
    will-change:auto !important;
  }
  .home-page .faith-links > a.toc-reveal .faith-icon,
  .home-page .faith-links > a.toc-reveal.is-visible .faith-icon{
    transition:none !important;
    filter:none !important;
    box-shadow:none !important;
  }
}

/* ===== MOBILE MOTION PASS =====
   Responsive counterpart to the approved desktop motion system. Keeps the
   locked phone layout intact while bringing over the same bidirectional
   reveals, typography staging, section lines, card depth, parallax, and Faith
   illumination at lighter touch-friendly amplitudes. */
@media (max-width:760px){
  /* Hero artwork + initial staging. Preserve the approved v48 crop. */
  .home-page .home-hero-art{
    background-position:
      calc(88% + var(--toc-hero-parallax-x,0px))
      calc(0% + var(--toc-hero-parallax-y,0px)) !important;
    transition:opacity 1.15s cubic-bezier(.18,.74,.18,1),filter 1.15s ease;
    will-change:background-position,opacity;
  }
  .home-page.toc-motion-ready .home-hero-art{opacity:.78}
  .home-page.toc-motion-loaded .home-hero-art{opacity:1}

  .home-page.toc-motion-ready .home-hero-copy .eyebrow,
  .home-page.toc-motion-ready .hero-actions,
  .home-page.toc-motion-ready .hero-scripture{
    opacity:0;
    translate:0 16px;
    transition:opacity .72s cubic-bezier(.18,.74,.18,1),translate .78s cubic-bezier(.16,.78,.18,1);
  }
  .home-page[data-toc-hero-entry-direction="up"].toc-motion-ready .home-hero-copy .eyebrow,
  .home-page[data-toc-hero-entry-direction="up"].toc-motion-ready .hero-actions,
  .home-page[data-toc-hero-entry-direction="up"].toc-motion-ready .hero-scripture{translate:0 -16px}
  .home-page.toc-motion-loaded .home-hero-copy .eyebrow,
  .home-page.toc-motion-loaded .hero-actions,
  .home-page.toc-motion-loaded .hero-scripture{opacity:1;translate:0 0}
  .home-page.toc-motion-loaded .home-hero-copy .eyebrow{transition-delay:.08s}
  .home-page.toc-motion-loaded .hero-actions{transition-delay:.42s}
  .home-page.toc-motion-loaded .hero-scripture{transition-delay:.50s}

  /* Main + Global titles: compact line staging, reversing on upward entry. */
  .home-page.toc-motion-ready .home-hero-copy h1{opacity:1;transform:none;transition:none}
  .home-page .home-hero-copy h1 > span,
  .home-page .global-call-v27 .global-copy h2 .toc-title-line{
    display:inline-block;
    opacity:0;
    transform:translate3d(0,24px,0);
    clip-path:inset(0 0 100% 0);
    transition:opacity .58s cubic-bezier(.2,.72,.2,1),transform .72s cubic-bezier(.16,.78,.18,1),clip-path .72s cubic-bezier(.16,.78,.18,1);
    will-change:transform,opacity,clip-path;
  }
  .home-page[data-toc-hero-entry-direction="up"] .home-hero-copy h1 > span,
  .home-page .global-call-v27 .global-copy[data-toc-entry-direction="up"] h2 .toc-title-line{
    transform:translate3d(0,-24px,0);
    clip-path:inset(100% 0 0 0);
  }
  .home-page.toc-motion-loaded .home-hero-copy h1 > span,
  .home-page .global-call-v27 .global-copy.is-visible h2 .toc-title-line{
    opacity:1;transform:translate3d(0,0,0);clip-path:inset(0 0 0 0);
  }
  .home-page.toc-motion-loaded .home-hero-copy h1 > span:nth-of-type(1){transition-delay:.12s}
  .home-page.toc-motion-loaded .home-hero-copy h1 > span:nth-of-type(2){transition-delay:.21s}
  .home-page.toc-motion-loaded .home-hero-copy h1 > span:nth-of-type(3){transition-delay:.30s}
  .home-page .global-call-v27 .global-copy.is-visible h2 .toc-title-line:nth-of-type(1){transition-delay:.08s}
  .home-page .global-call-v27 .global-copy.is-visible h2 .toc-title-line:nth-of-type(2){transition-delay:.17s}

  /* Supporting copy: same approved line-by-line, two-way reveal, shortened for phones. */
  .home-page.toc-motion-ready .hero-deck,
  .home-page.toc-motion-loaded .hero-deck,
  .home-page.toc-motion-ready .global-call-v27 .global-copy .global-lead,
  .home-page.toc-motion-ready .global-call-v27 .global-copy.is-visible .global-lead{
    opacity:1 !important;transform:none !important;filter:none !important;transition:none !important;
  }
  .home-page .global-call-v27 .global-copy.toc-reveal{opacity:1 !important;translate:0 0 !important;transition:none !important}
  .home-page .hero-deck .toc-copy-line,
  .home-page .global-call-v27 .global-lead .toc-copy-line{
    display:block;opacity:0;transform:translate3d(0,22px,0);filter:blur(.8px);
    transition:opacity .82s cubic-bezier(.18,.72,.2,1),transform .92s cubic-bezier(.16,.78,.18,1),filter .72s ease;
    will-change:opacity,transform,filter;
  }
  .home-page[data-toc-hero-entry-direction="up"] .hero-deck .toc-copy-line,
  .home-page .global-call-v27 .global-copy[data-toc-entry-direction="up"] .global-lead .toc-copy-line{transform:translate3d(0,-22px,0)}
  .home-page.toc-motion-loaded .hero-deck .toc-copy-line,
  .home-page .global-call-v27 .global-copy.is-visible .global-lead .toc-copy-line{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
  .home-page[data-toc-hero-entry-direction="down"].toc-motion-loaded .hero-deck .toc-copy-line{transition-delay:calc(.30s + var(--toc-line-delay-down,0ms))}
  .home-page[data-toc-hero-entry-direction="up"].toc-motion-loaded .hero-deck .toc-copy-line{transition-delay:calc(.24s + var(--toc-line-delay-up,0ms))}
  .home-page .global-call-v27 .global-copy[data-toc-entry-direction="down"].is-visible .global-lead .toc-copy-line{transition-delay:calc(.26s + var(--toc-line-delay-down,0ms))}
  .home-page .global-call-v27 .global-copy[data-toc-entry-direction="up"].is-visible .global-lead .toc-copy-line{transition-delay:calc(.20s + var(--toc-line-delay-up,0ms))}

  /* Generic bidirectional reveals. */
  .home-page .toc-reveal{
    opacity:0;translate:0 20px;
    transition:opacity .68s cubic-bezier(.18,.74,.18,1),translate .78s cubic-bezier(.16,.78,.18,1);
    transition-delay:var(--toc-delay,0ms);
    will-change:opacity,translate;
  }
  .home-page .toc-reveal[data-toc-entry-direction="up"]{translate:0 -20px}
  .home-page .toc-reveal.is-visible{opacity:1;translate:0 0}

  /* Pathway cards: depth entrance without hover-only behavior. */
  .home-page .pathway-grid .pathway.toc-reveal{
    opacity:0;translate:0 24px;scale:.985;filter:brightness(.86) saturate(.94);
    transition:opacity .72s cubic-bezier(.18,.74,.18,1),translate .82s cubic-bezier(.16,.78,.18,1),scale .82s cubic-bezier(.16,.78,.18,1),filter .82s ease;
    transition-delay:var(--toc-delay,0ms);
  }
  .home-page .pathway-grid .pathway.toc-reveal[data-toc-entry-direction="up"]{translate:0 -24px}
  .home-page .pathway-grid .pathway.toc-reveal.is-visible{opacity:1;translate:0 0;scale:1;filter:brightness(1) saturate(1)}
  .home-page .pathway-grid .pathway .pathway-icon,
  .home-page .pathway-grid .pathway .pathway-copy{opacity:0;transform:translate3d(0,10px,0);transition:opacity .48s ease,transform .60s cubic-bezier(.2,.72,.2,1)}
  .home-page .pathway-grid .pathway.is-visible .pathway-icon,
  .home-page .pathway-grid .pathway.is-visible .pathway-copy{opacity:1;transform:translate3d(0,0,0)}
  .home-page .pathway-grid .pathway.is-visible .pathway-icon{transition-delay:calc(var(--toc-delay,0ms) + 90ms)}
  .home-page .pathway-grid .pathway.is-visible .pathway-copy{transition-delay:calc(var(--toc-delay,0ms) + 140ms)}

  /* Global Calling cyan rule + mission command separator draw. */
  .home-page .global-call-v27 .global-copy .eyebrow::after{transform:scaleX(0);transform-origin:left center;transition:transform .76s cubic-bezier(.2,.75,.2,1) .10s,box-shadow .35s ease}
  .home-page .global-call-v27 .global-copy[data-toc-entry-direction="up"] .eyebrow::after{transform-origin:right center}
  .home-page .global-call-v27 .global-copy.is-visible .eyebrow::after{transform:scaleX(1);box-shadow:0 0 14px rgba(34,217,255,.28)}
  .home-page .mission-command::after{transform:rotate(6deg) scaleY(0);transform-origin:center center;opacity:.18;transition:transform .62s cubic-bezier(.2,.78,.2,1),opacity .32s ease}
  .home-page .mission-command.is-visible::after{transform:rotate(6deg) scaleY(1);opacity:1}
  .home-page .mission-command .command-number,
  .home-page .mission-command .command-content{opacity:0;transform:translate3d(0,10px,0);transition:opacity .46s cubic-bezier(.2,.72,.2,1),transform .54s cubic-bezier(.2,.72,.2,1)}
  .home-page .mission-command.is-visible .command-number,
  .home-page .mission-command.is-visible .command-content{opacity:1;transform:translate3d(0,0,0)}
  .home-page .mission-command.is-visible .command-number{transition-delay:.13s}
  .home-page .mission-command.is-visible .command-content{transition-delay:.20s}

  /* Locked Global artwork receives only a small two-way parallax crop shift. */
  .home-page .global-call-v27 .global-art{
    background-position:
      calc(100% + var(--toc-global-parallax-x,0px))
      calc(0% + var(--toc-global-parallax-y,0px)) !important;
    will-change:background-position;
  }

  /* Section transition lines, direction-aware on both scroll directions. */
  .home-page .toc-section-transition{position:relative}
  .home-page .toc-section-line{
    position:absolute;z-index:20;left:6%;right:6%;top:-1px;height:1px;pointer-events:none;
    background:linear-gradient(90deg,rgba(34,217,255,0),rgba(34,217,255,.78) 22%,rgba(92,232,255,.92) 50%,rgba(34,217,255,.78) 78%,rgba(34,217,255,0));
    box-shadow:0 0 10px rgba(34,217,255,.20);opacity:0;transform:scaleX(0);transform-origin:left center;
    transition:transform .86s cubic-bezier(.16,.78,.18,1),opacity .24s ease;
  }
  .home-page .toc-section-transition[data-toc-transition-direction="up"] .toc-section-line{transform-origin:right center}
  .home-page .toc-section-transition.is-transition-visible .toc-section-line{opacity:.86;transform:scaleX(1)}

  /* Faith: slow background depth and circular-icon illumination. */
  .home-page .faith-atmosphere{
    --toc-faith-depth-x:0px;--toc-faith-depth-y:0px;--toc-faith-depth-scale:1.045;
    inset:-3%;transform:translate3d(var(--toc-faith-depth-x),var(--toc-faith-depth-y),0) scale(var(--toc-faith-depth-scale));
    transform-origin:center center;will-change:transform;backface-visibility:hidden;
  }
  .home-page .faith-links > a.toc-reveal .faith-icon{
    border-color:rgba(34,217,255,.32);background:rgba(8,31,48,.06);filter:brightness(.86) saturate(.94);
    box-shadow:0 0 0 rgba(34,217,255,0),inset 0 0 0 rgba(34,217,255,0);
    transition:border-color .72s ease,background-color .72s ease,box-shadow .88s ease,filter .72s ease;
  }
  .home-page .faith-links > a.toc-reveal.is-visible .faith-icon{
    border-color:rgba(54,226,255,.76);background:rgba(21,133,172,.07);filter:brightness(1.06) saturate(1.03);
    box-shadow:0 0 15px rgba(34,217,255,.17),0 0 28px rgba(34,217,255,.06),inset 0 0 11px rgba(34,217,255,.07);
    transition-delay:calc(var(--toc-delay,0ms) + 90ms);
  }

  /* Touch feedback replaces desktop hover-only button movement. */
  .home-page .button,.home-page .give,button.button{transition:transform .18s ease,filter .18s ease,border-color .18s ease}
  .home-page .button:active,.home-page .give:active,button.button:active{transform:scale(.985);filter:brightness(1.06)}
}

@media (max-width:420px){
  .home-page .home-hero-art{
    background-position:
      calc(90% + var(--toc-hero-parallax-x,0px))
      calc(0% + var(--toc-hero-parallax-y,0px)) !important;
  }
}

@media (max-width:760px) and (prefers-reduced-motion:reduce){
  .home-page .home-hero-art,
  .home-page .global-call-v27 .global-art,
  .home-page .faith-atmosphere{will-change:auto !important}
  .home-page .toc-section-line{opacity:.5 !important;transform:scaleX(1) !important}
}

/* =========================================================
   TOC WATCH PAGE — production build v1
   Approved reference: cinematic video-first teaching platform.
   ========================================================= */
.watch-page main{overflow:hidden;background:#020914}
.watch-page h1,.watch-page h2,.watch-page h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif}
.watch-page .eyebrow{color:#20ddff;font-weight:700;letter-spacing:.22em}
.watch-page .button{border-radius:2px;transition:transform .25s cubic-bezier(.2,.72,.2,1),box-shadow .3s ease,border-color .3s ease,background-color .3s ease}
.watch-page .button:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(17,115,255,.24)}
.watch-page .button.secondary:hover{border-color:#25dfff;background:rgba(20,160,210,.08);box-shadow:0 0 22px rgba(32,221,255,.10)}

/* HERO */
.watch-page .watch-hero{--watch-parallax-y:0px;position:relative;isolation:isolate;min-height:520px;border-bottom:1px solid rgba(35,201,255,.24);background:#020a14;overflow:hidden}
.watch-page .watch-hero-art{position:absolute;z-index:-2;inset:-4% 0;background:url('/assets/watch/toc-watch-hero-jerusalem-camera-display-v2.jpg') center calc(50% + var(--watch-parallax-y))/cover no-repeat;filter:saturate(1.04) contrast(1.04) brightness(.72);transform:scale(1.045);will-change:background-position}
.watch-page .watch-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(1,8,18,.97) 0%,rgba(1,8,18,.78) 29%,rgba(1,8,18,.24) 52%,rgba(1,8,18,.18) 100%),linear-gradient(180deg,rgba(2,9,18,.03),rgba(2,9,18,.52) 100%)}
.watch-page .watch-hero-inner{width:min(94vw,1600px);min-height:520px;margin:auto;display:grid;grid-template-columns:minmax(310px,.82fr) minmax(520px,1.55fr);gap:58px;align-items:center;padding:34px 0 38px}
.watch-page .watch-hero-copy{padding-left:4px}
.watch-page .watch-hero-copy .eyebrow{margin:0 0 12px;font-size:11px}
.watch-page .watch-hero h1{margin:0;font-size:clamp(58px,5.6vw,92px);font-weight:800;line-height:.78;letter-spacing:-.015em}
.watch-page .watch-hero h1 span{color:#fff;font-style:normal}
.watch-page .watch-hero h1 em{color:#20dfff;font-style:normal}
.watch-page .watch-hero-copy>p:not(.eyebrow){max-width:460px;margin:22px 0 0;color:#f2f6fb;font-size:17px;font-weight:500;line-height:1.45}
.watch-page .watch-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.watch-page .watch-hero-actions .button{min-height:47px;padding:11px 20px;font-size:13px}
.watch-page .watch-featured{position:relative;min-height:360px;border:1px solid rgba(35,220,255,.8);background:#06111d;box-shadow:0 24px 68px rgba(0,0,0,.35),0 0 32px rgba(17,175,235,.06);overflow:hidden}
.watch-page .watch-featured-loading{min-height:360px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(100deg,#07101b,#0b1d2e,#07101b);background-size:200% 100%;animation:watchSkeleton 1.6s linear infinite}
.watch-page .watch-featured-loading span{width:8px;height:8px;border-radius:50%;background:#20ddff;opacity:.5}
@keyframes watchSkeleton{to{background-position:-200% 0}}
.watch-page .watch-featured-facade{position:absolute;inset:0;cursor:pointer}
.watch-page .watch-featured-facade>img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.95) brightness(.72)}
.watch-page .watch-featured-facade::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,15,.82),rgba(2,8,15,.18) 58%,rgba(2,8,15,.24)),linear-gradient(180deg,transparent 55%,rgba(2,8,15,.86))}
.watch-page .watch-featured-overlay{position:absolute;z-index:2;left:32px;top:34px;width:min(56%,520px)}
.watch-page .watch-featured-overlay .eyebrow{margin:0 0 8px;font-size:10px;color:white}
.watch-page .watch-featured-overlay h2{margin:0;color:#fff;font-size:clamp(34px,3.15vw,56px);line-height:.92;text-transform:uppercase;text-wrap:balance}
.watch-page .watch-featured-overlay>p:last-child{margin:9px 0 0;color:#dce8f2;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.watch-page .watch-featured-play{position:absolute;z-index:3;left:50%;top:50%;translate:-50% -50%;width:78px;height:78px;border:2px solid rgba(255,255,255,.92);border-radius:50%;background:rgba(3,10,18,.60);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.38);transition:scale .25s ease,background .25s ease,border-color .25s ease}
.watch-page .watch-featured-play:hover{scale:1.07;background:rgba(0,176,226,.26);border-color:#39e2ff}
.watch-page .watch-featured-play span{font-size:27px;margin-left:4px}
.watch-page .watch-featured-meta{position:absolute;z-index:3;left:24px;right:24px;bottom:16px;display:flex;justify-content:space-between;color:#fff;font-size:11px}
.watch-page .watch-featured-frame{width:100%;height:100%;min-height:360px;border:0;display:block;background:#000}

/* SHARED WATCH SECTIONS */
.watch-page .watch-section{padding:38px max(4vw,34px);background:linear-gradient(90deg,#031321 0%,#03101b 52%,#020b14 100%)}
.watch-page .watch-section+.watch-section{padding-top:22px}
.watch-page .watch-section-title{width:min(94vw,1600px);margin:0 auto 18px;display:flex;align-items:end;justify-content:space-between;gap:24px}
.watch-page .watch-section-title h2{margin:0;font-size:31px;line-height:1;color:#fff}
.watch-page .watch-section-title p{margin:5px 0 0;color:#b4c3d1;font-size:13px}
.watch-page .watch-section-title a,.watch-page .watch-channel-actions a{color:#1fdcff;font-size:12px;font-weight:700;white-space:nowrap}
.watch-page .watch-video-grid{width:min(94vw,1600px);margin:auto;display:grid;gap:18px}
.watch-page .watch-video-grid-latest{grid-template-columns:repeat(4,minmax(0,1fr))}
.watch-page .watch-video-grid-channel{grid-template-columns:repeat(5,minmax(0,1fr))}
.watch-page .watch-video-card{min-width:0}
.watch-page .watch-video-card a{display:block}
.watch-page .watch-video-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(36,198,247,.48);background:#07111d;box-shadow:0 12px 26px rgba(0,0,0,.18);transition:transform .30s cubic-bezier(.2,.72,.2,1),border-color .3s ease,box-shadow .3s ease}
.watch-page .watch-video-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.2,.72,.2,1),filter .3s ease}
.watch-page .watch-video-card a:hover .watch-video-thumb{transform:translateY(-3px);border-color:#2ce2ff;box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 22px rgba(32,221,255,.08)}
.watch-page .watch-video-card a:hover .watch-video-thumb img{transform:scale(1.035);filter:brightness(1.04)}
.watch-page .watch-play{position:absolute;left:10px;bottom:9px;width:31px;height:31px;border:1.4px solid rgba(255,255,255,.96);border-radius:50%;display:grid;place-items:center;background:rgba(1,8,15,.62);font-size:12px;padding-left:2px}
.watch-page .watch-duration{position:absolute;right:7px;bottom:7px;padding:2px 5px;background:rgba(0,0,0,.76);font-size:10px;line-height:1.3}
.watch-page .watch-video-copy{padding-top:8px}
.watch-page .watch-video-copy h3{margin:0;color:#fff;font:600 13px/1.28 Inter,Arial,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.watch-page .watch-video-copy p{margin:5px 0 0;color:#8fa6b8;font-size:10px;line-height:1.4}
.watch-page .watch-loading-card{aspect-ratio:16/9;border:1px solid rgba(36,198,247,.18);background:linear-gradient(90deg,#07111d,#0d1e2c,#07111d);background-size:200% 100%;animation:watchSkeleton 1.6s linear infinite}
.watch-page .watch-error,.watch-page .watch-empty{grid-column:1/-1;color:#b8c7d5}
.watch-page .watch-error a{color:#20ddff}

/* TOPIC CARDS */
.watch-page .watch-topics{padding-top:14px;padding-bottom:42px}
.watch-page .watch-topic-grid{width:min(94vw,1600px);margin:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.watch-page .watch-topic-card{position:relative;isolation:isolate;min-height:170px;overflow:hidden;border:1px solid rgba(30,206,255,.55);background:#06111d;box-shadow:0 14px 30px rgba(0,0,0,.18);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.watch-page .watch-topic-card::before{content:"";position:absolute;z-index:-2;inset:0;background-image:var(--watch-topic-image);background-size:cover;background-position:center;transition:transform .5s cubic-bezier(.2,.72,.2,1),filter .3s ease;filter:brightness(.64) saturate(.92)}
.watch-page .watch-topic-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(2,9,16,.08),rgba(2,9,16,.86) 72%)}
.watch-page .watch-topic-copy{position:absolute;inset:auto 13px 12px;display:block;text-align:center}
.watch-page .watch-topic-copy strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:23px;line-height:1;color:#fff}
.watch-page .watch-topic-copy small{display:block;max-height:0;opacity:0;overflow:hidden;color:#d8e6ef;font-size:10px;line-height:1.35;transition:max-height .3s ease,opacity .3s ease,margin .3s ease}
.watch-page .watch-topic-copy em{display:block;margin-top:6px;color:#20ddff;font-style:normal;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.watch-page .watch-topic-card:hover{transform:translateY(-4px);border-color:#2ce6ff;box-shadow:0 18px 38px rgba(0,0,0,.28),0 0 20px rgba(32,221,255,.09)}
.watch-page .watch-topic-card:hover::before{transform:scale(1.055);filter:brightness(.74) saturate(1.02)}
.watch-page .watch-topic-card:hover small{max-height:50px;opacity:1;margin-top:6px}

/* LIVE */
.watch-page .watch-live{position:relative;isolation:isolate;min-height:220px;border-block:1px solid rgba(34,195,244,.18);overflow:hidden;background:#06101c}
.watch-page .watch-live-art{position:absolute;z-index:-2;inset:0;background:url('/assets/watch/toc-watch-live-broadcast-stage-display-v2.jpg') center/cover no-repeat;filter:brightness(.58) saturate(1.05)}
.watch-page .watch-live::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,10,18,.36),rgba(2,10,18,.20) 45%,rgba(2,10,18,.87) 66%,#020b14 100%)}
.watch-page .watch-live-inner{width:min(94vw,1600px);min-height:220px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;padding:30px 0}
.watch-page .watch-live-copy{display:flex;align-items:center;gap:22px}
.watch-page .watch-live-icon{width:70px;height:70px;display:grid;place-items:center;border:2px solid #23dfff;border-radius:50%;color:#23dfff;font-size:34px;box-shadow:0 0 28px rgba(35,223,255,.14)}
.watch-page .watch-live-copy h2{margin:0;font-size:44px;line-height:1;color:#fff}
.watch-page .watch-live-copy h2 em{color:#ff4545;font-style:normal}
.watch-page .watch-live-copy p{margin:7px 0 0;color:#d6e3ec;font-size:14px}
.watch-page .watch-live-status{justify-self:end;width:min(100%,520px);padding:18px 20px;background:rgba(5,18,32,.86);border:1px solid rgba(67,116,153,.18)}
.watch-page .watch-live-status p{display:flex;align-items:center;gap:10px;margin:0;color:#fff}
.watch-page .watch-live-status p span{width:11px;height:11px;border-radius:50%;background:#ff3a3a;box-shadow:0 0 15px rgba(255,58,58,.38)}
.watch-page .watch-live-status small{display:block;margin:4px 0 13px;color:#c0cfda}
.watch-page .watch-live-status .button{min-height:40px;padding:8px 16px;font-size:12px}

/* CHANNEL LIBRARY */
.watch-page .watch-channel{padding-top:34px;padding-bottom:46px}
.watch-page .watch-channel-actions{display:flex;gap:17px;align-items:center}
.watch-page #watch-clear-filter{padding:4px 9px;border:1px solid rgba(32,221,255,.3)}
.watch-page .watch-video-card-compact .watch-video-copy h3{font-size:12px}

/* DEEPER */
.watch-page .watch-deeper{position:relative;isolation:isolate;min-height:150px;border-top:1px solid rgba(39,200,247,.17);overflow:hidden;background:#071526}
.watch-page .watch-deeper-art{position:absolute;z-index:-2;inset:0;background:url('/assets/watch/toc-watch-topic-bible-teaching-open-bible-jerusalem-display-v2.jpg') left 42%/cover no-repeat;filter:brightness(.54) saturate(.88)}
.watch-page .watch-deeper::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,14,25,.38) 0%,rgba(4,14,25,.84) 42%,rgba(4,14,25,.98) 70%)}
.watch-page .watch-deeper-inner{width:min(94vw,1600px);min-height:150px;margin:auto;display:grid;grid-template-columns:1fr 1.4fr;gap:44px;align-items:center;padding:24px 0}
.watch-page .watch-deeper-inner h2{margin:0;font-size:31px;line-height:1;color:#fff}
.watch-page .watch-deeper-inner p{margin:7px 0 0;color:#d1dee8;font-size:13px}
.watch-page .watch-deeper-actions{display:flex;gap:14px;justify-content:flex-end;flex-wrap:wrap}
.watch-page .watch-deeper-actions .button{min-height:44px;padding:9px 20px;font-size:12px}

/* BIDIRECTIONAL WATCH MOTION */
.watch-page .watch-motion-item{opacity:0;translate:0 22px;transition:opacity .74s cubic-bezier(.18,.74,.18,1),translate .82s cubic-bezier(.16,.78,.18,1);transition-delay:var(--watch-delay,0ms)}
.watch-page .watch-motion-item[data-watch-entry-direction="up"]{translate:0 -22px}
.watch-page .watch-motion-item.is-visible{opacity:1;translate:0 0}
.watch-page .watch-topic-card.watch-motion-item{scale:.985}
.watch-page .watch-topic-card.watch-motion-item.is-visible{scale:1}

/* RESPONSIVE */
@media(max-width:1180px){
  .watch-page .watch-hero-inner{grid-template-columns:.8fr 1.35fr;gap:34px}
  .watch-page .watch-video-grid-channel{grid-template-columns:repeat(4,minmax(0,1fr))}
  .watch-page .watch-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:899px){
  .watch-page .watch-hero{min-height:840px}
  .watch-page .watch-hero-art{background-position:42% calc(50% + var(--watch-parallax-y));filter:brightness(.62) saturate(1.02)}
  .watch-page .watch-hero::before{background:linear-gradient(180deg,rgba(1,8,18,.22) 0%,rgba(1,8,18,.32) 38%,rgba(1,8,18,.96) 62%,#020a14 100%)}
  .watch-page .watch-hero-inner{min-height:840px;grid-template-columns:1fr;align-content:end;gap:26px;padding:330px 0 38px}
  .watch-page .watch-hero-copy{max-width:620px}
  .watch-page .watch-featured{min-height:310px}
  .watch-page .watch-featured-frame,.watch-page .watch-featured-loading{min-height:310px}
  .watch-page .watch-video-grid-latest{grid-template-columns:repeat(2,minmax(0,1fr))}
  .watch-page .watch-video-grid-channel{grid-template-columns:repeat(3,minmax(0,1fr))}
  .watch-page .watch-live-inner{grid-template-columns:1fr;gap:20px}
  .watch-page .watch-live-status{justify-self:start}
  .watch-page .watch-deeper-inner{grid-template-columns:1fr;gap:18px}
  .watch-page .watch-deeper-actions{justify-content:flex-start}
}
@media(max-width:620px){
  .watch-page .watch-hero{min-height:760px}
  .watch-page .watch-hero-inner{width:90%;min-height:760px;padding:270px 0 28px;gap:22px}
  .watch-page .watch-hero h1{font-size:58px}
  .watch-page .watch-hero-copy>p:not(.eyebrow){font-size:14px}
  .watch-page .watch-hero-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .watch-page .watch-hero-actions .button{width:100%}
  .watch-page .watch-featured{min-height:230px}
  .watch-page .watch-featured-frame,.watch-page .watch-featured-loading{min-height:230px}
  .watch-page .watch-featured-overlay{left:18px;top:18px;width:72%}
  .watch-page .watch-featured-overlay h2{font-size:30px}
  .watch-page .watch-featured-play{width:58px;height:58px}
  .watch-page .watch-section{padding:32px 5%}
  .watch-page .watch-section-title{width:100%;align-items:flex-start}
  .watch-page .watch-section-title h2{font-size:28px}
  .watch-page .watch-section-title>a{font-size:10px}
  .watch-page .watch-video-grid{width:100%}
  .watch-page .watch-video-grid-latest{grid-template-columns:1fr}
  .watch-page .watch-video-grid-channel{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
  .watch-page .watch-topic-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .watch-page .watch-topic-card{min-height:135px}
  .watch-page .watch-topic-copy strong{font-size:20px}
  .watch-page .watch-topic-copy small{display:none}
  .watch-page .watch-live-inner{width:90%;padding:28px 0}
  .watch-page .watch-live-copy{gap:14px}
  .watch-page .watch-live-icon{width:52px;height:52px;font-size:24px}
  .watch-page .watch-live-copy h2{font-size:34px}
  .watch-page .watch-live-copy p{font-size:12px}
  .watch-page .watch-live-status{padding:15px}
  .watch-page .watch-channel-actions{display:grid;justify-items:end;gap:4px}
  .watch-page .watch-deeper-inner{width:90%;padding:22px 0}
  .watch-page .watch-deeper-inner h2{font-size:28px}
  .watch-page .watch-deeper-actions{display:grid;grid-template-columns:1fr;width:100%}
  .watch-page .watch-deeper-actions .button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .watch-page .watch-motion-item,.watch-page .watch-motion-item[data-watch-entry-direction="up"],.watch-page .watch-motion-item.is-visible{opacity:1!important;translate:none!important;scale:1!important;transition:none!important}
  .watch-page .watch-hero-art{will-change:auto!important}
}

/* =========================================================
   WATCH V2 — HERO / DEEPER / SHARED FOOTER POLISH
   Keeps the approved Watch design while improving image visibility
   and standardizing the homepage footer across every page.
   ========================================================= */

/* Featured teaching: preserve more of the cinematic hero artwork. */
@media (min-width:900px){
  .watch-page .watch-hero{min-height:560px}
  .watch-page .watch-hero-inner{
    width:min(92vw,1540px);
    min-height:560px;
    grid-template-columns:minmax(330px,.9fr) minmax(620px,1.28fr);
    gap:54px;
    padding:44px 0 46px;
  }
  .watch-page .watch-featured{
    width:min(100%,920px);
    min-height:0;
    aspect-ratio:16/9;
    justify-self:end;
  }
  .watch-page .watch-featured-loading,
  .watch-page .watch-featured-frame{
    min-height:0;
    height:100%;
    aspect-ratio:16/9;
  }
}

/* Go Deeper: show the open Bible clearly rather than a narrow crop. */
.watch-page .watch-deeper{min-height:210px;background:#071526}
.watch-page .watch-deeper-art{
  inset:0;
  background-size:100% auto;
  background-position:center 72%;
  background-repeat:no-repeat;
  filter:brightness(.68) saturate(.96) contrast(1.03);
}
.watch-page .watch-deeper::before{
  background:linear-gradient(90deg,rgba(4,14,25,.38) 0%,rgba(4,14,25,.60) 30%,rgba(4,14,25,.91) 57%,rgba(4,14,25,.985) 78%);
}
.watch-page .watch-deeper-inner{
  min-height:210px;
  grid-template-columns:1fr 1.28fr;
  padding:34px 0;
}
.watch-page .watch-deeper-inner h2{font-size:35px}
.watch-page .watch-deeper-inner p{font-size:14px}

/* Shared TOC footer — use the approved homepage footer on every page. */
footer{
  padding:68px 6% 30px;
  background:#020913;
  border-top:1px solid rgba(45,184,240,.16);
}
.footer-top{
  grid-template-columns:1.6fr 1fr 1.2fr 1fr;
  gap:42px;
  align-items:start;
}
.footer-top a{
  font-size:13px;
  margin:7px 0;
  transition:color .18s ease,transform .18s ease;
}
.footer-top p{font-size:13px;line-height:1.5}
.footer-brand .brand-original{width:210px;max-width:100%}
.footer-bottom{margin-top:46px;padding-top:20px;font-size:11px}
footer a:hover,
footer a:focus-visible{color:#22d9ff}

.footer-connect .social-link{
  display:flex;
  align-items:center;
  gap:9px;
  width:max-content;
  color:#d7e4ed;
  transition:color .18s ease,transform .18s ease;
}
.footer-connect .social-link svg{
  width:17px;
  height:17px;
  flex:0 0 17px;
  fill:#22d9ff;
  stroke:none;
  filter:drop-shadow(0 0 5px rgba(34,217,255,.10));
}
.footer-connect .social-link .social-play{fill:#02101a}
.footer-connect .social-link:hover,
.footer-connect .social-link:focus-visible{
  color:#6fe8ff;
  transform:translateX(2px);
}

@media(max-width:1000px){
  .footer-top{grid-template-columns:1fr 1fr;gap:30px 34px}
  .footer-top>div:first-child{grid-column:1/-1}
}

@media(max-width:899px){
  .watch-page .watch-deeper{min-height:250px}
  .watch-page .watch-deeper-art{background-size:auto 100%;background-position:28% center}
  .watch-page .watch-deeper::before{background:linear-gradient(90deg,rgba(4,14,25,.52),rgba(4,14,25,.90) 62%,rgba(4,14,25,.98))}
  .watch-page .watch-deeper-inner{min-height:250px}
}

@media(max-width:650px){
  footer{padding:48px 5% 24px}
  .footer-top{grid-template-columns:1fr;gap:16px}
  .footer-top>div:first-child{grid-column:auto}
  .footer-brand .brand-original{width:205px}
  .footer-bottom{margin-top:28px;padding-top:18px}
  .footer-bottom span{display:block;margin-bottom:8px}
}

/* =========================================================
   WATCH V3 — HERO SCALE + IMAGE VISIBILITY POLISH
   Preserve approved structure/footer; refine only requested visuals.
   ========================================================= */

/* Desktop hero: scale the featured teaching panel back so the cinematic
   Jerusalem artwork remains a visible part of the hero composition. */
@media (min-width:900px){
  .watch-page .watch-hero-inner{
    width:min(92vw,1540px);
    grid-template-columns:minmax(360px,1fr) minmax(500px,.98fr);
    gap:72px;
  }
  .watch-page .watch-featured{
    width:min(100%,790px);
    justify-self:end;
  }
}

/* Topic artwork: brighten the generated category imagery while retaining
   enough lower-card contrast for the white/cyan labels. */
.watch-page .watch-topic-card::before{
  filter:brightness(.84) saturate(1.08) contrast(1.04);
}
.watch-page .watch-topic-shade{
  background:linear-gradient(180deg,rgba(2,9,16,.02) 0%,rgba(2,9,16,.16) 46%,rgba(2,9,16,.68) 100%);
}
.watch-page .watch-topic-card:hover::before{
  filter:brightness(.96) saturate(1.12) contrast(1.04);
}

/* Go Deeper: retain the approved proportions but lift image exposure so the
   open Bible reads immediately instead of disappearing beneath the overlay. */
.watch-page .watch-deeper-art{
  filter:brightness(.88) saturate(1.08) contrast(1.04);
}
.watch-page .watch-deeper::before{
  background:linear-gradient(90deg,rgba(4,14,25,.18) 0%,rgba(4,14,25,.30) 30%,rgba(4,14,25,.60) 58%,rgba(4,14,25,.84) 82%,rgba(4,14,25,.90) 100%);
}

/* =========================================================
   WATCH V4 — FEATURED PANEL + HERO VISIBILITY REFINEMENT
   Narrow the featured teaching panel and reveal more of the
   cinematic Jerusalem hero artwork without changing structure.
   ========================================================= */
@media (min-width:900px){
  .watch-page .watch-hero-art{
    filter:saturate(1.08) contrast(1.02) brightness(.90);
  }
  .watch-page .watch-hero::before{
    background:
      linear-gradient(90deg,rgba(1,8,18,.90) 0%,rgba(1,8,18,.64) 29%,rgba(1,8,18,.16) 54%,rgba(1,8,18,.07) 100%),
      linear-gradient(180deg,rgba(2,9,18,.01),rgba(2,9,18,.34) 100%);
  }
  .watch-page .watch-hero-inner{
    grid-template-columns:minmax(380px,1fr) minmax(460px,.82fr);
    gap:82px;
  }
  .watch-page .watch-featured{
    width:min(100%,690px);
    justify-self:end;
  }
}

/* =========================================================
   WATCH LIVE V1 — AUTOMATIC YOUTUBE LIVE STATUS
   Status is supplied by toc-api; no YouTube credential is exposed here.
   ========================================================= */
.watch-page .watch-live-status.is-live{
  border-color:rgba(57,224,119,.38);
  box-shadow:0 0 30px rgba(57,224,119,.06);
}
.watch-page .watch-live-status.is-live p span,
.watch-page .watch-live-status.is-live .watch-live-dot{
  background:#39e077;
  box-shadow:0 0 16px rgba(57,224,119,.55);
  animation:tocLivePulse 1.65s ease-in-out infinite;
}
.watch-page .watch-live.is-live .watch-live-copy h2 em{color:#39e077}
.watch-page .watch-live-status.is-live .button{
  border-color:rgba(57,224,119,.65);
  color:#eafff1;
}
.watch-page .watch-live-status.is-live .button:hover,
.watch-page .watch-live-status.is-live .button:focus-visible{
  border-color:#39e077;
  box-shadow:0 0 22px rgba(57,224,119,.12);
}
@keyframes tocLivePulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.18);opacity:.72}
}
@media (prefers-reduced-motion:reduce){
  .watch-page .watch-live-status.is-live p span,
  .watch-page .watch-live-status.is-live .watch-live-dot{animation:none}
}




/* ===== TOC HEADER LIVE STATUS START ===== */
header .header-live-status{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  margin:0 18px !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-decoration:none !important;
  line-height:1 !important;
  white-space:nowrap !important;
  transform:none !important;
}
header .header-live-status strong{
  display:inline-block !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  font-size:18px !important;
  font-weight:800 !important;
  font-style:normal !important;
  letter-spacing:.06em !important;
  line-height:1 !important;
  text-transform:uppercase !important;
}
header .header-live-status.is-offline{
  color:#8f98a6 !important;
  cursor:default !important;
  pointer-events:none !important;
}
header .header-live-status.is-offline strong{
  color:#8f98a6 !important;
  opacity:.86 !important;
  text-shadow:none !important;
  animation:none !important;
}
header .header-live-status.is-live{
  color:#ff2b2b !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}
header .header-live-status.is-live strong{
  color:#ff2b2b !important;
  animation:tocHeaderLiveFlash 1s steps(1,end) infinite !important;
}
header .header-live-status.is-live:hover strong,
header .header-live-status.is-live:focus-visible strong{
  text-decoration:underline !important;
  text-underline-offset:4px !important;
}
@keyframes tocHeaderLiveFlash{
  0%,49%{
    color:#ff2b2b;
    opacity:1;
    text-shadow:0 0 8px rgba(255,43,43,.62),0 0 18px rgba(255,43,43,.28);
  }
  50%,100%{
    color:#ff2b2b;
    opacity:0;
    text-shadow:none;
  }
}
@media (max-width:1200px){
  header .header-live-status{
    margin:0 14px !important;
  }
  header .header-live-status strong{
    font-size:16px !important;
  }
}
@media (max-width:900px){
  header .header-live-status{
    margin:0 10px !important;
  }
  header .header-live-status strong{
    font-size:15px !important;
  }
}
@media (prefers-reduced-motion:reduce){
  header .header-live-status.is-live strong{
    animation:none !important;
    opacity:1 !important;
  }
}
/* ===== TOC HEADER LIVE STATUS END ===== */

/* ===== TOC WATCH MOBILE HERO ORIGINAL-ASSET ALIGNMENT FIX START ===== */
@media (max-width:700px){
  body.watch-page .watch-hero-art{
    background-image:url('/assets/watch/toc-watch-hero-jerusalem-camera-display-v2.jpg') !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:72% 50% !important;
    filter:brightness(.98) saturate(1.06) contrast(1.02) !important;
    transform:none !important;
    will-change:auto !important;
  }

  body.watch-page .watch-hero-art::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(
      90deg,
      rgba(1,8,18,.58) 0%,
      rgba(1,8,18,.44) 28%,
      rgba(1,8,18,.22) 48%,
      rgba(1,8,18,.06) 68%,
      rgba(1,8,18,0) 100%
    ) !important;
    opacity:1 !important;
    pointer-events:none !important;
  }
}

@media (max-width:390px){
  body.watch-page .watch-hero-art{
    background-position:74% 50% !important;
    filter:brightness(1.02) saturate(1.06) contrast(1.01) !important;
  }
}
/* ===== TOC WATCH MOBILE HERO ORIGINAL-ASSET ALIGNMENT FIX END ===== */

/* ===== TOC MUSIC PAGE STYLES START ===== */
body.music-page{background:#020b14;color:var(--toc-white)}
.music-page main{overflow:hidden}
.music-hero{position:relative;isolation:isolate;border-bottom:1px solid rgba(36,210,255,.18);background:#03101b}
.music-hero-bg{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,10,18,.97) 0%,rgba(2,10,18,.86) 38%,rgba(2,10,18,.38) 70%,rgba(2,10,18,.75) 100%),var(--music-feature-art,none) center/cover no-repeat;filter:saturate(.95)}
.music-hero-inner{width:min(1180px,calc(100% - 64px));margin:0 auto;min-height:520px;display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:58px;align-items:center;padding:52px 0}
.music-hero-art-panel{position:relative}
.music-hero-art-panel:before{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid rgba(28,201,255,.24);background:rgba(4,19,32,.42)}
.music-hero-art{position:relative;z-index:1;width:100%;aspect-ratio:1;object-fit:cover;display:block;border:1px solid rgba(99,190,225,.34);box-shadow:0 24px 70px rgba(0,0,0,.45)}
.music-hero-copy{max-width:690px}
.music-hero-title{margin:8px 0 4px;font-family:var(--display);font-size:clamp(48px,6vw,82px);line-height:.92;letter-spacing:-.025em;text-transform:uppercase}
.music-hero-artist{margin:0;color:#c8d4df;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.music-hero-intro{max-width:680px;margin:22px 0 0;color:#c7d1dc;font-size:18px;line-height:1.65}
.music-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.music-page button.button{font:inherit}
.music-preview{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(74,194,255,.48);cursor:pointer}
.music-preview-time{opacity:.72;font-size:.82em;font-variant-numeric:tabular-nums}
.music-hero-platforms{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.music-hero-platforms a{padding:9px 12px;border:1px solid rgba(150,177,199,.28);background:rgba(3,14,25,.7);color:#eaf5ff;text-decoration:none;font-size:13px;font-weight:800}
.music-section{width:min(1280px,calc(100% - 72px));margin:0 auto;padding:72px 0}
.music-section+.music-section{border-top:1px solid rgba(79,139,172,.17)}
.music-section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}
.music-section-heading h2,.music-platform-inner h2{margin:5px 0 4px;font-family:var(--display);font-size:clamp(38px,4vw,58px);line-height:.95;text-transform:uppercase}
.music-section-heading p:not(.eyebrow),.music-platform-inner p:not(.eyebrow){margin:0;color:#9fb0bf;font-size:17px}
.music-section-heading>a{color:#19d5ff;text-decoration:none;font-weight:800;white-space:nowrap}
.music-release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.music-release-card{border:1px solid rgba(50,134,173,.28);background:linear-gradient(180deg,rgba(6,23,36,.96),rgba(3,14,24,.98));min-width:0}
.music-release-art-wrap{aspect-ratio:1;overflow:hidden;background:#07131f}
.music-release-art{width:100%;height:100%;object-fit:cover;display:block}
.music-release-body{padding:18px}
.music-release-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.music-release-heading h3{margin:0;color:#fff;font-size:19px;line-height:1.2}
.music-release-heading p{margin:5px 0 0;color:#9eb0c1;font-size:14px}
.music-release-type{flex:none;padding:5px 7px;border:1px solid rgba(62,182,230,.34);color:#71ddff;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.music-release-card .music-preview{width:100%;justify-content:flex-start;margin-top:16px;padding:11px 12px;background:#0a1d2e;color:#eef8ff;border-radius:0}
.music-release-card .music-preview-time{margin-left:auto}
.music-store-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.music-store-link{display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 10px;border:1px solid rgba(139,171,195,.23);color:#dcebf6;text-decoration:none;font-size:12px;font-weight:800;text-align:center;background:rgba(2,11,20,.62)}
.music-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.music-video-open{appearance:none;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.music-video-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(34,180,225,.36);background:#061521}
.music-video-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.music-video-play{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:56px;height:56px;border:2px solid #fff;border-radius:50%;background:rgba(0,0,0,.5);font-size:20px}
.music-video-duration{position:absolute;right:8px;bottom:8px;padding:3px 5px;background:rgba(0,0,0,.78);color:#fff;font-size:11px}
.music-video-copy{display:block;padding-top:11px}
.music-video-copy strong{display:block;font-size:16px;line-height:1.25;color:#fff}
.music-video-copy small{display:block;margin-top:4px;color:#8fa6b7;font-size:13px}
.music-platform-section{border-top:1px solid rgba(79,139,172,.2);border-bottom:1px solid rgba(79,139,172,.2);background:linear-gradient(180deg,#03101b,#041522)}
.music-platform-inner{width:min(1280px,calc(100% - 72px));margin:0 auto;padding:58px 0}
.music-platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:26px}
.music-platform-grid a{min-height:82px;padding:17px;border:1px solid rgba(88,153,184,.3);color:#fff;text-decoration:none;background:rgba(3,14,23,.72)}
.music-platform-grid strong{display:block;font-size:16px}
.music-platform-grid span{display:block;margin-top:5px;color:#91a8b8;font-size:12px}
.music-video-dialog{width:min(980px,calc(100% - 32px));padding:0;border:1px solid rgba(52,194,238,.45);background:#020b14;color:#fff}
.music-video-dialog::backdrop{background:rgba(0,5,12,.88)}
.music-video-dialog-inner{padding:18px}
.music-video-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px}
.music-video-dialog-head h2{margin:0;font-size:18px}
.music-video-dialog-head button{width:40px;height:40px;border:1px solid rgba(148,177,197,.35);background:#071522;color:#fff;font-size:24px;cursor:pointer}
.music-video-frame-wrap{aspect-ratio:16/9;background:#000}
.music-video-frame-wrap iframe{width:100%;height:100%;border:0}
.music-error{color:#ffb8b8}
@media(max-width:980px){
  .music-hero-inner{grid-template-columns:280px 1fr;gap:36px;width:min(100% - 40px,900px)}
  .music-release-grid,.music-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .music-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .music-hero-inner{width:min(100% - 36px,560px);min-height:0;grid-template-columns:1fr;gap:26px;padding:34px 0 46px}
  .music-hero-art-panel{width:min(78vw,360px);margin:0 auto}
  .music-hero-title{font-size:clamp(44px,15vw,64px)}
  .music-hero-intro{font-size:16px}
  .music-hero-actions{display:grid;grid-template-columns:1fr}
  .music-hero-actions .button{width:100%;justify-content:center}
  .music-hero-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .music-section,.music-platform-inner{width:min(100% - 36px,560px);padding:50px 0}
  .music-section-heading{align-items:flex-start}
  .music-section-heading h2,.music-platform-inner h2{font-size:clamp(34px,11vw,46px)}
  .music-release-grid,.music-video-grid{grid-template-columns:1fr}
  .music-platform-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){
  .music-section-heading{display:block}
  .music-section-heading>a{display:inline-block;margin-top:14px}
  .music-platform-grid{grid-template-columns:1fr}
}
/* ===== TOC MUSIC PAGE STYLES END ===== */

/* ===== TOC MUSIC FEATURED CATALOG V4 STYLES START ===== */
body.music-page .music-release-grid{
  display:grid !important;
  grid-template-columns:none !important;
  grid-auto-flow:column;
  grid-auto-columns:minmax(280px,320px);
  gap:24px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:2px;
  padding:2px 2px 16px;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}
body.music-page .music-release-grid::-webkit-scrollbar{display:none}
body.music-page .music-release-card{scroll-snap-align:start}
body.music-page .music-scroll-controls{display:flex;align-items:center;gap:8px;margin-left:auto}
body.music-page .music-scroll-button{
  width:42px;height:42px;display:grid;place-items:center;
  border:1px solid rgba(25,213,255,.42);
  background:rgba(3,17,29,.82);color:#19d5ff;
  font-size:22px;line-height:1;cursor:pointer
}
body.music-page .music-store-row-v4{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
body.music-page .music-store-link{
  gap:8px;justify-content:flex-start;
  min-height:42px;padding:9px 10px;
  border-color:rgba(25,213,255,.26)
}
body.music-page .music-store-icon{
  width:18px;height:18px;display:block;flex:0 0 18px;object-fit:contain
}
body.music-page .music-store-youtube{
  grid-column:1/-1;
}
@media(max-width:700px){
  body.music-page .music-release-grid{
    grid-auto-columns:minmax(78vw,310px);
    gap:18px;margin-right:-18px;padding-right:18px
  }
}
@media(max-width:430px){
  body.music-page .music-release-grid{grid-auto-columns:minmax(82vw,300px)}
}
/* ===== TOC MUSIC FEATURED CATALOG V4 STYLES END ===== */

/* ===== TOC MUSIC MOBILE OPTIMIZATION V1 START ===== */
@media (max-width:700px){

  body.music-page{
    overflow-x:hidden !important;
  }

  body.music-page main,
  body.music-page .music-hero,
  body.music-page .music-section,
  body.music-page .music-platform-section{
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  body.music-page .music-hero-inner{
    width:calc(100% - 28px) !important;
    max-width:520px !important;
    min-height:0 !important;
    grid-template-columns:1fr !important;
    gap:20px !important;
    padding:24px 0 34px !important;
  }

  body.music-page .music-hero-art-panel{
    width:min(68vw,250px) !important;
    max-width:250px !important;
    margin:0 auto !important;
  }

  body.music-page .music-hero-art-panel::before{
    inset:8px -8px -8px 8px !important;
  }

  body.music-page .music-hero-copy{
    max-width:100% !important;
  }

  body.music-page .music-hero-title{
    margin:6px 0 3px !important;
    font-size:clamp(34px,10.5vw,46px) !important;
    line-height:.94 !important;
    letter-spacing:-.02em !important;
  }

  body.music-page .music-hero-artist{
    font-size:13px !important;
    line-height:1.35 !important;
    letter-spacing:.10em !important;
  }

  body.music-page .music-hero-intro{
    margin-top:15px !important;
    max-width:100% !important;
    font-size:15px !important;
    line-height:1.5 !important;
  }

  body.music-page .music-hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
    margin-top:20px !important;
  }

  body.music-page .music-hero-actions .button,
  body.music-page .music-hero-actions button{
    width:100% !important;
    min-height:48px !important;
    padding:12px 14px !important;
    justify-content:center !important;
    font-size:14px !important;
    line-height:1.2 !important;
  }

  body.music-page .music-preview-time{
    font-size:11px !important;
  }

  body.music-page .music-hero-platforms{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    margin-top:16px !important;
  }

  body.music-page .music-hero-platforms a{
    min-width:0 !important;
    padding:9px 8px !important;
    font-size:11px !important;
    justify-content:flex-start !important;
  }

  body.music-page .music-section,
  body.music-page .music-platform-inner{
    width:calc(100% - 28px) !important;
    max-width:520px !important;
    padding:42px 0 !important;
  }

  body.music-page .music-section-heading{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:end !important;
    gap:12px !important;
    margin-bottom:22px !important;
  }

  body.music-page .music-section-heading > div{
    min-width:0 !important;
  }

  body.music-page .music-section-heading .eyebrow,
  body.music-page .music-platform-inner .eyebrow{
    font-size:11px !important;
    letter-spacing:.14em !important;
  }

  body.music-page .music-section-heading h2,
  body.music-page .music-platform-inner h2{
    margin:4px 0 4px !important;
    font-size:clamp(28px,8.5vw,36px) !important;
    line-height:.98 !important;
    letter-spacing:-.015em !important;
  }

  body.music-page .music-section-heading p:not(.eyebrow),
  body.music-page .music-platform-inner p:not(.eyebrow){
    font-size:14px !important;
    line-height:1.45 !important;
  }

  body.music-page .music-section-heading > a{
    align-self:end !important;
    margin:0 0 2px !important;
    font-size:12px !important;
  }

  body.music-page .music-release-grid{
    grid-auto-columns:minmax(238px,68vw) !important;
    gap:14px !important;
    margin:0 !important;
    padding:2px 0 12px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
  }

  body.music-page .music-release-card{
    width:auto !important;
    min-width:0 !important;
  }

  body.music-page .music-release-body{
    padding:13px !important;
  }

  body.music-page .music-release-heading{
    gap:8px !important;
  }

  body.music-page .music-release-heading h3{
    font-size:15px !important;
    line-height:1.2 !important;
  }

  body.music-page .music-release-heading p{
    margin-top:3px !important;
    font-size:11px !important;
  }

  body.music-page .music-release-type{
    padding:4px 5px !important;
    font-size:8px !important;
  }

  body.music-page .music-release-card .music-preview{
    min-height:42px !important;
    margin-top:11px !important;
    padding:9px 10px !important;
    font-size:12px !important;
  }

  body.music-page .music-store-row-v4,
  body.music-page .music-store-row{
    grid-template-columns:1fr 1fr !important;
    gap:6px !important;
    margin-top:8px !important;
  }

  body.music-page .music-store-link{
    min-height:36px !important;
    padding:7px 8px !important;
    gap:6px !important;
    font-size:10px !important;
  }

  body.music-page .music-store-icon{
    width:14px !important;
    height:14px !important;
    flex-basis:14px !important;
  }

  body.music-page .music-scroll-controls{
    gap:6px !important;
    margin:0 !important;
  }

  body.music-page .music-scroll-button{
    width:34px !important;
    height:34px !important;
    font-size:17px !important;
  }

  body.music-page .music-video-grid{
    display:grid !important;
    grid-template-columns:none !important;
    grid-auto-flow:column !important;
    grid-auto-columns:minmax(230px,66vw) !important;
    gap:14px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    padding:2px 0 12px !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.music-page .music-video-grid::-webkit-scrollbar{
    display:none !important;
  }

  body.music-page .music-video-card{
    width:auto !important;
    min-width:0 !important;
    scroll-snap-align:start !important;
  }

  body.music-page .music-video-thumb{
    width:100% !important;
    aspect-ratio:16/9 !important;
  }

  body.music-page .music-video-play{
    width:44px !important;
    height:44px !important;
    font-size:16px !important;
  }

  body.music-page .music-video-copy{
    padding-top:8px !important;
  }

  body.music-page .music-video-copy strong{
    font-size:14px !important;
  }

  body.music-page .music-video-copy small{
    margin-top:2px !important;
    font-size:11px !important;
  }

  body.music-page .music-platform-grid{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin-top:18px !important;
  }

  body.music-page .music-platform-grid a{
    min-height:64px !important;
    padding:12px 10px 12px 44px !important;
  }

  body.music-page .music-platform-grid strong{
    font-size:13px !important;
  }

  body.music-page .music-platform-grid span{
    margin-top:3px !important;
    font-size:10px !important;
  }

  body.music-page .music-platform-icon{
    left:12px !important;
    width:20px !important;
    height:20px !important;
  }

  body.music-page .music-video-dialog{
    width:calc(100% - 20px) !important;
  }
}

@media (max-width:430px){

  body.music-page .music-hero-inner,
  body.music-page .music-section,
  body.music-page .music-platform-inner{
    width:calc(100% - 24px) !important;
  }

  body.music-page .music-hero-art-panel{
    width:min(64vw,235px) !important;
  }

  body.music-page .music-hero-title{
    font-size:clamp(32px,10vw,42px) !important;
  }

  body.music-page .music-section-heading h2,
  body.music-page .music-platform-inner h2{
    font-size:clamp(27px,8.2vw,34px) !important;
  }

  body.music-page .music-release-grid{
    grid-auto-columns:minmax(225px,72vw) !important;
  }

  body.music-page .music-video-grid{
    grid-auto-columns:minmax(220px,70vw) !important;
  }

  body.music-page .music-platform-grid{
    grid-template-columns:1fr 1fr !important;
  }
}
/* ===== TOC MUSIC MOBILE OPTIMIZATION V1 END ===== */

/* TOC_NAVIGATION_V4_START */
.toc-info-directory-v4{
  width:min(1420px,calc(100% - 72px));
  margin:34px auto 26px;
  border-top:1px solid rgba(144,166,193,.20);
  border-bottom:1px solid rgba(144,166,193,.16);
}
.toc-info-directory-v4-inner{display:grid;grid-template-columns:repeat(4,1fr)}
.toc-info-directory-v4 a{
  position:relative;
  display:flex;
  align-items:center;
  min-height:68px;
  padding:0 22px;
  color:#b7c2d0;
  text-decoration:none;
  font-size:15px;
  font-weight:650;
  transition:color .2s ease,background .2s ease;
}
.toc-info-directory-v4 a+a{border-left:1px solid rgba(144,166,193,.14)}
.toc-info-directory-v4 a:hover{color:#fff;background:rgba(53,191,252,.05)}
.toc-info-directory-v4 a[aria-current="page"]{color:#fff;background:rgba(53,191,252,.065)}
.toc-info-directory-v4 a[aria-current="page"]::after{
  content:'';
  position:absolute;
  left:22px;
  right:22px;
  bottom:-1px;
  height:2px;
  background:#35bffc;
  box-shadow:0 0 9px rgba(53,191,252,.42);
}
@media(max-width:800px){
  .toc-info-directory-v4{width:calc(100% - 40px);margin-top:24px}
  .toc-info-directory-v4-inner{grid-template-columns:1fr}
  .toc-info-directory-v4 a+a{border-left:0;border-top:1px solid rgba(144,166,193,.14)}
}
/* TOC_NAVIGATION_V4_END */

/* =========================================================
   ATLAS HOME / LATEST NEWS & MEDIA SOURCES
   ========================================================= */
.home-page .home-news-section{
  position:relative;isolation:isolate;padding:76px 4vw 84px;
  background:linear-gradient(180deg,#041421 0%,#03101c 100%);
  border-top:1px solid rgba(48,183,240,.18);
  border-bottom:1px solid rgba(48,183,240,.14)
}
.home-page .home-news-section::before{
  content:"";position:absolute;z-index:-1;inset:0;
  background:radial-gradient(circle at 12% 0,rgba(15,157,224,.09),transparent 34%),
             radial-gradient(circle at 88% 100%,rgba(0,102,196,.08),transparent 32%)
}
.home-page .home-news-heading,.home-page .home-news-grid{width:min(92vw,1640px);margin-inline:auto}
.home-page .home-news-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px}
.home-page .home-news-heading h2{margin:3px 0 8px;font-size:clamp(38px,3.2vw,52px);line-height:1}
.home-page .home-news-heading p:last-child{max-width:700px;margin:0;color:#aabed0;font-size:14px}
.home-page .home-news-heading>a{flex:0 0 auto;color:var(--toc-cyan);font-size:14px;font-weight:700}
.home-page .home-news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.home-page .home-news-card{
  min-width:0;display:flex;flex-direction:column;overflow:hidden;
  background:linear-gradient(160deg,#071725,#05111d);
  border:1px solid rgba(60,174,225,.31);box-shadow:0 16px 38px rgba(0,0,0,.2)
}
.home-page .home-news-image{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#081827}
.home-page .home-news-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(1,10,18,.33))}
.home-page .home-news-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .28s ease}
.home-page .home-news-card:hover .home-news-image img{transform:scale(1.025)}
.home-page .home-news-no-image{display:grid;place-items:center;color:#8fe8ff;font:700 24px/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.16em}
.home-page .home-news-copy{display:flex;flex-direction:column;flex:1;padding:18px 18px 17px}
.home-page .home-news-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8fb7cc;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.home-page .home-news-meta span{color:#a7eaff;font-weight:800}
.home-page .home-news-copy h3{margin:12px 0 9px;font-size:clamp(19px,1.35vw,24px);line-height:1.13}
.home-page .home-news-copy h3 a{color:#fff;text-decoration:none}
.home-page .home-news-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 16px;color:#aab9c8;font-size:12px;line-height:1.55}
.home-page .home-news-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(61,167,214,.16)}
.home-page .home-news-actions a{color:var(--toc-cyan);font-size:11px;font-weight:750;text-decoration:none}
.home-page .home-news-actions a:last-child{color:#b5c7d6}
.home-page .home-news-save{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:5px 8px;border:1px solid rgba(214,174,85,.3);border-radius:14px;background:rgba(214,174,85,.04);color:#d6ae55;font:800 9px/1 Arial,sans-serif;letter-spacing:.03em;text-transform:uppercase;cursor:pointer}
.home-page .home-news-save span{font-size:13px;line-height:1}.home-page .home-news-save b{font:inherit}
.home-page .home-news-save:hover,.home-page .home-news-save:focus-visible{border-color:#f0c96a;color:#f0c96a;background:rgba(214,174,85,.08);outline:0}
.home-page .home-news-save.is-saved{border-color:var(--toc-cyan);color:#7ee8ff;background:rgba(34,216,255,.07)}
.home-page .home-news-save:disabled{opacity:.55;cursor:wait}
.home-page .home-news-error{grid-column:1/-1;color:#c2ced9}.home-page .home-news-error a{color:var(--toc-cyan)}
.home-page .home-news-loading{min-height:340px;background:linear-gradient(90deg,#061421,#0a1d2e,#061421);background-size:200% 100%;animation:tocLoad 1.5s linear infinite}
.home-page .home-news-loading .home-news-image{height:auto}
.home-page .home-news-loading .home-news-copy{gap:12px}.home-page .home-news-loading .home-news-copy span,.home-page .home-news-loading .home-news-copy b{display:block;height:11px;background:rgba(130,195,224,.13)}

@media(max-width:1180px){
  .home-page .home-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .home-page .home-news-section{padding:56px 5% 62px}
  .home-page .home-news-heading,.home-page .home-news-grid{width:100%}
  .home-page .home-news-heading{display:block;margin-bottom:22px}
  .home-page .home-news-heading>a{display:inline-block;margin-top:12px}
  .home-page .home-news-grid{grid-template-columns:1fr;gap:14px}
  .home-page .home-news-card{display:grid;grid-template-columns:38% minmax(0,1fr)}
  .home-page .home-news-image{height:100%;min-height:190px;aspect-ratio:auto}
  .home-page .home-news-copy{padding:16px}
  .home-page .home-news-copy h3{font-size:21px}
  .home-page .home-news-copy p{display:none}
}
@media(max-width:520px){
  .home-page .home-news-section{padding:48px 4% 54px}
  .home-page .home-news-card{display:block}
  .home-page .home-news-image{height:auto;min-height:0;aspect-ratio:16/9}
  .home-page .home-news-copy{min-height:185px;padding:15px}
  .home-page .home-news-meta{align-items:flex-start;flex-direction:column;gap:4px}
  .home-page .home-news-actions{gap:10px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
  .home-page .home-news-image img{transition:none}.home-page .home-news-card:hover .home-news-image img{transform:none}
}
.home-page .home-news-no-image span{max-width:90%;padding:16px;text-align:center;font-size:clamp(15px,1.4vw,22px);line-height:1.1;letter-spacing:.08em}


/* ===== ATLAS HOME PARITY: LATEST FROM TOC MIRRORS LATEST NEWS ===== */
.home-page .latest-section{
  padding:76px 4vw 84px;
}
.home-page .latest-heading,
.home-page .latest-grid{
  width:min(92vw,1640px);
  margin-inline:auto;
}
.home-page .latest-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:26px;
  padding-bottom:0;
  border-bottom:0;
}
.home-page .latest-heading h2{
  margin:3px 0 8px;
  font-size:clamp(38px,3.2vw,52px);
  line-height:1;
}
.home-page .latest-heading>a{
  flex:0 0 auto;
  font-size:14px;
  font-weight:700;
}
.home-page .latest-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.home-page .latest-card{
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.home-page .latest-card>a{
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:0;
}
.home-page .latest-thumb{
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:16/9;
  overflow:hidden;
}
.home-page .latest-thumb::after{
  background:linear-gradient(180deg,transparent 54%,rgba(1,10,18,.33));
}
.home-page .latest-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.home-page .latest-body{
  display:flex;
  flex-direction:column;
  flex:1;
  min-height:204px;
  padding:18px 18px 17px;
}
.home-page .latest-meta{
  font-size:10px;
  letter-spacing:.1em;
}
.home-page .latest-body h3{
  margin:12px 0 12px;
  font-size:clamp(19px,1.35vw,24px);
  line-height:1.13;
  -webkit-line-clamp:3;
}
.home-page .latest-link{
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid rgba(61,167,214,.16);
  font-size:11px;
}
.home-page .latest-link::before{
  display:none;
}
.home-page .latest-loading{
  min-height:340px;
}

@media(max-width:1180px){
  .home-page .latest-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .home-page .latest-section{
    padding:56px 5% 62px;
  }
  .home-page .latest-heading,
  .home-page .latest-grid{
    width:100%;
  }
  .home-page .latest-heading{
    display:block;
    margin-bottom:22px;
  }
  .home-page .latest-heading>a{
    display:inline-block;
    margin-top:12px;
  }
  .home-page .latest-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  .home-page .latest-card>a{
    display:grid;
    grid-template-columns:38% minmax(0,1fr);
  }
  .home-page .latest-thumb{
    height:100%;
    min-height:190px;
    aspect-ratio:auto;
  }
  .home-page .latest-body{
    min-height:190px;
    padding:16px;
  }
  .home-page .latest-body h3{
    font-size:21px;
  }
}

@media(max-width:520px){
  .home-page .latest-section{
    padding:48px 4% 54px;
  }
  .home-page .latest-card>a{
    display:block;
  }
  .home-page .latest-thumb{
    height:auto;
    min-height:0;
    aspect-ratio:16/9;
  }
  .home-page .latest-body{
    min-height:185px;
    padding:15px;
  }
}

/* TOC_GLOBAL_DISCOVERY_V1_CSS_START */
.site-search-trigger{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(64,211,255,.45);background:rgba(3,18,31,.78);color:#fff;border-radius:999px;padding:.62rem .9rem;font:inherit;cursor:pointer}
.site-search-trigger:hover,.site-search-trigger:focus-visible{border-color:#40d3ff;box-shadow:0 0 0 3px rgba(64,211,255,.14)}
.site-search-dialog{width:min(920px,calc(100vw - 28px));max-height:min(82vh,760px);padding:0;border:1px solid rgba(64,211,255,.5);border-radius:18px;background:#06111d;color:#fff;box-shadow:0 28px 90px rgba(0,0,0,.62)}
.site-search-dialog::backdrop{background:rgba(0,4,10,.78);backdrop-filter:blur(6px)}
.site-search-shell{padding:clamp(18px,3vw,34px);overflow:auto;max-height:82vh}
.site-search-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.site-search-head h2{margin:.1rem 0 0;font-size:clamp(1.8rem,4vw,3rem)}
.site-search-close{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-size:1.8rem;cursor:pointer}
.site-search-form{margin:24px 0 18px}.site-search-form label{display:block;margin-bottom:9px;color:#b8c6d6;font-size:.9rem}
.site-search-row{display:grid;grid-template-columns:1fr auto;gap:10px}.site-search-row input{min-width:0;width:100%;border:1px solid rgba(64,211,255,.32);background:#091a2a;color:#fff;border-radius:10px;padding:.9rem 1rem;font:inherit}
.site-search-row input:focus{outline:3px solid rgba(64,211,255,.2);border-color:#40d3ff}
.site-search-shortcuts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:16px 0 18px}
.site-search-shortcuts a{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid rgba(64,211,255,.18);border-radius:10px;background:rgba(8,29,47,.7);color:#fff;text-decoration:none}
.site-search-shortcuts a:hover,.site-search-shortcuts a:focus-visible{border-color:#40d3ff}.site-search-shortcuts span{font-size:.74rem;color:#9db0c3;line-height:1.35}
.site-search-status{min-height:1.4em;color:#9fdfff;font-size:.85rem}.site-search-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.site-search-result{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#081827;color:#fff;text-decoration:none}
.site-search-result:hover,.site-search-result:focus-visible{border-color:#40d3ff;background:#0a2135}.site-search-result>span{font-size:.68rem;letter-spacing:.12em;color:#55d7ff}
.site-search-result small{color:#9eb0c0;line-height:1.4}.site-search-empty{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#081827}
.site-search-loading{height:3px;background:linear-gradient(90deg,transparent,#40d3ff,transparent);animation:toc-search-loading 1.1s linear infinite}
@keyframes toc-search-loading{from{transform:translateX(-40%)}to{transform:translateX(40%)}}
@media (max-width:820px){.site-search-trigger span:last-child{display:none}.site-search-trigger{padding:.62rem .74rem}.site-search-shortcuts{grid-template-columns:1fr 1fr}.site-search-result-grid{grid-template-columns:1fr}}
@media (max-width:520px){.site-search-row{grid-template-columns:1fr}.site-search-shortcuts{grid-template-columns:1fr}.site-search-dialog{width:calc(100vw - 16px)}}
@media (prefers-reduced-motion:reduce){.site-search-loading{animation:none}}
/* TOC_GLOBAL_DISCOVERY_V1_CSS_END */

/* ===== TOC HOME HEADER SPACING FIX 2026-09-22 =====
   Restore the previously verified compact desktop spacing without changing
   the header structure or behavior. */
@media (min-width:1001px) and (max-width:1360px){
  body.home-page > header{
    height:92px;
    gap:12px;
    padding-inline:2%;
  }
  body.home-page > header .brand-original{
    width:168px;
  }
  body.home-page > header nav[aria-label="Main navigation"]{
    flex:1 1 auto;
    min-width:0;
    justify-content:flex-end;
    gap:12px;
    margin-left:auto;
    font-size:12.5px;
    line-height:1.2;
  }
  body.home-page > header nav[aria-label="Main navigation"] a{
    flex:0 0 auto;
    white-space:nowrap;
  }
  body.home-page > header .site-search-trigger{
    flex:0 0 auto;
    gap:.3rem;
    padding:.5rem .68rem;
    font-size:12px;
    white-space:nowrap;
  }
  body.home-page > header .header-live-status{
    flex:0 0 auto !important;
    margin:0 6px !important;
  }
  body.home-page > header .header-live-status strong{
    font-size:14px !important;
  }
  body.home-page > header .give{
    flex:0 0 auto;
    min-height:44px;
    padding:10px 13px;
    font-size:12.5px;
    white-space:nowrap;
  }
  body.home-page > .study-nav{
    gap:28px;
    padding:13px 3%;
    font-size:13px;
    flex-wrap:nowrap;
  }
  body.home-page > .study-nav a{
    white-space:nowrap;
  }
}
/* ===== TOC HOME HEADER SPACING FIX END ===== */

/* =========================================================
   SHARED TOC FOOTER — COMPACT, CENTERED, SITE-WIDE
   2026-09-26
   ========================================================= */
footer,
.home-page footer{
  padding:36px 0 16px!important;
  background:#020913;
  border-top:1px solid rgba(45,184,240,.16);
}
footer .footer-top,
.home-page .footer-top,
footer .footer-bottom,
.home-page .footer-bottom,
footer .toc-footer-legal,
.home-page .toc-footer-legal{
  width:min(1180px,88vw)!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
footer .footer-top,
.home-page .footer-top{
  gap:42px!important;
  align-items:start!important;
}
footer .footer-top>div,
.home-page .footer-top>div{min-width:0}
footer .footer-top a,
.home-page .footer-top a{
  font-size:12px!important;
  line-height:1.35!important;
  margin:4px 0!important;
}
footer .footer-top p,
.home-page .footer-top p{
  font-size:12px!important;
  line-height:1.45!important;
  margin-top:6px!important;
  margin-bottom:0!important;
}
footer .footer-top .eyebrow,
.home-page .footer-top .eyebrow{
  margin:0 0 10px!important;
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.17em!important;
}
footer .footer-brand,
.home-page .footer-brand{margin:2px 0 10px!important}
footer .footer-brand .brand-original,
.home-page .footer-brand .brand-original{
  width:172px!important;
  max-width:100%!important;
}
footer .footer-bottom,
.home-page .footer-bottom{
  margin-top:28px!important;
  padding-top:14px!important;
  font-size:10px!important;
  line-height:1.35!important;
}
footer .toc-footer-legal,
.home-page .toc-footer-legal{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:6px 14px!important;
  flex-wrap:wrap!important;
  margin-top:9px!important;
  font-size:10px!important;
  line-height:1.25!important;
}
footer .toc-footer-legal a,
footer .toc-footer-legal button,
.home-page .toc-footer-legal a,
.home-page .toc-footer-legal button{
  line-height:1.25!important;
}

@media(min-width:1001px){
  footer .footer-top,
  .home-page .footer-top{
    grid-template-columns:1.18fr 1fr 1.05fr .92fr!important;
  }
}
@media(max-width:1000px) and (min-width:651px){
  footer,
  .home-page footer{padding:32px 0 16px!important}
  footer .footer-top,
  .home-page .footer-top{
    grid-template-columns:1fr 1fr!important;
    gap:24px 40px!important;
  }
  footer .footer-top>div:first-child,
  .home-page .footer-top>div:first-child{grid-column:1/-1!important}
  footer .footer-bottom,
  .home-page .footer-bottom{margin-top:24px!important}
}
@media(max-width:650px){
  footer,
  .home-page footer{padding:28px 0 14px!important}
  footer .footer-top,
  .home-page .footer-top,
  footer .footer-bottom,
  .home-page .footer-bottom,
  footer .toc-footer-legal,
  .home-page .toc-footer-legal{
    width:min(560px,88vw)!important;
  }
  footer .footer-top,
  .home-page .footer-top{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  footer .footer-top>div:first-child,
  .home-page .footer-top>div:first-child{grid-column:auto!important}
  footer .footer-brand .brand-original,
  .home-page .footer-brand .brand-original{width:160px!important}
  footer .footer-bottom,
  .home-page .footer-bottom{
    display:block!important;
    margin-top:22px!important;
    padding-top:12px!important;
  }
  footer .footer-bottom span,
  .home-page .footer-bottom span{display:block;margin-bottom:6px}
  footer .toc-footer-legal,
  .home-page .toc-footer-legal{justify-content:flex-start!important;gap:6px 12px!important}
}


/* ===== HOME DESKTOP COMPACT RHYTHM V42 =====
   Conservative desktop/tablet spacing pass. Mobile <=760px remains governed
   by the approved compact phone composition above. */
@media (min-width:761px){
  .home-page .home-hero{
    min-height:clamp(640px,42vw,760px);
  }
  .home-page .home-hero-inner{
    padding:54px 0 58px;
  }
  .home-page .home-hero .eyebrow{margin-bottom:14px}
  .home-page .hero-deck{margin-top:20px}
  .home-page .hero-actions{margin-top:24px}
  .home-page .hero-actions .button{
    min-height:50px;
    padding:11px 24px;
  }

  .home-page .pathway-wrap{
    padding:44px 4vw 52px;
  }
  .home-page .pathway-grid{gap:16px}
  .home-page .pathway{
    min-height:168px;
    padding:22px 21px 20px;
  }
  .home-page .pathway-copy{gap:6px}
  .home-page .pathway-copy em{margin-top:2px}

  .home-page .global-call-v27{
    margin-block:48px 58px;
  }
  .home-page .global-call-v27 .global-art,
  .home-page .global-call-v27::before,
  .home-page .global-call-v27 .global-stage{
    height:clamp(640px,38vw,760px);
  }
  .home-page .global-call-v27 .global-copy h2{
    margin-bottom:22px;
  }
  .home-page .global-call-v27 .global-secondary-scripture{
    margin-top:20px;
  }
  .home-page .global-call-v27 .global-featured-scripture{
    top:39%;
  }

  .home-page .mission-command{
    min-height:208px;
    grid-template-columns:52px minmax(0,1fr);
    gap:15px;
    padding:26px 23px 23px;
  }
  .home-page .command-content strong{margin-bottom:9px}
  .home-page .command-content p{line-height:1.32}
  .home-page .command-content small{margin-bottom:14px}
  .home-page .command-content em{padding-top:9px}

  .home-page .home-news-section,
  .home-page .latest-section{
    padding:54px 4vw 62px;
  }
  .home-page .home-news-heading,
  .home-page .latest-heading{
    margin-bottom:20px;
  }
  .home-page .home-news-copy{
    padding:16px 17px 15px;
  }
  .home-page .home-news-copy p{
    margin-bottom:12px;
  }
  .home-page .latest-body{
    min-height:174px;
    padding:16px 17px 15px;
  }
  .home-page .latest-body h3{
    margin:10px 0 11px;
  }
  .home-page .latest-link{
    padding-top:9px;
  }

  .home-page .faith-section{
    min-height:0;
  }
  .home-page .faith-inner{
    min-height:0;
    padding:40px 0;
    gap:28px;
  }
  .home-page .faith-links a{
    min-height:84px;
    padding:11px 14px;
  }
}

@media (min-width:761px) and (max-width:1180px){
  .home-page .home-hero{min-height:620px}
  .home-page .home-hero-inner{padding-block:46px}
  .home-page .pathway-wrap{padding:38px 4vw 46px}
  .home-page .pathway{min-height:154px;padding:19px 17px}
  .home-page .global-call-v27{margin-block:42px 50px}
  .home-page .global-call-v27 .global-art,
  .home-page .global-call-v27::before,
  .home-page .global-call-v27 .global-stage{height:610px}
  .home-page .mission-command{
    min-height:192px;
    padding:23px 18px 21px;
  }
  .home-page .home-news-section,
  .home-page .latest-section{padding:48px 4vw 54px}
  .home-page .faith-inner{padding:34px 0}
}
/* ===== HOME DESKTOP COMPACT RHYTHM V42 END ===== */


/* ===== HOME DESKTOP COMPACT RHYTHM V43 =====
   Second reduction pass. Desktop/tablet only. Cinematic hero areas are
   reduced about 25% in overall footprint without changing their design. */
@media (min-width:761px){
  /* Primary hero: ~25% smaller overall footprint. */
  .home-page .home-hero{
    min-height:clamp(480px,31.5vw,570px);
  }
  .home-page .home-hero-inner{
    padding:40px 0 44px;
  }
  .home-page .home-hero-copy{
    width:min(39%,570px);
    max-width:570px;
  }
  .home-page .home-hero h1{
    font-size:clamp(60px,4.35vw,84px);
    line-height:.84;
  }
  .home-page .home-hero .eyebrow{
    margin-bottom:11px;
    font-size:11px;
  }
  .home-page .hero-deck{
    max-width:500px;
    margin-top:15px;
    font-size:clamp(15px,.92vw,17px);
    line-height:1.44;
  }
  .home-page .hero-actions{
    margin-top:18px;
    gap:10px;
  }
  .home-page .hero-actions .button{
    min-height:44px;
    padding:9px 20px;
    font-size:13px;
  }
  .home-page .hero-scripture{
    top:7%;
  }
  .home-page .hero-scripture blockquote{
    font-size:clamp(16px,1.18vw,21px);
  }

  /* Pathways: another modest reduction. */
  .home-page .pathway-wrap{
    padding:30px 4vw 36px;
  }
  .home-page .pathway-grid{gap:13px}
  .home-page .pathway{
    min-height:136px;
    padding:17px 17px 16px;
    gap:13px;
  }
  .home-page .pathway-icon{
    width:31px;
    height:31px;
  }
  .home-page .pathway-copy strong{
    font-size:clamp(22px,1.55vw,28px);
  }
  .home-page .pathway-copy small{
    font-size:12.5px;
    line-height:1.36;
  }
  .home-page .pathway-copy em{
    font-size:11.5px;
  }

  /* Global Calling cinematic hero: ~25% smaller footprint. */
  .home-page .global-call-v27{
    margin-block:32px 40px;
  }
  .home-page .global-call-v27 .global-art,
  .home-page .global-call-v27::before,
  .home-page .global-call-v27 .global-stage{
    height:clamp(480px,28.5vw,570px);
  }
  .home-page .global-call-v27 .global-copy{
    left:2.7vw;
    width:min(36vw,620px);
    max-width:620px;
  }
  .home-page .global-call-v27 .global-copy .eyebrow{
    margin-bottom:12px;
    font-size:clamp(11px,.72vw,13px);
  }
  .home-page .global-call-v27 .global-copy h2{
    max-width:590px;
    margin-bottom:17px;
    font-size:clamp(52px,3.55vw,72px);
    line-height:.91;
  }
  .home-page .global-call-v27 .global-lead{
    max-width:590px;
    font-size:clamp(17px,1.02vw,20px);
    line-height:1.43;
  }
  .home-page .global-call-v27 .global-secondary-scripture{
    width:94%;
    max-width:560px;
    margin-top:15px;
    font-size:clamp(12.5px,.77vw,14.5px);
    line-height:1.42;
  }
  .home-page .global-call-v27 .global-mantra{
    left:45.5%;
    top:23%;
    width:205px;
    padding:12px 10px;
    font-size:clamp(13px,.78vw,16px);
    gap:4px;
  }
  .home-page .global-call-v27 .global-featured-scripture{
    left:52%;
    top:38%;
    width:29%;
    max-width:470px;
    font-size:clamp(21px,1.3vw,26px);
    line-height:1.25;
  }
  .home-page .global-call-v27 .global-featured-scripture cite{
    margin-top:11px;
    font-size:10px;
  }

  /* Mission commands: smaller but still fully legible. */
  .home-page .mission-command{
    min-height:164px;
    grid-template-columns:44px minmax(0,1fr);
    gap:12px;
    padding:19px 18px 17px;
  }
  .home-page .command-number{
    font-size:clamp(26px,1.7vw,34px);
  }
  .home-page .command-content strong{
    margin-bottom:7px;
    font-size:clamp(21px,1.32vw,27px);
  }
  .home-page .command-content p{
    margin-bottom:6px;
    font-size:clamp(14px,.84vw,17px);
    line-height:1.3;
  }
  .home-page .command-content small{
    margin-bottom:9px;
    font-size:11px;
  }
  .home-page .command-content em{
    padding-top:7px;
    font-size:11px;
    letter-spacing:.16em;
  }

  /* Feed sections: reduce vertical padding and card body runway again. */
  .home-page .home-news-section,
  .home-page .latest-section{
    padding:38px 4vw 44px;
  }
  .home-page .home-news-heading,
  .home-page .latest-heading{
    margin-bottom:16px;
  }
  .home-page .home-news-heading h2,
  .home-page .latest-heading h2{
    font-size:clamp(32px,2.65vw,44px);
  }
  .home-page .home-news-copy{
    padding:13px 14px 12px;
  }
  .home-page .home-news-copy h3{
    margin:9px 0 7px;
    font-size:clamp(17px,1.1vw,21px);
  }
  .home-page .home-news-copy p{
    margin-bottom:9px;
    line-height:1.45;
  }
  .home-page .home-news-actions{
    padding-top:9px;
  }
  .home-page .latest-body{
    min-height:142px;
    padding:13px 14px 12px;
  }
  .home-page .latest-body h3{
    margin:8px 0 9px;
    font-size:clamp(17px,1.1vw,21px);
  }
  .home-page .latest-link{
    padding-top:7px;
  }

  /* Closing faith band: compact finishing section. */
  .home-page .faith-inner{
    padding:28px 0;
    gap:22px;
  }
  .home-page .faith-intro h2{
    font-size:40px;
  }
  .home-page .faith-links{
    gap:10px;
  }
  .home-page .faith-links a{
    min-height:68px;
    padding:8px 11px;
    gap:10px;
  }
  .home-page .faith-icon{
    width:44px;
    height:44px;
    padding:10px;
  }
  .home-page .faith-quote{
    font-size:22px;
  }
}

@media (min-width:761px) and (max-width:1180px){
  .home-page .home-hero{
    min-height:465px;
  }
  .home-page .home-hero h1{
    font-size:clamp(52px,5.2vw,65px);
  }
  .home-page .pathway-wrap{
    padding:27px 4vw 32px;
  }
  .home-page .pathway{
    min-height:128px;
    padding:15px 15px;
  }
  .home-page .global-call-v27{
    margin-block:28px 36px;
  }
  .home-page .global-call-v27 .global-art,
  .home-page .global-call-v27::before,
  .home-page .global-call-v27 .global-stage{
    height:470px;
  }
  .home-page .global-call-v27 .global-copy h2{
    font-size:clamp(46px,4.3vw,58px);
  }
  .home-page .global-call-v27 .global-lead{
    font-size:16px;
  }
  .home-page .mission-command{
    min-height:154px;
    padding:17px 14px 15px;
  }
  .home-page .home-news-section,
  .home-page .latest-section{
    padding:34px 4vw 40px;
  }
  .home-page .faith-inner{
    padding:24px 0;
  }
}
/* ===== HOME DESKTOP COMPACT RHYTHM V43 END ===== */


/* ===== HOME MAIN HERO RATIO V44 =====
   User correction: do NOT alter typography. Only reduce the main hero
   another ~25% vertically and give the existing text block more width. */
@media (min-width:761px){
  .home-page .home-hero{
    min-height:clamp(360px,23.6vw,428px);
  }
  .home-page .home-hero-inner{
    padding:28px 0 32px;
  }
  .home-page .home-hero-copy{
    width:min(48%,760px);
    max-width:760px;
  }
}

@media (min-width:761px) and (max-width:1180px){
  .home-page .home-hero{
    min-height:350px;
  }
  .home-page .home-hero-copy{
    width:50%;
    max-width:650px;
  }
}
/* ===== HOME MAIN HERO RATIO V44 END ===== */


/* ===== HOME MAIN HERO RATIO V45 =====
   Another ~25% vertical reduction from V44.
   Typography, copy styling, artwork, motion, and text width remain unchanged. */
@media (min-width:761px){
  .home-page .home-hero{
    min-height:clamp(270px,17.7vw,321px);
  }
  .home-page .home-hero-inner{
    padding:21px 0 24px;
  }
}

@media (min-width:761px) and (max-width:1180px){
  .home-page .home-hero{
    min-height:263px;
  }
  .home-page .home-hero-inner{
    padding-block:20px;
  }
}
/* ===== HOME MAIN HERO RATIO V45 END ===== */


/* ===== HOME PATHWAY CARD COMPACT V46 =====
   Reduce unused vertical space in the four homepage pathway cards.
   Design, imagery, typography, icons, and content remain unchanged. */
@media (min-width:761px){
  .home-page .pathway-wrap{
    padding:20px 4vw 24px;
  }
  .home-page .pathway-grid{
    gap:10px;
  }
  .home-page .pathway{
    min-height:112px;
    padding:12px 15px 10px;
    gap:11px;
  }
  .home-page .pathway-copy{
    gap:4px;
  }
  .home-page .pathway-copy em{
    margin-top:1px;
  }
}
@media (min-width:761px) and (max-width:1180px){
  .home-page .pathway-wrap{
    padding:18px 4vw 22px;
  }
  .home-page .pathway{
    min-height:108px;
    padding:11px 14px 10px;
  }
}
/* ===== HOME PATHWAY CARD COMPACT V46 END ===== */


/* ===== HOME HERO + PATHWAY CORRECTION V47 =====
   Correct target: shorten the actual top hero height.
   Restore the four cards directly underneath to fuller proportions.
   All other homepage sections remain unchanged. */
@media (min-width:761px){
  /* True ~25% visible reduction from the locked V21 hero height. */
  .home-page .home-hero{
    height:clamp(510px,32.14vw,645px);
    min-height:0;
  }
  .home-page .home-hero-inner{
    height:100%;
    min-height:0;
    padding:30px 0 32px;
  }

  /* Restore the four cards beneath the hero after the over-reduction. */
  .home-page .pathway-wrap{
    padding:30px 4vw 34px;
  }
  .home-page .pathway-grid{
    gap:16px;
  }
  .home-page .pathway{
    min-height:178px;
    padding:22px 20px 20px;
    gap:16px;
  }
  .home-page .pathway-icon{
    width:36px;
    height:36px;
  }
  .home-page .pathway-copy{
    gap:8px;
  }
  .home-page .pathway-copy strong{
    font-size:clamp(27px,1.9vw,34px);
    line-height:1;
  }
  .home-page .pathway-copy small{
    font-size:14px;
    line-height:1.42;
  }
  .home-page .pathway-copy em{
    margin-top:5px;
    font-size:13px;
  }
}
@media (min-width:761px) and (max-width:1180px){
  .home-page .home-hero{
    height:510px;
  }
  .home-page .pathway-wrap{
    padding:27px 4vw 31px;
  }
  .home-page .pathway{
    min-height:166px;
    padding:20px 18px 18px;
  }
  .home-page .pathway-copy strong{
    font-size:25px;
  }
  .home-page .pathway-copy small{
    font-size:13px;
  }
}
/* ===== HOME HERO + PATHWAY CORRECTION V47 END ===== */


/* ===== PROPHECY LIVE MINIMAL SEARCH V8 =====
   Live /prophecy/ uses the server-rendered archive shell and global style.css.
   Keep the page title on the left and a small, elegant search console on the right. */
@media (min-width:761px){
  .locked-prophecy-archive .toc-prophecy-discovery{
    display:grid;
    grid-template-columns:minmax(0,1fr) 430px;
    gap:52px;
    align-items:end;
    padding:22px 0 16px;
  }
  .locked-prophecy-archive .toc-prophecy-title-block h2{
    margin:0;
    color:#fff;
    font-size:clamp(40px,3.4vw,58px);
    line-height:.96;
    letter-spacing:-.04em;
  }
  .locked-prophecy-archive .toc-prophecy-search-block{
    width:430px;
    justify-self:end;
  }
  .locked-prophecy-archive .toc-prophecy-search-block>p{
    margin:0 0 6px;
    color:#d3dce5;
    font-size:12px;
    line-height:1.2;
    font-weight:650;
  }
  .locked-prophecy-archive .toc-prophecy-search-panel{
    width:100%;
    margin:0;
    padding:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr)) 54px;
    grid-template-rows:auto auto;
    gap:5px 7px;
    align-items:end;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .locked-prophecy-archive .toc-prophecy-search-panel label{
    margin:0;
    color:#7f95a8;
    font-size:8px;
    line-height:1;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
  }
  .locked-prophecy-archive .toc-prophecy-search-panel .archive-search{
    grid-column:1/4;
    grid-row:1;
  }
  .locked-prophecy-archive .toc-prophecy-search-panel label:nth-of-type(2){grid-column:1;grid-row:2}
  .locked-prophecy-archive .toc-prophecy-search-panel label:nth-of-type(3){grid-column:2;grid-row:2}
  .locked-prophecy-archive .toc-prophecy-search-panel label:nth-of-type(4){grid-column:3;grid-row:2}
  .locked-prophecy-archive .toc-prophecy-search-panel input,
  .locked-prophecy-archive .toc-prophecy-search-panel select{
    width:100%;
    height:29px;
    margin-top:3px;
    padding:0 4px;
    border:0!important;
    border-bottom:1px solid rgba(57,190,239,.36)!important;
    border-radius:0!important;
    outline:0;
    background:transparent!important;
    color:#f0f7fb!important;
    font-size:10px!important;
    box-shadow:none!important;
  }
  .locked-prophecy-archive .toc-prophecy-search-panel input::placeholder{
    color:#71889b;
    opacity:1;
  }
  .locked-prophecy-archive .toc-prophecy-search-panel input:focus,
  .locked-prophecy-archive .toc-prophecy-search-panel select:focus{
    border-bottom-color:#35bffc!important;
    box-shadow:0 1px 0 rgba(53,191,252,.28)!important;
  }
  .locked-prophecy-archive .toc-prophecy-search-panel button{
    grid-column:4;
    grid-row:1;
    width:54px;
    height:29px;
    min-height:29px;
    padding:0;
    align-self:end;
    border:0!important;
    border-bottom:1px solid rgba(53,191,252,.70)!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
    font-size:9.5px;
    font-weight:800;
    box-shadow:none!important;
    cursor:pointer;
  }
  .locked-prophecy-archive .toc-prophecy-search-panel button:hover,
  .locked-prophecy-archive .toc-prophecy-search-panel button:focus-visible{
    color:#35bffc!important;
    outline:0;
  }
  .locked-prophecy-archive .toc-prophecy-search-panel .archive-clear{
    grid-column:4;
    grid-row:2;
    width:54px;
    height:29px;
    min-width:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    color:#6fcce9;
    font-size:8.5px;
    font-weight:700;
  }
  .locked-prophecy-archive .toc-prophecy-results-head.is-count-only{
    justify-content:flex-end;
    margin:10px 0 10px;
    padding:0;
    border:0;
  }
  .locked-prophecy-archive .toc-prophecy-results-head.is-count-only>p{
    margin:0;
    font-size:10px;
  }
}
@media (min-width:761px) and (max-width:1050px){
  .locked-prophecy-archive .toc-prophecy-discovery{
    grid-template-columns:minmax(0,1fr) 390px;
    gap:30px;
  }
  .locked-prophecy-archive .toc-prophecy-search-block{width:390px}
}
@media (max-width:760px){
  .locked-prophecy-archive .toc-prophecy-discovery{
    padding:16px 0 12px;
  }
  .locked-prophecy-archive .toc-prophecy-title-block h2{
    margin:0;
    color:#fff;
    font-size:38px;
    line-height:.98;
  }
  .locked-prophecy-archive .toc-prophecy-search-block{margin-top:14px}
  .locked-prophecy-archive .toc-prophecy-search-block>p{
    margin:0 0 6px;
    font-size:12px;
  }
  .locked-prophecy-archive .toc-prophecy-search-panel{
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}
/* ===== PROPHECY LIVE MINIMAL SEARCH V8 END ===== */


/* ===== PROPHECY LIVE MINIMAL SEARCH V9 ===== */
.toc-prophecy-visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

@media (min-width:761px){
  .locked-prophecy-archive .toc-prophecy-discovery{
    grid-template-columns:minmax(0,1fr) 350px;
    gap:42px;
    padding:18px 14px 14px 0;
  }
  .locked-prophecy-archive .toc-prophecy-search-block{
    width:350px;
    max-width:350px;
    justify-self:end;
  }
  .locked-prophecy-archive .toc-prophecy-search-panel{
    grid-template-columns:repeat(3,minmax(0,1fr)) 46px;
    gap:4px 6px;
  }
  .locked-prophecy-archive .toc-prophecy-search-panel input,
  .locked-prophecy-archive .toc-prophecy-search-panel select{
    height:26px;
    padding:0 3px;
    font-size:9.5px!important;
  }
  .locked-prophecy-archive .toc-prophecy-search-panel button{
    width:46px;
    height:26px;
    min-height:26px;
    font-size:8.5px;
  }
  .locked-prophecy-archive .toc-prophecy-search-panel .archive-clear{
    width:46px;
    height:26px;
    font-size:8px;
  }
  .locked-prophecy-archive .toc-prophecy-search-panel label{
    font-size:7px;
  }
}

@media (min-width:761px) and (max-width:1050px){
  .locked-prophecy-archive .toc-prophecy-discovery{
    grid-template-columns:minmax(0,1fr) 320px;
    gap:24px;
  }
  .locked-prophecy-archive .toc-prophecy-search-block{
    width:320px;
    max-width:320px;
  }
}

@media (max-width:760px){
  .locked-prophecy-archive .toc-prophecy-search-block>p{display:none!important}
}
/* ===== PROPHECY LIVE MINIMAL SEARCH V9 END ===== */


/* ===== SITE HEADER SCALE V11 =====
   Slight global desktop enlargement without changing header structure. */
@media (min-width:1001px){
  body > header{
    height:112px;
    gap:38px;
    padding-inline:4.5%;
  }
  body > header .brand-original{
    width:270px;
  }
  body > header nav[aria-label="Main navigation"]{
    gap:29px;
    font-size:15px;
  }
  body > header .give{
    min-height:52px;
    padding:13px 25px;
    font-size:14.5px;
  }
  body > .study-nav{
    min-height:54px;
    padding:16px 5%;
    gap:40px;
    font-size:14.5px;
  }
}

/* Keep medium desktop proportionate so the enlarged header does not crowd navigation. */
@media (min-width:1001px) and (max-width:1360px){
  body > header{
    height:104px;
    gap:16px;
    padding-inline:2.25%;
  }
  body > header .brand-original{
    width:188px;
  }
  body > header nav[aria-label="Main navigation"]{
    gap:14px;
    font-size:13px;
  }
  body > header .give{
    min-height:46px;
    padding:10px 15px;
    font-size:13px;
  }
  body > .study-nav{
    min-height:50px;
    padding:14px 4%;
    gap:30px;
    font-size:13.5px;
  }
}
/* ===== SITE HEADER SCALE V11 END ===== */


/* ===== PROPHECY SEO H1 VISUAL PARITY V12 ===== */
.locked-prophecy-archive .toc-prophecy-title-block h1{
  margin:0;
  color:#fff;
  font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;
  font-size:clamp(40px,3.4vw,58px);
  font-weight:700;
  line-height:.96;
  letter-spacing:-.04em;
}
@media(max-width:760px){
  .locked-prophecy-archive .toc-prophecy-title-block h1{font-size:38px;line-height:.98}
}
/* ===== PROPHECY SEO H1 VISUAL PARITY V12 END ===== */

/* ===== TOC SUPPORT BUTTON V2 START ===== */
body > header .give{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  gap:8px;
  min-height:48px;
  padding:11px 20px;
  border:1px solid rgba(94,216,255,.72);
  border-radius:999px;
  background:linear-gradient(135deg,#164fe5 0%,#0e6fc4 58%,#0b8fb4 100%);
  color:#fff;
  font-weight:700;
  letter-spacing:.025em;
  box-shadow:0 8px 24px rgba(0,58,155,.28),inset 0 1px 0 rgba(255,255,255,.18);
}
body > header .give::after{content:'›';display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid rgba(255,255,255,.32);border-radius:50%;font-size:17px;line-height:1;transition:transform .24s ease,background-color .24s ease}
body > header .give:hover,body > header .give:focus-visible{background:linear-gradient(135deg,#1a5cff 0%,#1283da 58%,#0fa4c8 100%);border-color:#7ce7ff;box-shadow:0 11px 30px rgba(0,71,180,.36),0 0 0 1px rgba(94,216,255,.12),inset 0 1px 0 rgba(255,255,255,.22)}
body > header .give:hover::after,body > header .give:focus-visible::after{transform:translateX(2px);background:rgba(255,255,255,.10)}
body > header .give:focus-visible{outline:2px solid #8feaff;outline-offset:4px}
@media(max-width:1240px) and (min-width:1001px){body > header .give{padding-inline:15px;gap:6px}body > header .give::after{width:18px;height:18px;font-size:15px}}
@media(prefers-reduced-motion:reduce){body > header .give::after{transition:none}}
/* ===== TOC SUPPORT BUTTON V2 END ===== */

/* ===== TOC NAV DROPDOWNS V3 START ===== */
.toc-nav-menu{position:relative;display:flex;align-items:center;min-width:0}
.toc-nav-menu::after{content:'';position:absolute;z-index:119;left:-4px;right:-4px;top:100%;height:10px;pointer-events:auto}
.toc-nav-trigger{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#ccd0d9;font:inherit;font-weight:inherit;line-height:inherit;padding:0;cursor:pointer;white-space:nowrap}
.toc-nav-trigger span{font-size:12px;transition:transform .2s ease}
.toc-nav-menu:hover>.toc-nav-trigger,
.toc-nav-menu:focus-within>.toc-nav-trigger,
.toc-nav-menu.open>.toc-nav-trigger,
.toc-nav-menu.is-current>.toc-nav-trigger,
.toc-nav-trigger[aria-current="page"]{color:#65e8ff;text-shadow:0 0 14px rgba(34,217,255,.22)}
.toc-nav-menu.open>.toc-nav-trigger span,
.toc-nav-menu:focus-within>.toc-nav-trigger span{transform:rotate(180deg)}
.toc-nav-panel{position:absolute;z-index:120;top:calc(100% - 1px);display:none;min-width:220px;padding:8px;border:1px solid rgba(69,186,226,.34);border-radius:7px;background:#061522;box-shadow:0 18px 42px rgba(0,0,0,.42);pointer-events:auto}
.header-about-dropdown{left:0}
.study-members-dropdown{right:0;top:calc(100% - 1px);min-width:230px}
.toc-nav-menu.open>.toc-nav-panel,
.toc-nav-menu:hover>.toc-nav-panel,
.toc-nav-menu:focus-within>.toc-nav-panel{display:grid}
.toc-nav-panel a{display:block!important;min-height:0!important;margin:0!important;padding:9px 11px!important;border:0!important;border-radius:4px;color:#e9f7ff!important;font-size:13px!important;line-height:1.35!important;text-decoration:none!important;white-space:nowrap}
.toc-nav-panel a::after{display:none!important}
.toc-nav-panel a:hover,
.toc-nav-panel a:focus-visible,
.toc-nav-panel a[aria-current="page"]{background:#0a3550!important;color:#65e8ff!important;text-shadow:none!important}
.study-nav .toc-nav-menu{margin:0}
.study-nav .toc-nav-trigger{color:#d6deed;font-size:inherit}
.study-nav .toc-nav-menu.is-current>.toc-nav-trigger{color:#22d9ff!important}
.reading-layout.reading-layout-no-nav{grid-template-columns:minmax(0,1fr)}
.mobile-nav-group{grid-column:1/-1;border:1px solid rgba(144,166,193,.16);background:rgba(255,255,255,.015)}
.mobile-nav-group summary{cursor:pointer;list-style:none;padding:10px 12px;color:#eaf7ff;font-weight:700}
.mobile-nav-group summary::-webkit-details-marker{display:none}
.mobile-nav-group summary::after{content:'⌄';float:right;color:#65e8ff}
.mobile-nav-group[open] summary::after{transform:rotate(180deg)}
.mobile-nav-group>div{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;padding:0 12px 12px}
.mobile-nav-group>div a{padding:7px 0;color:#c9d4df}
@media(max-width:1000px){
  .toc-nav-menu{display:none}
  #mobile-menu .mobile-nav-group{display:block}
}
@media(prefers-reduced-motion:reduce){.toc-nav-trigger span{transition:none}}
/* ===== TOC NAV DROPDOWNS V3 END ===== */

/* ===== MOBILE LAUNCH AUDIT V1 ===== */
.music-hero-art-panel{background:radial-gradient(circle at 50% 35%,#0d3150,#061421 68%)}
.music-hero-art[src=""],
.music-release-art[src=""]{visibility:hidden}
@media(max-width:760px){
  #menu-button{min-width:44px;min-height:44px}
  .home-news-save{min-height:38px!important;padding:7px 10px!important}
}
/* ===== MOBILE LAUNCH AUDIT V1 END ===== */

/* ===== TOC MUSIC HERO CONTROLS + PLATFORM ICONS V5 START ===== */
body.music-page .music-hero-listen{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:22px;
}
body.music-page .music-hero-listen-label{
  color:#a9bac8;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  white-space:nowrap;
}
body.music-page .music-hero-platforms{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin:0;
}
body.music-page .music-hero-platforms .music-platform-icon{
  width:38px;
  height:38px;
  min-width:38px;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:transparent;
  color:inherit;
  text-decoration:none;
  transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease;
}
body.music-page .music-hero-platforms .music-platform-icon img{
  width:28px;
  height:28px;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.28));
}
body.music-page .music-hero-platforms .music-platform-icon:hover,
body.music-page .music-hero-platforms .music-platform-icon:focus-visible{
  transform:translateY(-2px) scale(1.06);
  background:rgba(255,255,255,.08);
  box-shadow:0 8px 24px rgba(0,0,0,.2);
  outline:none;
}
body.music-page .music-hero-platforms .music-platform-icon:focus-visible{
  box-shadow:0 0 0 2px #7ce7ff,0 8px 24px rgba(0,0,0,.2);
}
body.music-page .music-hero-actions{
  gap:12px;
  margin-top:24px;
}
body.music-page .music-hero-actions .music-hero-preview{
  min-height:52px;
  padding:13px 20px;
  border:1px solid rgba(132,230,255,.88);
  border-radius:6px;
  background:linear-gradient(135deg,#145ee8 0%,#168ae8 55%,#13bfe8 100%);
  color:#fff;
  font-weight:800;
  box-shadow:0 10px 28px rgba(0,87,214,.28),inset 0 1px 0 rgba(255,255,255,.18);
}
body.music-page .music-hero-actions .music-hero-preview .music-preview-play,
body.music-page .music-hero-actions .music-hero-preview .music-preview-label,
body.music-page .music-hero-actions .music-hero-preview .music-preview-time{
  color:#fff;
  opacity:1;
}
body.music-page .music-hero-actions .music-hero-video{
  min-height:52px;
  padding:13px 20px;
  border:1px solid rgba(120,215,244,.62);
  border-radius:6px;
  background:rgba(2,13,23,.78);
  color:#f5fbff;
  font-weight:800;
  box-shadow:0 10px 26px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.06);
}
body.music-page .music-hero-actions .music-hero-preview:hover,
body.music-page .music-hero-actions .music-hero-preview:focus-visible{
  background:linear-gradient(135deg,#1d6bff 0%,#199bed 58%,#19d2ed 100%);
  border-color:#9aedff;
  box-shadow:0 12px 32px rgba(0,100,225,.38),0 0 0 1px rgba(124,231,255,.12);
}
body.music-page .music-hero-actions .music-hero-video:hover,
body.music-page .music-hero-actions .music-hero-video:focus-visible{
  background:rgba(8,40,59,.94);
  border-color:#74e4ff;
  color:#fff;
}
body.music-page .music-hero-actions .music-hero-preview:focus-visible,
body.music-page .music-hero-actions .music-hero-video:focus-visible{
  outline:2px solid #9aedff;
  outline-offset:3px;
}
@media(max-width:700px){
  body.music-page .music-hero-listen{
    gap:10px;
    margin-top:18px;
  }
  body.music-page .music-hero-platforms{
    display:flex !important;
    grid-template-columns:none !important;
    gap:9px !important;
    margin:0 !important;
  }
  body.music-page .music-hero-platforms .music-platform-icon{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    padding:0 !important;
    justify-content:center !important;
  }
  body.music-page .music-hero-platforms .music-platform-icon img{
    width:26px;
    height:26px;
  }
  body.music-page .music-hero-actions .music-hero-preview,
  body.music-page .music-hero-actions .music-hero-video{
    border-radius:6px !important;
    color:#fff !important;
  }
}
@media(max-width:390px){
  body.music-page .music-hero-listen{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
}
@media(prefers-reduced-motion:reduce){
  body.music-page .music-hero-platforms .music-platform-icon{transition:none}
}
/* ===== TOC MUSIC HERO CONTROLS + PLATFORM ICONS V5 END ===== */

/* Home mobile review: scoped to phones; desktop rules remain unchanged. */
@media (max-width:760px){
  body.home-page > header{height:68px;min-height:68px;padding-inline:16px;gap:12px}
  body.home-page > header .brand{min-width:0;flex:0 1 auto}
  body.home-page > header .brand-original{width:172px!important;max-width:100%;height:auto}
  body.home-page > header .header-live-status{margin-left:auto;font-size:10px}
  body.home-page #menu-button{flex:0 0 44px;width:44px;height:44px;padding:8px}
  .home-page #mobile-menu{max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-page #mobile-menu a{overflow-wrap:anywhere;min-height:44px}
  .home-page #mobile-menu > form,.home-page #mobile-menu > hr{grid-column:1/-1;width:100%;min-width:0}
  .home-page #mobile-menu > hr{margin:0;border:0;border-top:1px solid var(--line)}
  .home-page .home-hero-inner{width:calc(100% - 32px);padding:292px 0 24px!important}
  .home-page .home-hero-art{background-size:auto 330px!important;background-position:88% top!important}
  .home-page .hero-scripture{top:180px!important;left:0!important;width:240px;max-width:100%;text-align:left}
  .home-page .hero-scripture blockquote{font-size:15px;line-height:1.3}
  .home-page .home-hero h1{font-size:clamp(38px,10.2vw,44px);line-height:1;overflow-wrap:normal}
  .home-page .home-hero h1 span:not(.hero-white){white-space:normal}
  .home-page .hero-deck{font-size:16px;line-height:1.45;margin-top:14px}
  .home-page .hero-deck .toc-copy-line,
  .home-page .global-lead .toc-copy-line{white-space:normal;max-width:100%}
  .home-page .global-lead .toc-copy-line{display:inline}
  .home-page .global-lead .toc-copy-line::after{content:" "}
  .home-page .hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
  .home-page .hero-actions .button{min-height:44px;padding:9px 10px;font-size:13px;line-height:1.3}
  .home-page .pathway-wrap{padding:16px 16px 24px}
  .home-page .pathway-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .home-page .pathway{min-height:0;padding:16px;gap:12px}
  .home-page .pathway-copy{min-width:0}
  .home-page .pathway-copy strong{font-size:22px;line-height:1.1}
  .home-page .global-call-v27{margin-block:16px 24px}
  .home-page .global-call-v27 .global-stage{padding:192px 16px 24px;gap:16px}
  .home-page .global-call-v27 .global-copy h2{font-size:clamp(30px,8.2vw,35px);line-height:1.08;margin:8px 0 14px}
  .home-page .global-call-v27 .global-copy h2 .toc-title-line{white-space:normal}
  .home-page .global-call-v27 .global-lead{font-size:16px;line-height:1.5}
  .home-page .global-call-v27 .global-secondary-scripture{font-size:14px!important;line-height:1.5!important}
  .home-page .global-call-v27 .global-featured-scripture{font-size:22px;margin-top:0!important}
  .home-page .mission-command{min-height:0;padding:18px 16px;grid-template-columns:34px minmax(0,1fr);gap:12px}
  .home-page .command-number{font-size:30px}
  .home-page .command-content strong{font-size:23px}
  .home-page .command-content small{margin-bottom:4px}
  .home-page .home-news-section,.home-page .latest-section{padding:28px 16px 32px}
  .home-page .home-news-heading,.home-page .latest-heading,
  .home-page .home-news-grid,.home-page .latest-grid{width:100%;min-width:0}
  .home-page .home-news-heading h2,.home-page .latest-heading h2{font-size:32px;line-height:1.1}
  .home-page .home-news-copy,.home-page .latest-body{min-height:0}
  .home-page .home-news-actions{flex-wrap:wrap}
  .home-page .home-news-actions a{display:inline-flex;align-items:center;min-height:44px}
  .home-page .latest-thumb,.home-page .home-news-image{height:auto;min-height:0;aspect-ratio:16/9}
  .home-page .latest-thumb img,.home-page .home-news-image img{width:100%;height:100%;object-fit:cover}
  .home-page .latest-thumb img{object-fit:contain}
  .home-page .faith-inner{width:calc(100% - 32px);padding-block:24px;min-width:0}
  .home-page .faith-intro h2{font-size:32px;line-height:1.1}
  .home-page .toc-subscribe-drawer{max-height:calc(100dvh - 24px)}
  .home-page .toc-subscribe-inner{padding:16px}
  .home-page .toc-subscribe-copy>p:not(.toc-subscribe-kicker){font-size:12px;margin-bottom:12px}
  .home-page .toc-subscribe-form{gap:10px}
  .home-page .toc-subscribe-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-page .toc-subscribe-fields label,.home-page .toc-subscribe-options label{margin:0;min-width:0}
  .home-page .toc-subscribe-fields input{font-size:16px;min-height:44px;margin-top:4px}
  .home-page .toc-subscribe-fields span,.home-page .toc-subscribe-form legend{font-size:10px}
  .home-page .toc-subscribe-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px}
  .home-page .toc-subscribe-options label{min-height:44px;font-size:12px}
  .home-page .toc-subscribe-actions{gap:8px}
  .home-page .toc-subscribe-actions button{font-size:11px}
  .home-page .toc-subscribe-status{font-size:11px}
}

/* MOBILE PERFORMANCE V2: reserve the initial app viewport so client-rendered routes do not push the footer through the mobile viewport. */
main#main{min-height:100vh}
@media(max-width:760px){
  .home-page .home-hero-art{background-image:url('/assets/home-hero-cinematic-v21-mobile.webp');opacity:1!important;transition:none!important;will-change:auto!important}
  .home-page .home-hero-copy,.home-page .home-hero-copy *{animation:none!important;transition:none!important}
  .home-page .home-hero-copy .eyebrow,.home-page .hero-actions,.home-page .hero-scripture,.home-page .home-hero-copy h1>span,.home-page .hero-deck .toc-copy-line{opacity:1!important;transform:none!important;translate:0 0!important;clip-path:none!important;filter:none!important}
  .watch-page .watch-hero .watch-motion-item{opacity:1!important;translate:0 0!important;scale:1!important;transition:none!important}
  .watch-page .watch-featured{opacity:1!important;translate:0 0!important;transition:none!important}
}