.lang-switch{background:#111722;border:1px solid #f4bf5870;color:var(--gold);border-radius:999px;padding:8px 12px;font-family:inherit;font-weight:800;font-size:.78rem;cursor:pointer}
.hero{min-height:min(920px,100vh);padding-bottom:0}
.hero-grid{display:block;position:relative;min-height:min(820px,calc(100vh - 76px));height:820px;max-height:920px;z-index:2}
.hero-copy{position:absolute;z-index:3;left:50%;bottom:12px;transform:translateX(-50%);width:min(92%,820px);max-width:none;padding:30px 26px 18px;text-align:center;background:linear-gradient(180deg,transparent,rgba(9,11,18,.92) 32%)}
.hero-copy>.eyebrow,.hero-copy>.lead,.hero-copy>.detail,.hero-copy>p{display:none}
.hero-copy h1{margin:0 0 13px;font-size:clamp(3rem,7vw,6rem)}
.hero-copy .actions{justify-content:center}
.hero-copy .actions .secondary{display:none}
.hero-figure{position:absolute;z-index:1;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.hero-figure img{position:absolute;left:50%;bottom:-1%;transform:translateX(-50%);width:min(100%,1120px);height:auto;max-height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 30px rgba(0,0,0,.82)) drop-shadow(0 0 24px rgba(244,191,88,.14));-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%)}
.hero:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(9,11,18,.18) 72%,#090b12 100%)}
.poster{display:none}
@media(max-width:850px){.hero-grid{min-height:720px;height:720px}.hero-copy{width:min(94%,720px)}.hero-figure img{width:min(100%,920px)}}
@media(max-width:650px){.hero{min-height:790px;padding:82px 0 0}.hero-grid{min-height:700px;height:700px}.hero-copy{width:100%;bottom:7px;padding:28px 12px 15px}.hero-copy h1{font-size:clamp(2.7rem,12vw,4.5rem)}.hero-figure img{width:100%;bottom:10%}.hero:after{background:linear-gradient(180deg,transparent 50%,rgba(9,11,18,.2) 68%,#090b12 100%)}.lang-switch{font-size:.72rem;padding:7px 10px}.links{gap:8px}.links a:not(.navcta){display:none}}

/* Hero composition: lift Krypto and leave clear space around both arms. */
.hero-figure img{left:50%!important;top:-34px!important;bottom:auto!important;width:min(72vw,820px)!important;max-height:calc(100% - 24px)!important;object-position:center center!important;transform:translateX(-50%)!important}
@media(max-width:850px){.hero-grid{min-height:620px!important;height:620px!important}.hero-figure img{top:-12px!important;width:min(74vw,700px)!important}.hero-copy{bottom:112px!important}}
@media(max-width:650px){.hero-grid{min-height:620px!important;height:620px!important}.hero-figure img{top:12px!important;bottom:auto!important;width:min(90vw,540px)!important;max-height:calc(100% - 145px)!important}.hero-copy{bottom:188px!important}}

/* Remove the box-like shadow behind the hero copy; keep depth on Krypto's silhouette. */
.hero-copy{background:transparent!important;text-shadow:0 2px 12px rgba(0,0,0,.72)}
.hero-figure img{filter:drop-shadow(0 11px 15px rgba(0,0,0,.48)) drop-shadow(0 0 12px rgba(244,191,88,.1))!important}
.audio-start{position:fixed;z-index:20;right:18px;bottom:18px;border:1px solid #f4bf5870;border-radius:999px;padding:12px 17px;background:#111722;color:#f4bf58;font:800 .9rem inherit;box-shadow:0 8px 24px #0008;cursor:pointer}
.audio-start[hidden]{display:none}
.audio-start{font-family:inherit;font-size:.9rem;font-weight:800}
.truth-krypto{display:block;width:min(100%,360px);height:auto;max-height:520px;object-fit:contain;object-position:center top;margin:6px auto -22px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(244,191,88,.1))}
@media(max-width:650px){.truth-krypto{width:min(82vw,330px);max-height:460px;margin:0 auto -15px}}
.youth-challenge{position:relative;isolation:isolate;overflow:hidden;padding:64px 0;background:radial-gradient(ellipse at 12% 50%,rgba(63,141,246,.22),transparent 37%),radial-gradient(ellipse at 92% 12%,rgba(174,244,72,.12),transparent 34%),linear-gradient(115deg,#080b12,#111925 55%,#0a0e16)}
.challenge-panel{position:relative;padding:clamp(28px,6vw,64px);border:1px solid rgba(174,244,72,.34);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:0 24px 70px rgba(0,0,0,.35)}
.challenge-panel:after{content:"";position:absolute;right:-45px;top:-90px;width:220px;height:220px;border:1px solid rgba(174,244,72,.2);border-radius:50%;box-shadow:0 0 0 24px rgba(174,244,72,.025),0 0 0 50px rgba(63,141,246,.025);pointer-events:none}
.challenge-kicker{color:#b6f35a;font-size:.78rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.challenge-panel h2{position:relative;z-index:1;margin:18px 0 20px;font-size:clamp(2.6rem,7vw,5.6rem);line-height:.98;letter-spacing:-.065em;text-transform:uppercase}
.challenge-panel h2 span{color:#f4f2ed}.challenge-panel h2 strong{color:#b6f35a;font-weight:950;text-shadow:0 0 26px rgba(174,244,72,.18)}
.challenge-panel p{max-width:760px;margin:0 0 26px;color:#d7dce5;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7}
@media(max-width:650px){.youth-challenge{padding:42px 0}.challenge-panel{border-radius:13px}.challenge-kicker{font-size:.68rem;letter-spacing:.12em}.challenge-panel h2{font-size:clamp(2.5rem,12vw,4rem)}}
/* Youth callout: a direct, street inspired visual voice. */
.youth-challenge{padding:clamp(48px,8vw,92px) 0;background:radial-gradient(ellipse at 85% 50%,rgba(216,49,42,.2),transparent 42%),linear-gradient(115deg,#08090d,#11141a 55%,#090b10)}
.youth-challenge:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background:repeating-linear-gradient(135deg,transparent 0 27px,#f3eee5 28px 29px,transparent 30px 56px);mask-image:linear-gradient(90deg,transparent,#000 75%)}
.challenge-panel{border:0;border-left:5px solid #e94a3e;border-radius:0;background:linear-gradient(100deg,rgba(255,255,255,.065),rgba(255,255,255,.012) 76%);box-shadow:0 24px 70px rgba(0,0,0,.38)}
.challenge-panel:after{right:-62px;top:-95px;width:260px;height:260px;border-color:rgba(233,74,62,.32);border-radius:0;transform:rotate(45deg);box-shadow:0 0 0 22px rgba(233,74,62,.035),0 0 0 48px rgba(233,74,62,.025)}
.challenge-kicker{color:#ff6556;font-weight:950;letter-spacing:.19em}
.challenge-panel h2{font-size:clamp(2.6rem,7.3vw,5.9rem);line-height:.94}
.challenge-panel h2 strong{color:#ff594d;text-shadow:0 0 30px rgba(233,74,62,.25);transform:skew(-2deg)}
.challenge-panel p b{color:#fff}
@media(max-width:650px){.challenge-panel{border-left-width:4px;border-radius:0}.challenge-panel h2{font-size:clamp(2.45rem,11.5vw,4rem)}}
/* Youthful Krypto palette: midnight blue, electric cyan, lime, and focused coral. */
:root{--ink:#080d18;--panel:#101a2a;--gold:#c5ff3d;--blue:#22d3ee;--green:#b7ff3f;--line:rgba(103,220,255,.2)}
body{background:#080d18}
.hero{background:radial-gradient(ellipse at 68% 8%,rgba(34,211,238,.17),transparent 32%),radial-gradient(ellipse at 18% 55%,rgba(197,255,61,.08),transparent 34%),linear-gradient(115deg,#080d18 5%,#101a2a 57%,#090d17)}
.brand span,.eyebrow,.ticker b,.dot,.music-icon,.scripture b,.footer a,.footerbrand span{color:#c5ff3d}
.links a:hover,.navcta,.lang-switch{color:#c5ff3d!important}
.navcta,.lang-switch{border-color:rgba(197,255,61,.62)}
.lang-switch{background:#101a2a}
.primary{background:#c5ff3d;color:#0b1016;box-shadow:0 0 22px rgba(197,255,61,.19)}
.secondary{border-color:rgba(34,211,238,.58)}
.ticker{background:#0b1220}
.ticker .wrap{color:#e4f2f7}
.hero-figure img{filter:drop-shadow(0 11px 15px rgba(0,0,0,.5)) drop-shadow(0 0 17px rgba(34,211,238,.16))!important}
.truth{background:linear-gradient(145deg,#101a2a,#0b1220)}
.quote span{color:#22d3ee}
.scripture{border-color:#22d3ee;background:linear-gradient(100deg,rgba(34,211,238,.08),transparent);color:#d8e7ee}
.music{background:#0e1827}
.music-icon{border-color:rgba(34,211,238,.62);color:#22d3ee}
.music audio{accent-color:#c5ff3d}
.musicbox{border-color:rgba(34,211,238,.24);background:linear-gradient(120deg,rgba(34,211,238,.08),transparent)}
.invite{background:radial-gradient(ellipse at 50% 0,rgba(34,211,238,.13),transparent 48%),#080d18}
.invitebox{border-color:rgba(197,255,61,.45);background:linear-gradient(140deg,rgba(34,211,238,.07),rgba(255,255,255,.015))}
.prayer{background:rgba(197,255,61,.06);border-color:rgba(197,255,61,.3);color:#efffd2}
.prayer small{color:#c5ff3d}
.card,.step{background:linear-gradient(145deg,#132137,#0e1726);border-color:rgba(34,211,238,.22)}
.card .eyebrow,.step b{color:#22d3ee}
.confront{background:linear-gradient(130deg,#101b2b,#0b1220);color:#f4f2ed}
.confront .eyebrow{color:#c5ff3d}
.confront .head p,.confront-copy .note{color:#c1cfdb}
.confront-copy{border-color:#22d3ee}
.confront-copy strong{color:#c5ff3d}
.final{background:radial-gradient(ellipse at 50% 0,rgba(34,211,238,.2),transparent 55%),linear-gradient(110deg,#101b2c,#0b1220 52%,#152013)}
.final h2 span{color:#c5ff3d!important}
.footer{background:#060a12;border-color:rgba(34,211,238,.18)}
.audio-start{border-color:rgba(197,255,61,.62);background:#101a2a;color:#c5ff3d}
@media(max-width:650px){.primary{box-shadow:0 0 15px rgba(197,255,61,.15)}}
.feed-section{overflow:hidden;background:radial-gradient(ellipse at 78% 42%,rgba(34,211,238,.11),transparent 42%),linear-gradient(135deg,#0a1020,#0c1421 58%,#0b111b)}
.feed-layout{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:clamp(38px,9vw,120px);max-width:1000px}
.feed-copy h2{font-size:clamp(2.6rem,5.2vw,4.7rem);line-height:.98;letter-spacing:-.06em;margin:14px 0 20px}
.feed-copy h2 span{color:#22d3ee}.feed-copy p{max-width:480px;color:#d2dce5;font-size:1.08rem;line-height:1.7;margin:0 0 24px}
.feed-tabs{display:flex;gap:9px;margin:0 0 22px}.feed-tab{border:1px solid rgba(34,211,238,.35);background:#101a2a;color:#d7e6ed;border-radius:999px;padding:9px 15px;font:800 .82rem inherit;cursor:pointer}.feed-tab.active{background:#c5ff3d;border-color:#c5ff3d;color:#0b1016}.feed-tabs+.btn{display:inline-flex}
.phone-wrap{justify-self:center;text-align:center}.phone{position:relative;width:min(70vw,310px);aspect-ratio:9/18.6;padding:10px;border:2px solid #677483;border-radius:42px;background:linear-gradient(145deg,#3a4552,#111923 23%,#05070b 70%,#283342);box-shadow:0 30px 75px #000b,0 0 42px rgba(34,211,238,.12),inset 0 0 0 2px #030509}
.phone:before{content:"";position:absolute;inset:5px;border:1px solid #ffffff22;border-radius:36px;pointer-events:none;z-index:2}.phone-island{position:absolute;z-index:3;top:14px;left:50%;transform:translateX(-50%);width:82px;height:19px;border-radius:20px;background:#030509;pointer-events:none}.phone iframe{display:block;width:100%;height:100%;border:0;border-radius:32px;background:#08090b}.phone-caption{margin-top:16px;color:#eef4f7;font-size:.85rem;font-weight:850;letter-spacing:.07em}.phone-caption span{color:#c5ff3d;margin-left:7px;font-size:.72rem}
@media(max-width:700px){.feed-layout{grid-template-columns:1fr;gap:36px}.feed-copy{text-align:center}.feed-copy p{margin-inline:auto}.feed-tabs{justify-content:center}.phone{width:min(72vw,290px)}}
.eternity{position:relative;isolation:isolate;overflow:hidden;padding:clamp(65px,9vw,118px) 0;background:radial-gradient(ellipse at 80% 15%,rgba(233,74,62,.23),transparent 40%),linear-gradient(120deg,#080d18,#17131a 55%,#0a101c);border-block:1px solid rgba(233,74,62,.24)}
.eternity:after{content:"";position:absolute;z-index:-1;right:4%;top:-28%;width:320px;aspect-ratio:1;border:1px solid rgba(34,211,238,.18);border-radius:50%;box-shadow:0 0 0 28px rgba(34,211,238,.025),0 0 0 62px rgba(233,74,62,.03)}
.eternity-inner{max-width:900px}.eternity-tag{color:#ff6556;font-size:.76rem;font-weight:950;letter-spacing:.19em}.eternity h2{font-size:clamp(2.8rem,7vw,6rem);line-height:.96;letter-spacing:-.065em;text-transform:uppercase;margin:16px 0 24px}.eternity h2 span{color:#22d3ee}.eternity p{max-width:760px;color:#d4dce5;font-size:clamp(1rem,1.7vw,1.22rem);line-height:1.75}.eternity p strong{color:#f7fbff}.eternity .eternity-call{color:#c5ff3d;font-weight:850;font-size:clamp(1.1rem,2vw,1.4rem);margin:22px 0 25px}
/* Tighten section rhythm so the experience moves forward without dead zones. */
.section{padding:68px 0}
.section .head{margin-bottom:32px}
.youth-challenge{padding:48px 0}
.eternity{padding:58px 0}
.feed-section{padding:62px 0}
.music{padding:42px 0}
.truth-grid{gap:42px}
@media(max-width:650px){.section{padding:46px 0}.section .head{margin-bottom:22px}.youth-challenge{padding:36px 0}.eternity{padding:42px 0}.feed-section{padding:44px 0}.music{padding:34px 0}.truth-grid{gap:15px}.invitebox{padding:24px 20px}}
@media(max-width:650px){.hero{min-height:0!important;padding:74px 0 0!important}.hero-grid{min-height:480px!important;height:480px!important}.hero-copy{bottom:28px!important;padding:4px 10px 8px!important}.hero-figure img{top:0!important;max-height:calc(100% - 150px)!important}.hero:after{background:linear-gradient(180deg,transparent 50%,rgba(8,13,24,.08) 65%,#080d18 100%)!important}}
/* Desktop hero: bring Krypto forward, keep the full mask and gloved arm crisp,
   and fade only the bottom edge of the cutout into the page. */
@media(min-width:851px){
  .hero-figure img{left:50%!important;top:-34px!important;width:min(86vw,1040px)!important;max-height:calc(100% - 24px)!important;transform:translateX(-50%)!important;filter:drop-shadow(0 30px 38px rgba(0,0,0,.66)) drop-shadow(0 0 48px rgba(34,211,238,.24))!important;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 100%)!important;mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 100%)!important}
  .hero:before{content:"";position:absolute;z-index:0;left:50%;top:60px;transform:translateX(-50%);width:min(82vw,1040px);height:590px;pointer-events:none;background:radial-gradient(ellipse,rgba(34,211,238,.17),rgba(197,255,61,.055) 40%,transparent 72%)}
}
.audio-start{position:fixed!important;z-index:30;right:20px;bottom:126px;display:inline-grid!important;place-items:center;width:48px;height:48px;padding:0!important;border:1px solid rgba(197,255,61,.72)!important;border-radius:50%!important;background:rgba(16,26,42,.94)!important;color:#c5ff3d!important;box-shadow:0 8px 24px #0009,0 0 22px rgba(34,211,238,.16)!important;backdrop-filter:blur(10px);cursor:pointer;font-size:1.15rem!important;line-height:1}
.audio-start[hidden]{display:none!important}
.audio-start.is-visible{display:inline-grid!important}
.audio-start:hover{transform:scale(1.06);box-shadow:0 0 22px rgba(197,255,61,.22)!important}
.page-scroll{position:fixed;z-index:25;right:20px;bottom:20px;display:grid;gap:8px}
.page-scroll button{width:42px;height:42px;border:1px solid rgba(34,211,238,.55);border-radius:50%;background:rgba(10,17,29,.9);backdrop-filter:blur(10px);color:#c5ff3d;font-family:inherit;font-size:1.2rem;font-weight:800;line-height:1;box-shadow:0 8px 24px #0008;cursor:pointer;transition:transform .18s,background .18s}
.page-scroll button:hover{transform:translateY(-2px);background:#142239}
@media(max-width:650px){.navin{gap:8px}.links{gap:7px}.audio-start{right:12px;bottom:112px;width:42px;height:42px}.page-scroll{right:12px;bottom:12px;gap:6px}.page-scroll button{width:38px;height:38px}}

/* Hero message selected by the ministry */
.hero-copy h1{font-size:clamp(1.86rem,3.24vw,2.94rem)!important;line-height:1.08!important;letter-spacing:-.035em!important}
.hero-question{display:block;margin-top:12px;color:var(--gold);font-size:.38em;letter-spacing:.11em;text-transform:uppercase;line-height:1.2}
@media(max-width:650px){.hero-copy h1{font-size:clamp(1.74rem,6.72vw,2.46rem)!important}.hero-question{margin-top:7px}}


.music-purpose{margin-top:12px!important;font-size:.88rem;color:#d1d8e2!important}