/* Crew/Wars: the stone logo and the supplied fire clip behind it (the nav, hero and panels live in cw-kit.css and cw-pages.css).
   Loaded only by cw_base.html; other sections keep their logo and visual identity. */
/* Screen needs the header as its backdrop; a transformed logo isolates it. */
body.page-cw .logo { isolation: auto; filter: none; transform: none; }
body.page-cw .cw-bunting { overflow: hidden; }
body.page-cw .logo-img { position: relative; z-index: 1; filter: url(#cw-logo-stone) drop-shadow(0 2px 1px #000) drop-shadow(0 4px 5px #0008); animation: none; }
body.page-cw .logo::before { display: none; }
body.page-cw .logo::after { content: "CREW / WARS"; font: 800 13px/1.2 var(--label); letter-spacing: .16em; text-indent: 0; padding: 6px 26px; }
body.page-cw .cw-logofire { display: block; inset: auto 0 -7% 0; height: 124%; z-index: 0; overflow: hidden; mix-blend-mode: screen; pointer-events: none; opacity: .85; mask-image: linear-gradient(90deg, transparent, #000 8% 92%, transparent), url(/static/img/cw/fire-edge-mask.svg); mask-size: 100% 100%; mask-repeat: no-repeat; mask-composite: intersect; }
/* Uneven pockets of ember light blend the flame bed into the stone wall. */
.cw-logofire::after { content: ""; position: absolute; inset: 68% 1% 0; pointer-events: none; opacity: .95; background: url(/static/img/cw/fire-ember-base.svg) center / 100% 100% no-repeat; }
/* Only the clean first 9.9 seconds are encoded. Screen removes black without
   recoloring the real flames; overlapping panels preserve their proportions. */
.cw-logofire video { position: absolute; bottom: 0; display: block; width: 58%; height: 100%; object-fit: fill; filter: blur(.55px); mask-image: linear-gradient(90deg, transparent, #000 18% 82%, transparent), linear-gradient(180deg, #000 65%, #000b 79%, transparent 96%); mask-composite: intersect; }
.cw-logofire video:nth-child(1) { left: -4%; }
.cw-logofire video:nth-child(2) { right: -4%; transform: scaleX(-1); }
@media (max-width: 640px) {
  .cw-logofire video:nth-child(1) { left: 0; width: 100%; }
  .cw-logofire video:nth-child(n+2) { display: none; }
}
html[data-theme="white"] body.page-cw .logo-img { filter: url(#cw-logo-stone) drop-shadow(0 2px 1px #34404e); }

@media (prefers-reduced-motion: reduce) { body.page-cw .cw-logofire { display: none; } }
html[data-theme="white"] body.page-cw .cw-logofire { display: none; }