/* NatureJAB x Invest Fest 2026 home banner — hosted in Supabase assets/site/
   Scope: .nj-if  |  Fonts load site-wide via Webflow (Archivo Black / Bitter / JetBrains Mono) */
.nj-if{ --bg:#0D0E0A; --panel:#14150F; --lime:#5DBA63; --flame:#FF5B1F;
  --text:#F3EFE3; --muted:#A8A393; --border:#2A2B24;
  position:relative; width:100%; min-height:78vh; box-sizing:border-box;
  display:flex; align-items:flex-end; overflow:hidden; background:#07080a;
  font-family:'Bitter',serif; }
.nj-if *{ box-sizing:border-box; }
.nj-if__media{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1; }
.nj-if__tint{ position:absolute; inset:0; z-index:1;
  background:linear-gradient(90deg, rgba(7,8,10,.55) 0%, rgba(7,8,10,.15) 55%, rgba(7,8,10,.05) 100%); }
.nj-if__panel{ position:relative; z-index:2; background:var(--bg);
  border:1px solid var(--border); border-left:4px solid var(--flame);
  max-width:620px; margin:0 24px 48px; padding:30px 32px; }
.nj-if__eyebrow{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:3px;
  text-transform:uppercase; color:var(--lime); margin:0 0 12px; }
.nj-if__title{ font-family:'Archivo Black',sans-serif; text-transform:uppercase;
  font-size:clamp(28px,4.6vw,46px); line-height:1.02; letter-spacing:-.01em; color:var(--text); margin:0; }
.nj-if__title span{ color:var(--flame); }
.nj-if__sub{ font-size:15px; line-height:1.6; color:var(--muted); margin:16px 0 14px; max-width:48ch; }
.nj-if__code{ font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:1px;
  color:var(--muted); margin:0 0 22px; }
.nj-if__code b{ color:var(--bg); background:var(--lime); font-weight:700; letter-spacing:2px;
  padding:4px 9px; margin-right:6px; }
.nj-if__btn{ display:inline-block; font-family:'JetBrains Mono',monospace; font-size:13px; font-weight:700;
  letter-spacing:2px; text-transform:uppercase; background:var(--flame); color:#1a0a04;
  padding:16px 30px; text-decoration:none; border:1px solid var(--flame); cursor:pointer;
  transition:background .2s, box-shadow .2s; }
.nj-if__btn:hover{ background:#ff6f3a; box-shadow:0 0 24px rgba(255,91,31,.25); }
.nj-if__fine{ display:block; margin-top:14px; font-family:'JetBrains Mono',monospace;
  font-size:10px; letter-spacing:1px; color:#6f6e63; }
@media screen and (max-width:767px){
  .nj-if{ display:block; min-height:0; }
  .nj-if__media{ position:static; inset:auto; width:100%; height:auto; aspect-ratio:16/9; }
  .nj-if__tint{ display:none; }
  .nj-if__panel{ max-width:none; margin:0; padding:26px 22px; border-top:none; }
}