/* KHUZARCH 1.9.1 — homepage spacing/type adjustments only. */

.home .khz-xp-title,
.home .khz3-architects-head h2,
.home .khz3-academy-head h2{
  font-size:27px!important;
  font-weight:900!important;
  line-height:1.45!important;
}

/* Reduce the oversized gap before the architect portraits on homepage. */
.home .khz3-architects{
  padding-top:82px!important;
  padding-bottom:108px!important;
}
.home .khz3-architects-head{
  margin-bottom:46px!important;
}
.home .khz3-architect-grid{
  gap:58px 72px!important;
}
.home .khz3-portrait{
  margin-bottom:16px!important;
}

@media(max-width:1000px){
  .home .khz3-architects-head{margin-bottom:38px!important}
  .home .khz3-architect-grid{gap:48px 40px!important}
}

@media(max-width:600px){
  .home .khz3-architects{
    padding-top:58px!important;
    padding-bottom:78px!important;
  }
  .home .khz3-architects-head{margin-bottom:30px!important}
  .home .khz3-architect-grid{gap:38px 16px!important}
  .home .khz3-portrait{margin-bottom:11px!important}
}

/* =========================================================
   KHUZARCH 1.9.9 — cinematic homepage atmosphere + stronger motion
   ========================================================= */
.home .cinematic-stage{
  --khz-hero-image-x:0px;
  --khz-hero-image-y:0px;
  --khz-hero-bg-x:0px;
  --khz-hero-bg-y:0px;
  --khz-hero-copy-x:0px;
  --khz-hero-copy-y:0px;
}
.home .cin-exterior{
  isolation:isolate;
  background:
    radial-gradient(circle at 76% 20%,rgba(199,122,38,.18),transparent 31%),
    radial-gradient(circle at 18% 82%,rgba(64,82,112,.20),transparent 38%),
    linear-gradient(145deg,#07090c 0%,#030405 55%,#0a0a09 100%)!important;
}
.home .cin-exterior-layer{
  z-index:0;
  transform:
    translate3d(
      calc(var(--exX) + var(--khz-hero-image-x)),
      calc(var(--exY) + var(--khz-hero-image-y)),
      0
    )
    scale(calc(var(--exScale) * 1.045))!important;
  filter:contrast(1.08) saturate(.92) drop-shadow(0 24px 54px rgba(0,0,0,.44))!important;
}
.home .cin-exterior::before{
  content:"";
  position:absolute;
  inset:-8%;
  z-index:1;
  pointer-events:none;
  opacity:.64;
  background:
    radial-gradient(circle at 68% 24%,rgba(230,146,54,.24),transparent 22%),
    radial-gradient(circle at 22% 74%,rgba(80,105,145,.20),transparent 30%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(rgba(199,122,38,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(199,122,38,.026) 1px,transparent 1px);
  background-size:auto,auto,58px 58px,58px 58px,14px 14px,14px 14px;
  background-position:center;
  mix-blend-mode:screen;
  transform:translate3d(var(--khz-hero-bg-x),var(--khz-hero-bg-y),0) scale(1.08);
  will-change:transform,opacity;
  animation:khzHomeHeroAtmosphere 8s ease-in-out infinite alternate;
}
.home .cin-exterior::after{
  z-index:2!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.38),transparent 24%,transparent 68%,rgba(0,0,0,.18)),
    linear-gradient(180deg,rgba(0,0,0,.20),transparent 35%,rgba(0,0,0,.52))!important;
}
.home .cin-title{
  transform:translate3d(
    var(--khz-hero-copy-x),
    calc(var(--titleY) + var(--khz-hero-copy-y)),
    0
  )!important;
  will-change:transform,opacity;
}
@keyframes khzHomeHeroAtmosphere{
  0%{opacity:.48;filter:brightness(.92)}
  100%{opacity:.72;filter:brightness(1.10)}
}

.home .khz-explorer{
  --khz-xp-strong-x:0px;
  --khz-xp-strong-y:0px;
  --khz-xp-strong-rx:0deg;
  --khz-xp-strong-ry:0deg;
  --khz-xp-grid-x:0px;
  --khz-xp-grid-y:0px;
  --khz-xp-grid-r:0deg;
  --khz-xp-shadow-x:0px;
  --khz-xp-shadow-y:0px;
  --khz-xp-copy-x:0px;
  --khz-xp-copy-y:0px;
  --khz-xp-glow-x:0px;
  --khz-xp-glow-y:0px;
}
.home .khz-explorer-body{
  perspective:1200px;
}
.home .khz-explorer::after{
  transform:translate3d(var(--khz-xp-glow-x),var(--khz-xp-glow-y),0)!important;
  transition:none!important;
}
.home .khz-explorer .khz-xp-visual{
  transform:none!important;
  transition:none!important;
}
.home .khz-explorer .khz-xp-visual::before{
  transform:
    translate(
      calc(-50% + var(--khz-xp-grid-x)),
      calc(-50% + var(--khz-xp-grid-y))
    )
    rotate(var(--khz-xp-grid-r))
    scale(1.035)!important;
  will-change:transform;
}
.home .khz-explorer .khz-xp-visual-frame{
  transform:
    perspective(900px)
    translate3d(var(--khz-xp-strong-x),var(--khz-xp-strong-y),42px)
    rotateX(var(--khz-xp-strong-rx))
    rotateY(var(--khz-xp-strong-ry))
    scale(1.035)!important;
  transform-style:preserve-3d;
  transition:none!important;
  will-change:transform;
}
.home .khz-explorer .khz-xp-visual-frame::after{
  transform:translate3d(var(--khz-xp-shadow-x),var(--khz-xp-shadow-y),-30px) scale(1.14);
  transition:none;
}
.home .khz-explorer .khz-xp-image{
  filter:drop-shadow(0 24px 28px rgba(61,48,35,.18));
}
.home .khz-explorer .khz-xp-copy{
  transform:translate3d(var(--khz-xp-copy-x),var(--khz-xp-copy-y),0)!important;
  transition:none!important;
  will-change:transform;
}

.home .khz3-architect,
.home .khz3-learning-item{
  transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease!important;
}
.home .khz3-architect:hover{
  transform:translateY(-10px) rotate(.25deg);
}
.home .khz3-learning-item:hover{
  transform:translateY(-8px);
}
.home .khz3-architect:hover .khz3-portrait img{
  transform:scale(1.035);
}

@media (hover:none),(pointer:coarse){
  .home .cin-exterior-layer{
    transform:translate3d(var(--exX),var(--exY),0) scale(var(--exScale))!important;
  }
  .home .cin-title{
    transform:translate3d(0,var(--titleY),0)!important;
  }
  .home .khz-explorer .khz-xp-visual-frame,
  .home .khz-explorer .khz-xp-visual::before,
  .home .khz-explorer .khz-xp-copy,
  .home .khz-explorer::after{
    transform:none!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .home .cin-exterior::before{animation:none!important}
  .home .cin-exterior-layer{
    transform:translate3d(var(--exX),var(--exY),0) scale(var(--exScale))!important;
  }
  .home .cin-title{
    transform:translate3d(0,var(--titleY),0)!important;
  }
  .home .khz-explorer .khz-xp-visual-frame,
  .home .khz-explorer .khz-xp-visual::before,
  .home .khz-explorer .khz-xp-copy,
  .home .khz-explorer::after,
  .home .khz3-architect,
  .home .khz3-learning-item{
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
}