#halora{
  --page:#CBCFB8; --ink:#1E3227; --muted:#3F5447; --accent:#9B8A3E;
  --s:max(.55px,min(100vw / 2048,100vh / 1152));
  --edge:calc(64 * var(--s));
  --glass:rgba(226,232,208,.34);
  --hair:rgba(30,50,39,.28);
}
#halora *{box-sizing:border-box}
#halora{width:100%;position:relative}
#halora{overflow:hidden;background:var(--page);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif}
#halora .hero{position:relative;width:100%;height:100%;isolation:isolate;overflow:hidden;background:var(--page)}
#halora .scene{position:absolute;inset:0;overflow:hidden}
#halora .photo,#halora .video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center bottom;
}
#halora .photo{z-index:0;display:block}
#halora .video{z-index:1;opacity:0;transition:opacity .8s ease;pointer-events:none}
#halora .video.ready{opacity:1}
#halora .fade{position:absolute;z-index:2;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(203,207,184,.92) 0%,rgba(203,207,184,.62) 18%,rgba(203,207,184,0) 39%,rgba(203,207,184,0) 100%);
}

#halora .pill{border:0;border-radius:999px;padding:calc(15 * var(--s)) calc(24 * var(--s));font:500 calc(18 * var(--s))/1 "DM Sans";color:#fff;background:var(--ink);white-space:nowrap}

#halora .copy{position:absolute;z-index:4;left:var(--edge);top:50%;transform:translateY(-45%);
  width:calc(620 * var(--s));direction:rtl;text-align:right;font-family:"Vazirmatn",Tahoma,sans-serif !important}
#halora .eyebrow{display:flex;align-items:center;gap:calc(10 * var(--s));color:var(--muted);
  font-size:calc(19 * var(--s));letter-spacing:.08em;margin-bottom:calc(24 * var(--s));flex-direction:row-reverse;justify-content:flex-end}
#halora .dot{width:calc(10 * var(--s));height:calc(10 * var(--s));border-radius:50%;background:var(--ink)}
#halora .title{margin:0;font-size:calc(42 * var(--s));line-height:1.45;letter-spacing:0;font-weight:500;font-family:"Vazirmatn",Tahoma,sans-serif !important}
#halora .mask{overflow:hidden;display:block}
#halora .line{display:block}
#halora .title .mask:last-child .line{font-size:.52em;font-weight:400;color:var(--muted);line-height:1.7;margin-top:calc(14 * var(--s));direction:rtl}

#halora .metrics{position:absolute;z-index:4;right:var(--edge);top:50%;transform:translateY(-45%);
  display:flex;flex-direction:column;gap:calc(16 * var(--s))}
#halora .card{width:calc(222 * var(--s));height:calc(160 * var(--s));border-radius:calc(20 * var(--s));
  border:calc(1 * var(--s)) solid var(--hair);background:var(--glass);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  padding:calc(18 * var(--s));display:flex;flex-direction:column;justify-content:space-between}
#halora .card-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);
  font-size:calc(13 * var(--s));letter-spacing:.12em;font-weight:600}
#halora .card-head svg{width:calc(20 * var(--s));height:calc(20 * var(--s));stroke:var(--muted);fill:none;stroke-width:1.5}
#halora .metric{font-family:"Manrope",sans-serif;font-weight:300;font-size:calc(37 * var(--s));letter-spacing:-.05em}
#halora .metric.card-title{font-family:"Vazirmatn",Tahoma,sans-serif !important;font-size:calc(22 * var(--s));font-weight:500;letter-spacing:0;line-height:1.6;direction:rtl;text-align:center}
#halora .card-head{direction:rtl}
#halora .sub{font-size:calc(12 * var(--s));letter-spacing:.17em;font-weight:600;color:var(--accent)}

@media(max-width:1199px){
  #halora{--edge:calc(36 * var(--s))}
#halora .copy{width:calc(520 * var(--s))}
#halora .title{font-size:calc(36 * var(--s))}
#halora .metrics{right:var(--edge)}
}
@media(max-width:820px){
  #halora{--edge:18px}
#halora{overflow:visible}
#halora .hero{min-height:100svh;height:auto;overflow:hidden}
#halora .scene{position:absolute;height:100%;inset:auto 0 0}
#halora .copy{position:relative;left:auto;top:auto;transform:none;width:auto;padding:72px 18px 0;z-index:4}
#halora .eyebrow{font-size:12px;margin-bottom:15px}
#halora .dot{width:7px;height:7px}
#halora .title{font-size:clamp(26px,7vw,36px)}
#halora .title .mask:last-child .line{font-size:.62em}
#halora .metrics{position:relative;right:auto;top:auto;transform:none;z-index:4;
    flex-direction:row;padding:34px 18px 18px;gap:9px}
#halora .card{width:calc((100vw - 54px)/3);height:128px;border-radius:16px;padding:13px}
#halora .card-head{font-size:9px}
#halora .card-head svg{width:15px;height:15px}
#halora .metric{font-size:25px}
#halora .metric.card-title{font-size:13px}
#halora .sub{font-size:8px}
#halora .scene{height:52svh;min-height:330px}
#halora .photo,#halora .video{object-position:center bottom}
#halora .fade{background:linear-gradient(180deg,rgba(203,207,184,0) 0%,rgba(203,207,184,.08) 25%,rgba(203,207,184,.9) 100%)}
}
@media(prefers-reduced-motion:reduce){
#halora *,#halora *::before,#halora *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
#halora .video{display:none!important}
}

#halora .hero{min-height:100svh;height:100svh}
#halora .copy,#halora .copy *{font-family:"Vazirmatn",Tahoma,sans-serif !important}
#halora .card,#halora .card *{font-family:"Vazirmatn",Tahoma,sans-serif !important}