/* PareClass Intro Background Studio */
#pareclassIntro{--pc-scene-dim:.22}

/* Custom photo/video fills the whole intro background */
#pareclassIntro .pc-scene-custom{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  pointer-events:none;
}
#pareclassIntro .pc-scene-custom img,
#pareclassIntro .pc-scene-custom video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
#pareclassIntro .pc-scene-custom:after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(2,11,27,var(--pc-scene-dim,.22));
}
#pareclassIntro.pc-scene-custom-active .city-world{
  opacity:0!important;
  visibility:hidden!important;
}

/* Built-in presets: same generated city, different atmosphere */
#pareclassIntro[data-pc-scene-preset="pare-night"] .city-sky{
  background:
    radial-gradient(circle at 76% 38%,rgba(255,229,166,.98) 0 1.2%,rgba(255,160,72,.28) 6%,transparent 18%),
    radial-gradient(circle at 54% 14%,rgba(60,126,255,.17),transparent 24%),
    linear-gradient(180deg,#020817 0%,#061a3c 31%,#173d76 53%,#9c5668 73%,#ef965c 100%);
}

#pareclassIntro[data-pc-scene-preset="midnight"] .city-sky{
  background:
    radial-gradient(circle at 76% 30%,rgba(123,162,255,.15),transparent 18%),
    radial-gradient(circle at 35% 8%,rgba(84,109,189,.14),transparent 22%),
    linear-gradient(180deg,#01040d 0%,#031026 43%,#071a36 70%,#0b1e3d 100%);
}
#pareclassIntro[data-pc-scene-preset="midnight"] .cloud{opacity:.20}
#pareclassIntro[data-pc-scene-preset="midnight"] .horizon-glow{opacity:.42}
#pareclassIntro[data-pc-scene-preset="midnight"] .lamp:before{box-shadow:0 0 18px rgba(255,202,108,.6),0 0 42px rgba(255,145,51,.25)}

#pareclassIntro[data-pc-scene-preset="golden-dusk"] .city-sky{
  background:
    radial-gradient(circle at 76% 34%,rgba(255,240,180,.98) 0 1.5%,rgba(255,170,75,.36) 7%,transparent 21%),
    linear-gradient(180deg,#07162e 0%,#213d68 35%,#8a5064 63%,#ef8c52 82%,#ffc07a 100%);
}
#pareclassIntro[data-pc-scene-preset="golden-dusk"] .cloud{opacity:.40;filter:saturate(.9)}
#pareclassIntro[data-pc-scene-preset="golden-dusk"] .horizon-glow{opacity:1}

#pareclassIntro[data-pc-scene-preset="blue-dawn"] .city-sky{
  background:
    radial-gradient(circle at 72% 26%,rgba(242,248,255,.78) 0 1.4%,rgba(144,197,255,.17) 8%,transparent 22%),
    linear-gradient(180deg,#06162e 0%,#123661 35%,#3e78a2 64%,#91afc6 84%,#d4c7c4 100%);
}
#pareclassIntro[data-pc-scene-preset="blue-dawn"] .cloud{opacity:.56;filter:brightness(1.05) blur(.2px)}
#pareclassIntro[data-pc-scene-preset="blue-dawn"] .horizon-glow{opacity:.35}
#pareclassIntro[data-pc-scene-preset="blue-dawn"] .lamp{opacity:.48}

#pareclassIntro[data-pc-scene-preset="minimal-stars"] .city-sky{
  background:
    radial-gradient(circle at 62% 14%,rgba(75,118,200,.13),transparent 23%),
    linear-gradient(180deg,#010612,#041126 55%,#071a34 100%);
}
#pareclassIntro[data-pc-scene-preset="minimal-stars"] .cloud,
#pareclassIntro[data-pc-scene-preset="minimal-stars"] .city-rays,
#pareclassIntro[data-pc-scene-preset="minimal-stars"] .mountains,
#pareclassIntro[data-pc-scene-preset="minimal-stars"] .road,
#pareclassIntro[data-pc-scene-preset="minimal-stars"] .lamp{
  opacity:.12!important;
}
#pareclassIntro[data-pc-scene-preset="minimal-stars"] .city{
  opacity:.34!important;
}
#pareclassIntro[data-pc-scene-preset="minimal-stars"] .city-stars{
  opacity:1;
}

/* simple dim layer for built-in presets */
#pareclassIntro .pc-scene-dim{
  position:absolute;
  inset:0;
  z-index:14;
  pointer-events:none;
  background:rgba(2,11,27,var(--pc-scene-dim,.22));
}