/* V29 — Cinematic hero refinement; only #home .jr28-hero elements */
.jr28-hero {
  background:
    radial-gradient(ellipse 46% 33% at 50% 39%, rgba(255,150,25,.15) 0%, rgba(255,150,25,.055) 43%, transparent 100%),
    radial-gradient(ellipse 100% 80% at 50% 0%, #1b120c 0%, #0e0d0c 63%, #080808 100%) !important;
}
.jr28-hero .jr28-display-wrap {
  position:relative;
  isolation:isolate;
  padding:clamp(22px,3.8vh,42px) 10px clamp(14px,2.2vh,25px);
}
.jr28-hero .jr28-display-wrap::before {
  content:"";
  position:absolute;
  z-index:-1;
  top:50%;left:50%;width:min(76vw,800px);height:clamp(130px,27vw,280px);
  transform:translate(-50%,-52%);
  background:radial-gradient(ellipse closest-side,rgba(255,136,20,.19),rgba(255,136,20,.065) 48%,transparent 100%);
  filter:blur(24px);
  pointer-events:none;
}
.jr28-hero h1 {
  font-size:clamp(66px,12.9vw,184px);
  letter-spacing:-.079em;
  line-height:.9;
  margin:0;
  font-weight:900;
  white-space:nowrap;
  text-wrap:nowrap;
  text-shadow:0 8px 24px #0008,0 23px 70px #0006;
}
.jr28-hero .jr28-overline {
  font-size:clamp(10px,1vw,12px);
  letter-spacing:.19em;
  animation:jr28-fade-up .8s .08s both;
}
.jr28-hero .jr28-live-dot {
  animation:jr29-status 3.1s ease-in-out infinite;
}
@keyframes jr29-status {
  0%,100% {opacity:.7;box-shadow:0 0 5px #ff96194a}
  50% {opacity:1;box-shadow:0 0 13px #ff96198c}
}
.jr28-hero .jr28-rule {margin-top:5px;margin-bottom:30px}
/* The main CTA is deliberately outlined, not solid. */
.jr28-hero .jr28-primary {
  color:#fff5ec !important;
  background:rgba(15,13,11,.40) !important;
  border:1px solid rgba(255,150,25,.92) !important;
  box-shadow:inset 0 0 0 1px rgba(255,150,25,.07),0 0 22px rgba(255,150,25,.07);
}
.jr28-hero .jr28-primary:hover,
.jr28-hero .jr28-primary:focus-visible {
  background:rgba(255,150,25,.14) !important;
  color:#fff !important;
  box-shadow:0 0 24px rgba(255,150,25,.18);
}
.jr28-hero .jr28-secondary {border-color:rgba(255,255,255,.22) !important;background:rgba(255,255,255,.035)}
.jr28-hero .jr28-scroll {bottom:19px;opacity:.78;gap:9px}
.jr28-hero .jr28-scroll-bar {width:11px;height:23px}
.jr28-hero .jr28-orbit {border-color:rgba(255,150,25,.055)}
.jr28-hero .jr28-corner {border-color:#ff96192c}
@media(max-width:700px) {
  .jr28-hero h1 {font-size:clamp(40px,11.2vw,78px);letter-spacing:-.08em}
  .jr28-hero .jr28-display-wrap {padding:25px 0 21px}
  .jr28-hero .jr28-overline {font-size:9px;letter-spacing:.1em}
  .jr28-hero .jr28-display-wrap::before {width:95vw;height:160px;filter:blur(18px)}
  .jr28-hero .jr28-rule {margin-bottom:24px}
}
@media(max-width:375px){.jr28-hero h1{font-size:10.8vw}}
@media(prefers-reduced-motion:reduce) {
  .jr28-hero .jr28-live-dot{animation:none !important}
}
