/*
  J Christopher Entertainment
  Homepage-only overrides — 2026-09-20b

  IMPORTANT:
  This file is loaded ONLY by index.html.
  The global css/style.css is the untouched approved site baseline.
*/

/* =========================================================
   J Christopher Entertainment — Homepage corrections
   2026-09-20a
   Full stylesheet: base site styles + homepage corrections.
   ========================================================= */

/* Home hero: preserve header/navigation, tighten hero, remove legacy duplicate kicker. */
body.home-video-page .hero{
  min-height:390px;
  padding:58px 0 48px;
  background:
    radial-gradient(circle at 78% 50%,rgba(8,196,201,.15),transparent 15rem),
    linear-gradient(105deg,rgba(0,0,0,.95) 5%,rgba(0,0,0,.77) 52%,rgba(0,34,36,.36));
}
body.home-video-page .hero::before{
  content:none !important;
  display:none !important;
}
body.home-video-page .hero .container::before{
  content:none !important;
  display:none !important;
}
body.home-video-page .hero .container{
  position:relative;
  z-index:2;
}

/* Requested turquoise line. */
body.home-video-page .home-tagline{
  display:block;
  margin:0 0 12px;
  color:#29e1df;
  font-size:clamp(.72rem,1.15vw,.92rem);
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  line-height:1.25;
}

/* Main white heading about 30% smaller than the original. */
body.home-video-page .hero h1{
  max-width:650px;
  font-size:clamp(1.16rem,2.70vw,2.48rem);
  margin-bottom:16px;
}
body.home-video-page .hero p{
  max-width:720px;
  margin-bottom:24px;
}

/* Real homepage MP4 lives only inside the glowing circle. */
body.home-video-page .hero-video-circle{
  position:absolute;
  z-index:1;
  width:330px;
  aspect-ratio:1;
  right:max(5vw,48px);
  top:50%;
  transform:translateY(-50%);
  overflow:hidden;
  border-radius:50%;
  border:2px solid rgba(81,255,249,.78);
  background:#020809;
  box-shadow:
    0 0 15px rgba(22,217,212,.92),
    0 0 58px rgba(22,217,212,.38),
    inset 0 0 28px rgba(22,217,212,.10);
  pointer-events:none;
}
body.home-video-page .hero-video-circle video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  transform:none !important;
  opacity:.97;
  filter:brightness(1.08) saturate(1.03) contrast(1.02);
}
body.home-video-page .hero-video-circle::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(circle at center,transparent 64%,rgba(0,0,0,.12) 100%);
}

/* Smaller red section headings and reduced vertical gaps. */
body.home-video-page h2{
  font-size:clamp(.98rem,1.68vw,1.43rem);
  margin-bottom:16px;
}
body.home-video-page main > section:not(.hero){
  padding-top:30px;
  padding-bottom:30px;
}
body.home-video-page .grid{
  gap:18px;
}
body.home-video-page .home-bottom-grid{
  gap:20px;
  align-items:stretch;
  margin-top:-8px;
}
body.home-video-page .home-bottom-grid > .card{
  height:100%;
}
body.home-video-page .home-events-card p:last-child{
  margin-bottom:0;
}

/* Phone number: still prominent, slightly reduced. */
body.home-video-page .price{
  font-size:clamp(2rem,4.2vw,3.25rem);
  line-height:1.05;
}

@media(max-width:1050px){
  body.home-video-page .hero-video-circle{
    width:300px;
    right:-55px;
  }
  body.home-video-page .hero h1,
  body.home-video-page .hero p{
    max-width:68%;
  }
}

@media(max-width:680px){
  body.home-video-page .hero{
    min-height:360px;
    padding:44px 0 38px;
  }
  body.home-video-page .home-tagline{
    font-size:.72rem;
    letter-spacing:.11em;
    margin-bottom:10px;
  }
  body.home-video-page .hero h1{
    max-width:78%;
    font-size:clamp(1.12rem,5.1vw,1.68rem);
  }
  body.home-video-page .hero p{
    max-width:76%;
    font-size:1rem;
    line-height:1.52;
    margin-bottom:20px;
  }
  body.home-video-page .hero-video-circle{
    width:245px;
    right:-100px;
    opacity:.86;
  }
  body.home-video-page .hero-video-circle video{
    transform:none !important;
  }
  body.home-video-page main > section:not(.hero){
    padding-top:24px;
    padding-bottom:24px;
  }
  body.home-video-page h2{
    font-size:clamp(.98rem,4.3vw,1.35rem);
  }
  body.home-video-page .home-bottom-grid{
    gap:16px;
    margin-top:-4px;
  }
  body.home-video-page .price{
    font-size:clamp(1.8rem,9vw,2.45rem);
    white-space:nowrap;
  }
}