/* Shared video and social presentation; keep media downloads user-controlled. */
.social-links { display:flex; align-items:center; gap:8px; }
.social-links a { width:40px; height:40px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(242,232,213,.22); color:var(--bone); transition:color .15s, border-color .15s; }
.social-links a:hover { color:var(--gold); border-color:var(--gold); }
.social-links svg { width:18px; height:18px; }
.header-community { display:flex; align-items:center; gap:24px; }
footer > .social-links { margin-top:20px; }
.hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-3; opacity:0; filter:saturate(1.04) brightness(.56); pointer-events:none; }
.hero-video.is-playing { opacity:1; }
.hero:has(.hero-video.is-playing) .bg { animation:none; }
.hero-media-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; margin-top:22px; }
.hero-media-actions a, .hero-video-toggle { padding:10px 0; color:var(--gold); font:700 12px var(--font-disp); letter-spacing:1.6px; text-transform:uppercase; text-decoration:none; }
.hero-video-toggle { cursor:pointer; background:transparent; border:0; border-bottom:1px solid rgba(242,232,213,.3); color:var(--bone); }
.video-section { padding:64px var(--gutter) 52px; border-bottom:1px solid rgba(242,232,213,.09); scroll-margin-top:20px; }
.video-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:30px; }
.video-heading .kicker { margin:0 0 14px; }
.video-heading h1, .video-heading h2 { margin:0; color:var(--bone); font:900 clamp(40px,5vw,64px)/.96 var(--font-disp); letter-spacing:.4px; text-transform:uppercase; }
.video-intro { max-width:410px; margin:0; color:rgba(242,232,213,.72); font-size:17px; line-height:1.55; }
.video-layout { display:grid; grid-template-columns:minmax(0,2.3fr) minmax(260px,1fr); gap:24px; align-items:start; }
.teaser-card { min-width:0; }
.teaser-frame { position:relative; aspect-ratio:16/9; background:#080606; border:1px solid rgba(217,161,59,.4); overflow:hidden; }
.teaser-player { display:block; width:100%; height:100%; }
.teaser-play { position:absolute; inset:0; width:100%; border:0; padding:0; color:var(--bone); background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 40%,rgba(0,0,0,.5)); cursor:pointer; }
.teaser-play[hidden], .hero-video-toggle[hidden] { display:none; }
.play-mark { position:absolute; left:50%; top:50%; display:grid; place-items:center; width:78px; height:78px; padding-left:5px; transform:translate(-50%,-50%); color:var(--cta-ink); background:var(--gold); box-shadow:6px 7px 0 #0008; font-size:30px; }
.teaser-play:hover .play-mark { background:var(--gold-hi); }
.teaser-tag { position:absolute; top:20px; left:20px; font:700 12px var(--font-disp); letter-spacing:2px; text-transform:uppercase; }
.teaser-duration { position:absolute; right:14px; bottom:14px; padding:5px 9px; background:#0a0706dd; font:600 12px var(--font-mono); }
.teaser-caption { padding-top:18px; }
.teaser-caption h3 { margin:0 0 8px; color:var(--bone); font:900 27px/1.1 var(--font-disp); text-transform:uppercase; }
.teaser-caption p { margin:0 0 8px; color:rgba(242,232,213,.68); font-size:15px; line-height:1.5; }
.video-direct { color:var(--gold); font-size:14px; text-underline-offset:4px; }
.channel-card { min-height:100%; display:flex; flex-direction:column; align-items:flex-start; padding:28px; background:rgba(242,232,213,.025); border:1px solid rgba(242,232,213,.12); }
.channel-identity { display:flex; align-items:center; gap:12px; }
.channel-icon { display:grid; place-items:center; width:44px; height:44px; color:var(--bone); background:#b42a25; }
.channel-icon svg { width:24px; height:24px; }
.channel-identity h3 { margin:0; color:var(--bone); font-size:22px; text-transform:uppercase; }
.channel-identity span:not(.channel-icon) { font:500 11px var(--font-mono); color:rgba(242,232,213,.65); }
.channel-card .channel-title { margin:34px 0 12px; font:900 36px/1 var(--font-disp); text-transform:uppercase; }
.channel-card p { margin:0 0 24px; color:rgba(242,232,213,.72); font-size:16px; line-height:1.6; }
.channel-cta { display:inline-block; padding:14px 20px; background:var(--gold); color:var(--cta-ink); font:900 15px var(--font-disp); letter-spacing:1.6px; text-transform:uppercase; text-decoration:none; }
.channel-cta:hover { background:var(--gold-hi); color:var(--cta-ink); text-decoration:none; }
.channel-community { width:100%; margin-top:32px; padding-top:20px; border-top:1px solid rgba(242,232,213,.12); }
.channel-community p { margin-bottom:8px; font:700 11px var(--font-disp); letter-spacing:2px; text-transform:uppercase; }
.channel-community a { color:var(--gold); font-size:16px; text-decoration:none; }
.videos-page main { flex:1; }
.videos-page .topnav { flex-wrap:wrap; }
.videos-page .video-section { padding-top:52px; }
@media (max-width:1200px) { .header-community .status { display:none; } .top { flex-wrap:wrap; } }
@media (max-width:800px) {
  .video-heading { align-items:flex-start; flex-direction:column; gap:20px; }
  .video-layout { grid-template-columns:1fr; }
  .video-section { padding-top:44px; }
  .video-intro { max-width:540px; }
  .channel-card { min-height:0; }
  .hero .top { gap:14px; }
  .hero .top-left { flex-wrap:wrap; width:100%; justify-content:space-between; gap:14px; }
  .hero .nav { display:flex; gap:16px; flex-wrap:wrap; }
  .hero .nav a { font-size:11px; letter-spacing:1.3px; }
  .hero .top nav { flex-basis:100%; }
  .header-community { position:absolute; top:26px; right:var(--gutter); }
  .play-mark { width:60px; height:60px; font-size:24px; }
}
@media (prefers-reduced-motion:reduce) { .hero-video { display:none; } }
.teaser-frame { z-index:6; }