/* Noara Studio video style. Every reel links this file; see noara-video-style.md */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@700;900&family=Inter:wght@500;700&display=swap');

:root{
  --noara-purple:#7C3AED;      /* main brand colour: chips, bars, cut flashes */
  --noara-purple-deep:#3B0A8F; /* dark grounds */
  --noara-lilac:#C9A7FF;       /* the highlighted word on dark grounds */
  --noara-white:#FFFFFF;       /* main text on dark grounds */
  --noara-ink:#0B0714;         /* main text on light grounds */
  --noara-font-fa:Vazirmatn,sans-serif;  /* all Persian text */
  --noara-font-en:Inter,sans-serif;      /* URLs and handles */
}

/* hook, top of the video: two short lines, the second one highlighted */
.noara-hook{position:absolute;left:0;right:0;top:112px;text-align:center;font-family:var(--noara-font-fa);font-weight:900;color:var(--noara-white);line-height:1.08;text-shadow:0 6px 34px rgba(0,0,0,.85)}
.noara-hook .l1{display:block;font-size:92px}
.noara-hook .l2{display:block;font-size:118px;color:var(--noara-lilac);position:relative}

/* the brush stroke from the Noara covers, under a highlighted line */
.noara-brush{display:block;width:560px;height:30px;margin:2px auto 0}
.noara-brush path{fill:none;stroke:var(--noara-purple);stroke-width:9;stroke-linecap:round}

/* small data chip */
.noara-chip{position:absolute;left:50%;padding:8px 40px 14px;border-radius:999px;background:var(--noara-purple);color:var(--noara-white);font-family:var(--noara-font-fa);font-weight:900;font-size:62px;line-height:1.1;font-variant-numeric:tabular-nums;box-shadow:0 12px 40px rgba(59,10,143,.6)}

/* retention bar along the top edge of every video */
.noara-bar{position:absolute;left:0;top:0;height:9px;background:var(--noara-purple);box-shadow:0 0 18px var(--noara-purple)}

/* closing call to action */
.noara-cta{position:absolute;left:60px;right:60px;text-align:center;font-family:var(--noara-font-fa);font-weight:900;color:var(--noara-white);line-height:1.12}
.noara-cta .l1{display:block;font-size:98px}
.noara-cta .l2{display:block;font-size:122px;color:var(--noara-white)}  /* on a purple ground the highlight is white plus the brush, lilac would disappear */
.noara-cta .noara-brush path{stroke:var(--noara-white)}
.noara-url{display:block;margin-top:38px;font-family:var(--noara-font-en);font-size:42px;font-weight:500;letter-spacing:4px;direction:ltr;color:var(--noara-white)}