/* INTANGO TSS Youth - Blue Primary + Maroon Secondary */
.youth-hero{background:var(--bluelogo,#1a56db);padding:80px 0 60px;text-align:center;position:relative}
.youth-hero-content{position:relative;z-index:1}
.youth-hero-tag{display:inline-block;background:rgba(255,255,255,.15);color:#fff;font-size:var(--font-size-sm);font-weight:600;padding:6px 18px;border-radius:var(--radius-full);margin-bottom:16px;letter-spacing:1px}
.youth-hero h1{color:#fff;font-size:clamp(2rem,5vw,3rem);font-weight:800;margin:0 0 12px;letter-spacing:-.02em}
.youth-hero p{color:rgba(255,255,255,.85);font-size:var(--font-size-lg);max-width:600px;margin:0 auto 20px;line-height:1.7}
.youth-hero .hero-breadcrumb{justify-content:center;margin-top:8px}
.youth-hero .hero-breadcrumb a{color:rgba(255,255,255,.75)}
.youth-hero .hero-breadcrumb span{color:rgba(255,255,255,.5)}
.youth-hero .hero-breadcrumb a:hover{color:#fff}
.youth-section-tag{display:inline-block;background:color-mix(in srgb,var(--logored,#93010b) 10%,transparent);color:var(--logored,#93010b);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:6px 18px;border-radius:var(--radius-full);margin-bottom:12px}
.youth-stories{padding:80px 0;background:var(--light-bg,#F8FAFC)}
.youth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px;max-width:100%}
.youth-card{background:#fff;border-radius:var(--radius,10px);box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;position:relative;transition:var(--transition)}
.youth-card::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:0;background:var(--logored,#93010b);transition:height .25s ease}
.youth-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}
.youth-card:hover::after{height:3px}
.youth-card-image-wrap{position:relative;overflow:hidden;background:var(--logored,#93010b)}
.youth-card-image{width:100%;height:240px;object-fit:cover;display:block;transition:transform .4s ease}
.youth-card:hover .youth-card-image{transform:scale(1.05)}
.youth-card-image-placeholder{width:100%;height:240px;background:var(--logored,#93010b);color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;letter-spacing:2px}
.youth-card-badge{position:absolute;top:12px;left:12px;background:var(--logored,#93010b);color:#fff;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:5px 14px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.youth-card-body{padding:22px 22px 8px;flex:1}
.youth-card-quote{font-size:var(--font-size-sm);line-height:1.7;color:var(--paragraph,#64748B);margin:0}
.youth-card-footer{padding:10px 22px 20px;display:flex;flex-direction:column;gap:2px}
.youth-card-name{font-size:var(--font-size-sm);font-weight:700;color:var(--dark,#0A0C1B)}
.youth-card-meta{font-size:var(--font-size-xs);color:var(--paragraph,#64748B);display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.youth-card-sep{color:var(--border,#E2E8F0)}
.youth-empty{text-align:center;padding:80px 20px}
.youth-empty i{font-size:3rem;color:var(--logored,#93010b);opacity:.3;margin-bottom:16px}
.youth-empty h3{font-size:var(--font-size-xl);color:var(--dark);margin:0 0 8px}
.youth-empty p{color:var(--paragraph);margin:0}
.youth-cta-section{background:var(--dark,#0A0C1B);padding:70px 0;text-align:center}
.youth-cta-content h2{color:#fff;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin:0 0 12px}
.youth-cta-content p{color:rgba(255,255,255,.7);font-size:var(--font-size-lg);max-width:520px;margin:0 auto 28px;line-height:1.6}
.youth-cta-buttons{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.youth-cta-primary{background:var(--bluelogo)!important;color:#fff!important;padding:14px 32px!important;font-weight:600!important;border-radius:var(--radius-sm)!important;border:none!important;transition:var(--transition)}
.youth-cta-primary:hover{background:var(--logored)!important;transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--logored) 30%,transparent)}
.youth-cta-secondary{background:transparent!important;color:#fff!important;padding:14px 32px!important;font-weight:600!important;border:2px solid rgba(255,255,255,.25)!important;border-radius:var(--radius-sm)!important;transition:var(--transition)}
.youth-cta-secondary:hover{border-color:var(--bluelogo)!important;color:#fff!important;background:color-mix(in srgb,var(--bluelogo) 15%,transparent)!important;transform:translateY(-2px)}
.youth-modal-overlay{display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:20px}
.youth-modal-overlay.active{display:flex}
.youth-modal-content{background:#fff;border-radius:var(--radius,10px);max-width:640px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:modalFadeIn .25s ease}
@keyframes modalFadeIn{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.youth-modal-close{position:absolute;top:12px;right:16px;background:rgba(0,0,0,.5);color:#fff;border:none;font-size:1.5rem;line-height:1;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .2s;min-height:0;padding:0}
.youth-modal-close:hover{background:var(--logored)}
.youth-modal-image{width:100%;height:320px;overflow:hidden;background:var(--logored,#93010b)}
.youth-modal-image img{width:100%;height:100%;object-fit:cover;display:block}
.youth-modal-image-placeholder{width:100%;height:100%;background:var(--logored,#93010b);color:#fff;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700}
.youth-modal-text{padding:32px 32px 28px}
.youth-modal-quote-mark{display:block;font-family:Georgia,'Times New Roman',serif;font-size:3.5rem;line-height:1;color:var(--logored,#93010b);margin-bottom:4px;opacity:.2}
.youth-modal-quote{font-size:var(--font-size-lg);line-height:1.8;color:var(--dark);margin:0 0 24px;font-style:normal}
.youth-modal-footer{border-top:1px solid var(--border);padding-top:18px;display:flex;flex-direction:column;gap:3px}
.youth-modal-name{font-size:var(--font-size-lg);font-weight:700;color:var(--dark)}
.youth-modal-meta{font-size:var(--font-size-sm);color:var(--paragraph)}
@media(max-width:991px){.youth-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.youth-hero{padding:60px 0 40px}.youth-hero h1{font-size:clamp(1.5rem,8vw,2rem)}.youth-stories{padding:50px 0}.youth-grid{grid-template-columns:1fr;gap:20px}.youth-card-image{height:200px}.youth-card-image-placeholder{height:200px;font-size:2.5rem}.youth-cta-section{padding:50px 0}.youth-modal-image{height:220px}.youth-modal-text{padding:24px 20px 22px}.youth-modal-quote{font-size:var(--font-size-base)}}