.video-card{gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;transition:border-color .2s,background .2s,transform .2s;display:flex;overflow:hidden}.video-card:hover{background:var(--color-surface-raised);border-color:#ffd7004d;transform:translateY(-2px)}.video-card__media{aspect-ratio:16/9;cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;appearance:none;background:#000;border:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.video-card__media:focus-visible{outline:2px solid var(--color-accent-gold);outline-offset:-2px}.video-card__thumb{object-fit:cover;width:100%;height:100%;transition:opacity .2s;display:block}.video-card__media:hover .video-card__thumb{opacity:.85}.video-card__play{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-card__play-icon{border-radius:var(--radius-full);background:#000000b8;border:2px solid #ffffffb3;justify-content:center;align-items:center;width:52px;height:52px;transition:background .15s,border-color .15s,transform .15s;display:flex}.video-card__media:hover .video-card__play-icon{background:var(--color-yt-red);border-color:var(--color-yt-red);transform:scale(1.08)}.video-card__play-icon svg{fill:#fff;width:22px;height:22px}.video-card--featured .video-card__play-icon{width:72px;height:72px}.video-card--featured .video-card__play-icon svg{width:30px;height:30px}.video-card__iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-card__body{gap:var(--space-2);padding:var(--space-4);flex-direction:column;padding-top:0;display:flex}.video-card__title{font-size:var(--text-sm);color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.video-card--featured .video-card__title{font-size:var(--text-lg)}.video-card__meta{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.video-card__yt-link{font-size:var(--text-xs);color:var(--color-yt-red);letter-spacing:.02em;align-self:flex-start;font-weight:600;text-decoration:none;transition:opacity .15s}.video-card__yt-link:hover{opacity:.8;text-decoration:underline}
.landing{gap:var(--space-8);flex-direction:column;display:flex}.hero{padding-block:0 var(--space-6)}.hero__content{z-index:1;gap:var(--space-6);flex-direction:column;display:flex;position:relative}.hero__title{gap:var(--space-2);flex-direction:column;display:flex}.hero__eyebrow{font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-gold);margin:0;font-weight:700}.hero__headline{color:var(--color-text);margin:0}.hero__sub{font-size:var(--text-md);color:var(--color-text-muted);max-width:620px;margin:0;line-height:1.6}.hero__ctas{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.hero__cta-primary{padding:var(--space-3)var(--space-7);background:var(--color-accent-gold);color:#000;font-weight:800;font-size:var(--text-base);border-radius:var(--radius-md);white-space:nowrap;text-decoration:none;transition:opacity .15s,transform .15s;display:inline-block}.hero__cta-primary:hover{opacity:.88;transform:translateY(-1px)}.hero__cta-secondary{padding:var(--space-3)var(--space-6);color:var(--color-text-muted);font-size:var(--text-base);border:1px solid var(--color-border);border-radius:var(--radius-md);white-space:nowrap;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-block}.hero__cta-secondary:hover{color:var(--color-text);border-color:var(--color-border-strong);background:var(--color-surface-raised)}.live-band{align-items:center;gap:var(--space-5);padding:var(--space-5)var(--space-7);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-wrap:wrap;display:flex}.live-band__dot{border-radius:var(--radius-full);background:var(--live);width:10px;height:10px;box-shadow:0 0 6px var(--live);flex-shrink:0;animation:2s ease-in-out infinite pulse-live}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.45}}.live-band__text{font-size:var(--text-base);color:var(--color-text-muted);flex:1;margin:0}.live-band__text strong{color:var(--color-text)}.live-band__cta{padding:var(--space-2)var(--space-5);background:var(--live);color:#000;font-weight:800;font-size:var(--text-sm);border-radius:var(--radius-md);white-space:nowrap;flex-shrink:0;text-decoration:none;transition:opacity .15s;display:inline-block}.live-band__cta:hover{opacity:.85}.live-band--offline .live-band__dot{background:var(--color-text-faint);box-shadow:none;animation:none}.live-band--offline .live-band__cta{background:var(--color-surface-raised);color:var(--color-text)}.section-heading{font-family:var(--font-jersey20),sans-serif;font-size:var(--text-2xl);color:var(--color-text);margin:0 0 var(--space-6);font-weight:400}.videos-section{gap:var(--space-6);flex-direction:column;display:flex}.videos-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.videos-empty{padding:var(--space-7);text-align:center;color:var(--color-text-faint);font-size:var(--text-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.tools-section{gap:var(--space-6);padding-bottom:var(--space-9);flex-direction:column;display:flex}.tools-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.landing-tool-card{gap:var(--space-2);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:flex}.landing-tool-card:hover{background:var(--color-surface-raised);border-color:#ffd70066;transform:translateY(-2px)}.landing-tool-card h2{font-family:var(--font-lato),sans-serif;font-size:var(--text-lg);color:var(--color-accent-gold);margin:0;font-weight:700}.landing-tool-card p{font-family:var(--font-lato),sans-serif;font-size:var(--text-sm);color:var(--color-text-muted);max-width:unset;margin:0;font-weight:300}