:root{--y-blue:#1769ff;--y-navy:#101a52;--y-yellow:#ffd900;--y-coral:#ff5b5b;--y-pink:#ff4fac;--y-mint:#4be3bd;--y-sky:#6bdcff;--y-paper:#f7f9ff;--y-ink:#171936}
.youth-hero{min-height:780px;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:var(--y-navy);color:#fff}.youth-hero-image,.youth-hero-image img,.youth-hero-overlay{position:absolute;inset:0;width:100%;height:100%}.youth-hero-image img{object-fit:cover;object-position:center}.youth-hero-overlay{background:linear-gradient(90deg,rgba(8,14,52,.94) 0,rgba(8,14,52,.78) 43%,rgba(8,14,52,.14) 76%),linear-gradient(0deg,rgba(8,14,52,.65),transparent 45%)}.youth-hero-content{position:relative;z-index:3;width:min(760px,90%);padding:80px max(7vw,28px)}.youth-hero .crumb,.youth-hero .crumb a{color:var(--y-yellow)}.youth-kicker,.youth-eyebrow{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:900;color:var(--y-blue)}.youth-kicker{color:var(--y-mint);margin-bottom:18px}.youth-hero h1{font-size:clamp(51px,6.7vw,92px);color:#fff}.youth-hero h1 em{font-style:normal;color:var(--y-yellow)}.youth-hero-content>p{max-width:650px;font-size:18px;color:#e6eaff;margin:24px 0 31px}.youth-main-button{background:linear-gradient(90deg,var(--y-coral),var(--y-pink));box-shadow:0 10px 30px rgba(255,79,172,.28)}.youth-glass-button{background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.6);backdrop-filter:blur(8px);box-shadow:none}.youth-sticker{position:absolute;z-index:4;padding:10px 16px;border:3px solid var(--y-ink);box-shadow:5px 5px 0 var(--y-ink);font-weight:1000;font-size:12px;letter-spacing:.08em;transform:rotate(var(--r));animation:ySticker 4s ease-in-out infinite}.sticker-one{--r:6deg;right:8%;top:18%;background:var(--y-yellow);color:var(--y-ink)}.sticker-two{--r:-5deg;right:27%;bottom:12%;background:var(--y-mint);color:var(--y-ink);animation-delay:-1.4s}.sticker-three{--r:4deg;right:4%;bottom:29%;background:var(--y-pink);color:#fff;animation-delay:-2.8s}@keyframes ySticker{50%{transform:rotate(var(--r)) translateY(-9px)}}
.youth-nav{position:sticky;top:86px;z-index:20;display:flex;justify-content:center;gap:5px;padding:11px 18px;background:rgba(247,249,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(16,26,82,.1)}.youth-nav a{padding:8px 13px;border-radius:99px;font-size:13px;font-weight:900;color:var(--y-navy)}.youth-nav a:hover,.youth-nav a:focus-visible{background:var(--y-blue);color:#fff}.youth-belong{background:var(--y-paper)}.youth-big-message{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 35px;margin-bottom:70px;border-radius:22px;background:var(--y-yellow);color:var(--y-ink)}.youth-big-message span{font-size:18px}.youth-big-message strong{font:800 clamp(26px,3.5vw,45px)/1.15 'Fraunces'}.youth-belong-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw}.youth-belong h2,.youth-mission h2,.youth-identity h2,.youth-world h2,.youth-path h2,.youth-discipleship h2,.youth-video h2,.youth-join h2{font-size:clamp(40px,5vw,67px);letter-spacing:-.04em}.youth-belong-grid>div:first-child p{font-size:17px;color:#63657a}.youth-bento{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.youth-bento article{min-height:210px;padding:25px;border-radius:24px;color:var(--y-ink);transition:.25s}.youth-bento article:hover{transform:rotate(-2deg) scale(1.02)}.youth-bento article>span{font-weight:1000;font-size:12px}.youth-bento h3{font-size:27px;margin:28px 0 8px}.youth-bento p{font-size:14px}.bento-faith{background:var(--y-mint)}.bento-friends{background:var(--y-coral)}.bento-culture{background:var(--y-yellow)}.bento-lead{background:var(--y-sky)}
.youth-mission{background:var(--y-navy);color:#fff}.youth-mission-title{max-width:900px;margin-bottom:50px}.youth-mission h2{color:#fff}.youth-mission-title p{font-size:18px;color:#dfe4ff}.mission-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mission-cards article{padding:30px;border-radius:26px;background:#fff;color:var(--y-ink);box-shadow:0 16px 45px rgba(0,0,0,.2)}.mission-cards article:nth-child(2){background:var(--y-yellow)}.mission-cards article:nth-child(3){background:var(--y-mint)}.mission-number{width:70px;height:70px;display:grid;place-items:center;margin-bottom:30px;border-radius:20px;background:var(--y-blue);color:#fff;font-weight:1000}.mission-cards article>span{font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;color:var(--y-blue)}.mission-cards h3{font-size:27px;margin:12px 0}.mission-cards p{font-size:14px;color:#52556d}.youth-identity{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:#fff}.identity-copy p{font-size:17px;color:#63657a}.identity-orbit{width:min(530px,90vw);aspect-ratio:1;position:relative;margin:auto;border:2px dashed rgba(23,105,255,.25);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 32%,#eff5ff 33% 100%)}.identity-orbit button{position:absolute;width:125px;height:125px;border:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#fff;box-shadow:0 12px 35px rgba(16,26,82,.13);font-weight:900;color:var(--y-navy);cursor:pointer;transition:.25s}.identity-orbit button:hover,.identity-orbit button.active{transform:scale(1.08);background:var(--y-yellow)}.identity-orbit button span{font-size:30px}.identity-orbit button:nth-of-type(1){top:-3%;left:50%;margin-left:-62px}.identity-orbit button:nth-of-type(2){right:-3%;top:50%;margin-top:-62px}.identity-orbit button:nth-of-type(3){bottom:-3%;left:50%;margin-left:-62px}.identity-orbit button:nth-of-type(4){left:-3%;top:50%;margin-top:-62px}.identity-center{width:52%;text-align:center}.identity-center strong{font:800 28px 'Fraunces';color:var(--y-navy)}.identity-center p{font-size:13px;color:#63657a}.youth-world{background:linear-gradient(145deg,#eafcff,#f7f9ff)}.youth-world-head{max-width:900px}.youth-world-head>p{font-size:18px;color:#63657a}.irl-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:13px;margin-top:42px;overflow-x:auto;padding-bottom:18px;scroll-snap-type:x mandatory}.irl-scroll article{min-height:260px;padding:26px;border-radius:24px;background:#fff;scroll-snap-align:start;box-shadow:0 10px 30px rgba(16,26,82,.07);border-top:6px solid var(--y-blue)}.irl-scroll article:nth-child(2n){border-color:var(--y-coral)}.irl-scroll article:nth-child(3n){border-color:var(--y-yellow)}.irl-scroll article>span{font-size:39px}.irl-scroll h3{margin:25px 0 10px;font-size:25px}.irl-scroll p{color:#63657a;font-size:14px}
.youth-path{background:linear-gradient(120deg,var(--y-blue),#5a2de0);color:#fff}.path-intro{max-width:900px}.youth-path h2{color:#fff}.path-intro p{color:#e2e8ff}.path-game{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;margin-top:45px}.path-options{display:grid;gap:9px}.path-options button{display:flex;align-items:center;gap:15px;padding:16px 20px;border:1px solid rgba(255,255,255,.2);border-radius:17px;background:rgba(255,255,255,.09);color:#fff;text-align:left;font-weight:900;cursor:pointer;transition:.2s}.path-options button span{font-size:25px}.path-options button:hover,.path-options button.active{background:var(--y-yellow);color:var(--y-ink);transform:translateX(7px)}.path-result{min-height:350px;padding:45px;display:flex;flex-direction:column;justify-content:center;border-radius:28px;background:#fff;color:var(--y-ink);position:relative;overflow:hidden}.path-result:after{content:'';position:absolute;width:220px;height:220px;border-radius:50%;background:var(--y-mint);right:-80px;bottom:-100px}.path-result>span{font-size:55px}.path-result>small{color:var(--y-blue);text-transform:uppercase;letter-spacing:.15em;font-weight:1000}.path-result h3{font-size:34px;margin:12px 0}.path-result p{max-width:600px;color:#63657a;font-size:16px}.path-cta{font-weight:1000;color:var(--y-blue);z-index:1}.youth-discipleship{background:#fff}.discipleship-top{max-width:950px}.discipleship-top>p{font-size:17px;color:#63657a}.disc-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:45px}.disc-steps article{padding:24px 18px;border-radius:20px;background:var(--y-paper);border-bottom:5px solid var(--y-blue)}.disc-steps article:nth-child(2){border-color:var(--y-coral)}.disc-steps article:nth-child(3){border-color:var(--y-yellow)}.disc-steps article:nth-child(4){border-color:var(--y-mint)}.disc-steps article:nth-child(5){border-color:var(--y-pink)}.disc-steps b{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--y-navy);color:#fff}.disc-steps h3{font-size:21px;margin:18px 0 7px}.disc-steps p{font-size:13px;color:#63657a}.challenge-box{margin-top:45px;padding:30px 35px;display:flex;justify-content:space-between;align-items:center;gap:25px;border-radius:24px;background:var(--y-yellow)}.challenge-box small{text-transform:uppercase;letter-spacing:.12em;font-weight:1000}.challenge-box h3{font-size:29px;margin:6px 0}.challenge-box p{margin:0;color:#54566b}.challenge-box button{flex:0 0 auto;padding:15px 20px;border:3px solid var(--y-ink);border-radius:99px;background:var(--y-coral);color:#fff;box-shadow:4px 4px 0 var(--y-ink);font-weight:1000;cursor:pointer}.challenge-box button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--y-ink)}.youth-video{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center;background:#eef2ff}.video-copy p{color:#63657a;font-size:17px}.video-copy>a{color:var(--y-blue);font-weight:1000}.video-frame{position:relative;padding:9px;border-radius:27px;background:var(--y-navy);box-shadow:0 20px 55px rgba(16,26,82,.2)}.video-frame iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:19px}.video-caption{display:flex;align-items:center;gap:12px;padding:13px 10px 6px;color:#fff}.video-caption>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--y-coral)}.video-caption strong,.video-caption small{display:block}.video-caption small{color:#cdd4f6}.youth-join{position:relative;overflow:hidden;background:var(--y-navy);color:#fff}.join-burst{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:5px;opacity:.075;transform:rotate(-8deg) scale(1.15);font:1000 clamp(60px,11vw,150px)/.8 'DM Sans';white-space:nowrap}.youth-join-content{position:relative;z-index:2;max-width:930px;margin:auto;text-align:center}.youth-join h2{color:#fff}.youth-join-content>p{font-size:18px;color:#dfe4ff}.join-tags{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:30px 0}.join-tags span{padding:9px 14px;border:1px solid rgba(255,255,255,.25);border-radius:99px;background:rgba(255,255,255,.08);font-size:12px;font-weight:900}.youth-email{display:block;margin-top:18px;color:var(--y-yellow);font-weight:1000}.youth-belong,.youth-mission,.youth-world,.youth-path,.youth-video,.youth-join{scroll-margin-top:155px}.ministry-card h3 a{color:inherit}.ministry-card h3 a:hover{color:var(--red)}
@media(max-width:1000px){.youth-belong-grid,.youth-identity,.path-game,.youth-video{grid-template-columns:1fr}.mission-cards{grid-template-columns:1fr}.disc-steps{grid-template-columns:repeat(3,1fr)}.identity-orbit{margin-top:60px}.youth-sticker{display:none}}
@media(max-width:700px){.youth-nav{top:74px;justify-content:flex-start;overflow-x:auto}.youth-nav a{white-space:nowrap}.youth-hero{min-height:760px}.youth-hero-overlay{background:linear-gradient(0deg,rgba(8,14,52,.96) 0,rgba(8,14,52,.62) 65%,rgba(8,14,52,.2))}.youth-hero-content{padding:55px 22px}.youth-hero h1{font-size:clamp(47px,14vw,65px)}.youth-big-message{align-items:flex-start;flex-direction:column}.youth-bento{grid-template-columns:1fr}.identity-orbit{width:330px}.identity-orbit button{width:92px;height:92px;font-size:11px}.identity-orbit button:nth-of-type(1),.identity-orbit button:nth-of-type(3){margin-left:-46px}.identity-orbit button:nth-of-type(2),.identity-orbit button:nth-of-type(4){margin-top:-46px}.identity-center{width:48%}.identity-center strong{font-size:20px}.identity-center p{font-size:11px}.disc-steps{grid-template-columns:1fr}.challenge-box{align-items:flex-start;flex-direction:column}.path-result{padding:30px 23px}.video-copy{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.youth-sticker{animation:none}}