.c24-reels{padding:76px 0;background:linear-gradient(135deg,#06172f,#0b2f62);color:#f6fbff;scroll-margin-top:100px}
.c24-reels *{box-sizing:border-box}.c24-reels h1,.c24-reels h2{color:#fff;max-width:900px;font-size:clamp(30px,4vw,52px);line-height:1.12;margin:10px 0 20px;letter-spacing:-1px}.c24-reels h3{color:#fff;font-size:20px;line-height:1.3;margin:12px 0}.c24-reels p{color:#b9cde2}.c24-reels .c24-intro{max-width:740px;font-size:18px}.c24-reels .c24-kicker{color:#74cfff;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:2px}
.c24-reel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}.c24-reel-card{background:#0a2340;border:1px solid #2b5277;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.c24-reel-card[hidden]{display:none}.c24-reel-art{position:relative;display:block;background:#020d1d;overflow:hidden}.c24-reel-art img{width:100%;height:350px;object-fit:contain;transition:transform .2s}.c24-reel-art:hover img{transform:scale(1.025)}.c24-play{position:absolute;right:16px;bottom:16px;border:1px solid #83d5ff;border-radius:30px;background:#075fbc;color:white;padding:9px 15px;font-size:13px;font-weight:800}.c24-reel-info{padding:22px;display:flex;flex-direction:column;flex:1}.c24-reel-info p{font-size:14px;line-height:1.65;flex:1;margin:0 0 20px}.c24-reel-topic{color:#71caff;font-size:12px;font-weight:700;letter-spacing:.3px}.c24-reel-link{color:#8cdcff;text-decoration:underline;text-underline-offset:4px;font-weight:700}.c24-action{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border:1px solid #3ea8ff;border-radius:10px;background:#096acb;color:white;font:700 15px Inter,Arial,sans-serif;text-decoration:none;cursor:pointer}.c24-action.secondary{background:#102d4c;border-color:#547a9c}.c24-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.c24-filters{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.c24-filters button{border:1px solid #527da4;color:#d8eaff;background:#102d4c;border-radius:30px;padding:11px 18px;font:600 14px Inter,Arial,sans-serif;cursor:pointer}.c24-filters button[aria-pressed=true]{color:#051d35;background:#86d8ff;border-color:#86d8ff}.c24-reels a:focus-visible,.c24-reels button:focus-visible,.c24-reels video:focus-visible{outline:3px solid #98eaff;outline-offset:4px}.c24-watch{display:grid;grid-template-columns:minmax(250px,410px) minmax(0,1fr);gap:60px;align-items:start;margin:32px 0}.c24-watch video{display:block;width:100%;max-height:75vh;aspect-ratio:9/16;background:#020b17;border-radius:18px;border:1px solid #356087}.c24-watch-copy{padding-top:20px}.c24-watch-copy h1{font-size:clamp(30px,4vw,48px)}.c24-share-status{min-height:24px;font-size:14px}.c24-video-error{padding:12px;background:#173e64;border-radius:8px}.c24-footer{padding:30px 0;border-top:1px solid #315477;color:#bfd5e9}.c24-footer .container{display:flex;gap:25px;flex-wrap:wrap}.c24-gallery-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid #315477}.c24-gallery-head nav{display:flex;gap:20px;flex-wrap:wrap}.c24-brand{font-size:22px;font-weight:800;color:#fff}.c24-brand b{color:#47b5ff}.c24-result-count{font-size:14px}.c24-note{font-size:13px}
/* Extra navigation item: switch to the existing mobile menu before it becomes crowded. */
@media(min-width:1121px){body:has(#c24-reels) .nav-wrap{gap:14px}body:has(#c24-reels) .main-nav{gap:12px}body:has(#c24-reels) .main-nav a{font-size:12px}body:has(#c24-reels) .nav-actions .btn{font-size:12px;padding:10px 12px}}
@media(max-width:800px){.c24-reel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.c24-watch{grid-template-columns:1fr;gap:24px}.c24-watch video{max-width:410px;margin:auto}.c24-watch-copy{padding:0}}
@media(max-width:540px){.c24-reels{padding:48px 0}.c24-reel-grid{grid-template-columns:1fr}.c24-reel-art img{height:370px}.c24-gallery-head{align-items:flex-start;flex-direction:column}.c24-gallery-head nav{font-size:14px}.c24-actions .c24-action{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.c24-reels *{transition:none!important}}
.c24-reels [hidden]{display:none!important}