/* ===== Youth Page Energy (page 642) ===== */
.page-id-642 { --yt-gold:#D8A441; --yt-teal:#245C63; --yt-deep:#1D3F44; --yt-bright:#0F6C78; }

/* Ticker */
.page-id-642 .yt-ticker { background:var(--yt-gold) !important; padding:14px 0 !important; overflow:hidden; position:relative; }
.page-id-642 .yt-ticker-text { font-family:Montserrat, sans-serif; font-weight:800; font-size:20px; letter-spacing:3px; text-transform:uppercase; color:var(--yt-deep); white-space:nowrap; display:block !important; }
.page-id-642 .yt-track { display:inline-flex; white-space:nowrap; animation:yt6098Marquee 38s linear infinite; will-change:transform; }
.page-id-642 .yt-track span { padding-right:28px; }
.page-id-642 .yt-ticker:hover .yt-track { animation-play-state:paused; }
@keyframes yt6098Marquee { from { transform:translateX(0); } to { transform:translateX(-50%); } }

/* Jump nav */
.yt-jump { position:sticky; top:var(--yt-top,93px); z-index:50; background:rgba(255,255,255,.94); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border-bottom:1px solid rgba(15,108,120,.12); }
.yt-jump-inner { display:flex; gap:8px; justify-content:center; padding:10px 16px; overflow-x:auto; scrollbar-width:none; }
.yt-jump-inner::-webkit-scrollbar { display:none; }
.page-id-642 button.yt-chip { flex:0 0 auto; font-family:Montserrat, sans-serif !important; font-size:13px !important; font-weight:700 !important; letter-spacing:.5px; padding:8px 16px !important; border-radius:999px !important; border:2px solid var(--yt-teal) !important; background:#fff !important; color:var(--yt-teal) !important; cursor:pointer; transition:all .25s ease; line-height:1.2 !important; text-transform:none !important; box-shadow:none !important; }
.page-id-642 button.yt-chip:hover { background:#E8F1F2 !important; transform:translateY(-2px); }
.page-id-642 button.yt-chip.is-active { background:var(--yt-teal) !important; color:#fff !important; }

/* Polaroid photo strip */
.page-id-642 .hm-photo-tile { border:8px solid #fff !important; border-bottom-width:22px !important; transition:transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease !important; cursor:zoom-in; position:relative; }
.page-id-642 .hm-photo-tile:nth-child(1) { transform:rotate(-2.5deg); }
.page-id-642 .hm-photo-tile:nth-child(2) { transform:rotate(1.8deg) translateY(10px); }
.page-id-642 .hm-photo-tile:nth-child(3) { transform:rotate(-1.2deg); }
.page-id-642 .hm-photo-tile:hover { transform:rotate(0deg) scale(1.05) translateY(-6px) !important; z-index:3; box-shadow:0 26px 50px rgba(15,108,120,.35) !important; }

/* Time badges */
.page-id-642 .hm-age { display:inline-block !important; width:fit-content; background:#FFF3DA; color:#8A6116 !important; padding:5px 12px; border-radius:999px; letter-spacing:1.2px; }

/* Program cards */
.page-id-642 .hm-mcard { transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease; border-bottom:4px solid transparent; }
.page-id-642 .hm-mcard:nth-child(1):hover { transform:translateY(-8px) rotate(-.6deg); }
.page-id-642 .hm-mcard:nth-child(2):hover { transform:translateY(-8px) rotate(.6deg); }
.page-id-642 .hm-mcard:hover { box-shadow:0 22px 44px rgba(15,108,120,.22) !important; border-bottom-color:var(--yt-gold); }
.page-id-642 .hm-mcard .hm-mcard-img { transition:transform .6s ease; }
.page-id-642 .hm-mcard:hover .hm-mcard-img { transform:scale(1.06); }
.page-id-642 .hm-mcard { overflow:hidden; }

/* Vibe section */
.page-id-642 [data-id="5f926133"] { background:linear-gradient(135deg, var(--yt-deep) 0%, var(--yt-teal) 55%, var(--yt-bright) 100%) !important; position:relative; overflow:hidden; }
.page-id-642 [data-id="5f926133"]::before, .page-id-642 [data-id="5f926133"]::after { content:''; position:absolute; border-radius:50%; background:rgba(216,164,65,.16); pointer-events:none; }
.page-id-642 [data-id="5f926133"]::before { width:340px; height:340px; top:-120px; right:-80px; animation:yt6098Float 9s ease-in-out infinite; }
.page-id-642 [data-id="5f926133"]::after { width:220px; height:220px; bottom:-90px; left:-60px; background:rgba(255,255,255,.08); animation:yt6098Float 11s ease-in-out infinite reverse; }
@keyframes yt6098Float { 0%,100% { transform:translate(0,0); } 50% { transform:translate(-18px,16px); } }
.page-id-642 [data-id="5f926133"] .hm-section-title { color:#fff !important; }
.page-id-642 [data-id="5f926133"] .hm-pillar { background:rgba(255,255,255,.08) !important; border:1px solid rgba(255,255,255,.22); box-shadow:none !important; transition:transform .35s cubic-bezier(.2,.8,.2,1), background .35s ease !important; position:relative; z-index:1; }
.page-id-642 [data-id="5f926133"] .hm-pillar-word { color:var(--yt-gold) !important; text-transform:uppercase; letter-spacing:2px; transition:color .35s ease, transform .35s ease; }
.page-id-642 [data-id="5f926133"] .hm-pillar-text { color:rgba(255,255,255,.9) !important; transition:color .35s ease; }
.page-id-642 [data-id="5f926133"] .hm-pillar:hover { background:var(--yt-gold) !important; transform:translateY(-8px) rotate(-1.5deg); }
.page-id-642 [data-id="5f926133"] .hm-pillar:nth-child(2):hover { transform:translateY(-8px) rotate(1.5deg); }
.page-id-642 [data-id="5f926133"] .hm-pillar:hover .hm-pillar-word { color:var(--yt-deep) !important; transform:scale(1.08); }
.page-id-642 [data-id="5f926133"] .hm-pillar:hover .hm-pillar-text { color:var(--yt-deep) !important; }

/* Parent cards */
.page-id-642 .hm-connect-card { border:2px solid transparent; transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
.page-id-642 .hm-connect-card:hover { transform:translateY(-6px); border-color:var(--yt-gold); box-shadow:0 18px 36px rgba(15,108,120,.16); }

/* Gallery */
.page-id-642 .hm-gallery-img { cursor:zoom-in; transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, filter .4s ease !important; }
.page-id-642 .hm-gallery-img:nth-child(odd):hover { transform:scale(1.04) rotate(-1deg); }
.page-id-642 .hm-gallery-img:nth-child(even):hover { transform:scale(1.04) rotate(1deg); }
.page-id-642 .hm-gallery-img:hover { box-shadow:0 20px 40px rgba(15,108,120,.28); z-index:2; position:relative; }

/* Lightbox */
.yt-lb { position:fixed; inset:0; z-index:99999; background:rgba(12,32,36,.92); display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .3s ease; }
.yt-lb.is-open { opacity:1; pointer-events:auto; }
.yt-lb img { max-width:min(92vw,1100px); max-height:84vh; border-radius:14px; box-shadow:0 30px 80px rgba(0,0,0,.5); transform:scale(.94); transition:transform .35s cubic-bezier(.2,.8,.2,1); }
.yt-lb.is-open img { transform:scale(1); }
.page-id-642 .yt-lb button { position:absolute; background:rgba(255,255,255,.14) !important; color:#fff !important; border:0 !important; width:48px; height:48px; border-radius:50% !important; font-size:26px !important; line-height:1 !important; cursor:pointer; padding:0 !important; display:flex; align-items:center; justify-content:center; }
.page-id-642 .yt-lb button:hover { background:var(--yt-gold) !important; color:var(--yt-deep) !important; }
.yt-lb .yt-lb-close { top:20px; right:20px; }
.yt-lb .yt-lb-prev { left:16px; top:50%; transform:translateY(-50%); }
.yt-lb .yt-lb-next { right:16px; top:50%; transform:translateY(-50%); }
.yt-lb .yt-lb-count { position:absolute; bottom:22px; left:0; right:0; text-align:center; color:#fff; font-family:Montserrat, sans-serif; font-size:13px; letter-spacing:2px; }

@media (max-width:767px) {
  .page-id-642 .hm-photo-tile:nth-child(n) { transform:none; }
  .page-id-642 .yt-ticker-text { font-size:16px; }
  .yt-jump-inner { justify-content:flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .page-id-642 .yt-track, .page-id-642 [data-id="5f926133"]::before, .page-id-642 [data-id="5f926133"]::after { animation:none !important; }
  .page-id-642 .hm-photo-tile, .page-id-642 .hm-mcard, .page-id-642 .hm-pillar, .page-id-642 .hm-gallery-img, .page-id-642 .hm-connect-card { transition:none !important; }
}