/* Preserve the original shaded emblem; match the wordmark to the navigation. */
#club-dar-nour-home .cdn-footer__emblem {aspect-ratio:576/830;object-fit:contain}
.header .brand {
  background:transparent;-webkit-mask:none;mask:none;
  --brand-art:image-set(url('/assets/homepage-preview-001/assets/logo/club-dar-nour-header-120.png') 1x,url('/assets/homepage-preview-001/assets/logo/club-dar-nour-header-240.png') 2x,url('/assets/homepage-preview-001/assets/logo/club-dar-nour-header-360.png') 3x);
}
.header .brand img {opacity:1;filter:none;aspect-ratio:2000/1239;clip-path:inset(0 0 30% 0)}
.header .brand::after {
  content:'';position:absolute;inset:0;pointer-events:none;
  clip-path:inset(70% 0 0 0);background:currentColor;
  -webkit-mask-image:var(--brand-art);mask-image:var(--brand-art);
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  transition:background-color var(--nav);
}
@media(max-width:1360px) {
  .header .brand {--brand-art:image-set(url('/assets/homepage-preview-001/assets/logo/club-dar-nour-header-108.png') 1x,url('/assets/homepage-preview-001/assets/logo/club-dar-nour-header-216.png') 2x,url('/assets/homepage-preview-001/assets/logo/club-dar-nour-header-324.png') 3x)}
}
@media(max-width:540px) {
  .header .brand {--brand-art:image-set(url('/assets/homepage-preview-001/assets/logo/club-dar-nour-header-98.png') 1x,url('/assets/homepage-preview-001/assets/logo/club-dar-nour-header-196.png') 2x,url('/assets/homepage-preview-001/assets/logo/club-dar-nour-header-294.png') 3x)}
}