:root {
  --appbar-height: 120px;
  --appbar-logo-height: 78px;
  --brand-ar-size: 26px;
  --brand-en-size: 14px;
  --hero-isolation: isolate;
  --hero-blend: multiply;
  --hero-opacity: 0.78;
  --hero-opacity-rm: 0.55;
  --hero-lower-opacity: 0;
  --hero-lower-opacity-rm: 0;
  --title-gradient-start: #252D65;
  --title-gradient-end: #009552;
  --title-bg-color: #FFFFFF;
  --home-video-border-alpha: 0.66;
  --body-bg-image: url('/uploads/damascus-background.webp?v=1782641184');
  --hero-bg-image: url('/uploads/damascus-background.webp?v=1782641184');
}

/* Phones shrink the banner so a tall desktop setting cannot eat a small
   screen. Same breakpoint and the same derived values site-header.php used
   inline, and the same pair coming-soon-theme.php emits. */
@media (max-width: 900px) {
  :root {
    --appbar-height: 98px;
    --appbar-logo-height: 64px;
  }
}