/* DJIVA AI hero v6 – approved wizard artwork, seamless near-black blending.
   Portrait crop/resizing was proportional only; background-size:cover/contain preserves aspect ratio. */
.v2-top.v2-top-ai .v2-page{
  color:#ffc65b!important;font-size:14px!important;font-weight:850!important;
  letter-spacing:.06em!important;text-shadow:0 0 10px rgba(255,173,28,.46)!important;
}
.v2-top.v2-top-ai .v2-page::after{
  content:"✦";position:absolute;right:-12px;top:-7px;
  font-size:10px;color:#ffdb8d;text-shadow:0 0 9px #ffbd4a;
}
.gh-ai-page.gs-home .gs-welcome.gs-hero{
  position:relative!important;display:block!important;isolation:isolate!important;
  box-sizing:border-box!important;width:100%!important;min-height:0!important;
  height:clamp(172px,49vw,196px)!important;
  padding:0!important;overflow:hidden!important;border-radius:20px!important;
  background:transparent!important;border:0!important;outline:0!important;
  box-shadow:none!important;
}
.gh-ai-page.gs-home .gs-ai-cinematic-art{
  position:absolute!important;inset:0!important;z-index:1!important;
  width:100%!important;height:100%!important;
  opacity:1!important;pointer-events:none!important;
  background-color:#000!important;
  background-image:url("/djiva-ai-hero-mobile-approved-v6.webp?v=20261031-approved6")!important;
  background-position:right center!important;background-size:auto 88%!important;
  background-repeat:no-repeat!important;filter:none!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.56) 17%,#000 38%)!important;
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.56) 17%,#000 38%)!important;
}
.gh-ai-page.gs-home .gs-welcome.gs-hero::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:2!important;
  background:linear-gradient(90deg,rgba(0,0,0,.10),rgba(0,0,0,0) 56%)!important;
  pointer-events:none!important;
}
.gh-ai-page.gs-home .gs-hero-copy{
  position:absolute!important;inset:0!important;z-index:3!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  text-align:left!important;pointer-events:none!important;
}
.gh-ai-page.gs-home .gs-hero .gs-date{
  position:absolute!important;top:12px!important;left:14px!important;
  display:block!important;width:75%!important;margin:0!important;
  white-space:normal!important;line-height:1.3!important;
  color:#dbe6f5!important;font-size:11px!important;font-weight:550!important;
  text-shadow:0 1px 6px rgba(0,0,0,.5)!important;
}
.gh-ai-page.gs-home .gs-hero h1{
  position:absolute!important;top:30%!important;left:14px!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  gap:0!important;width:64%!important;max-width:64%!important;
  margin:0!important;padding:0!important;overflow-wrap:anywhere!important;
  color:#fff!important;font-size:clamp(21px,5.95vw,26px)!important;
  font-weight:850!important;line-height:1.1!important;letter-spacing:-.045em!important;
  text-shadow:0 2px 10px rgba(0,0,0,.48)!important;
}
.gh-ai-page.gs-home .gs-hero h1 .gs-ai-name{
  color:#ffd274!important;text-shadow:0 0 11px rgba(255,180,35,.26)!important;
}
.gh-ai-page.gs-home .gs-hero .gs-hero-subtitle{
  position:absolute!important;left:14px!important;bottom:11px!important;
  width:67%!important;max-width:67%!important;margin:0!important;padding:0!important;
  color:#dbe4f0!important;font-size:clamp(10px,2.8vw,11.5px)!important;
  font-weight:550!important;line-height:1.46!important;
  text-shadow:0 1px 7px rgba(0,0,0,.55)!important;
}
.gh-ai-page.gs-home .gs-mountain,.gh-ai-page.gs-home .gs-hero-quote{display:none!important;}
/* On light mode keep the hero black so the white welcome remains accessible. */
html[data-theme="light"] .gh-ai-page.gs-home .gs-welcome.gs-hero{background:#000!important;}
html[data-theme="light"] .gh-ai-page.gs-home .gs-ai-cinematic-art{
  -webkit-mask-image:none!important;mask-image:none!important;
}
html[data-theme="light"] .gh-ai-page.gs-home .gs-hero h1{color:#fff!important;}
html[data-theme="light"] .gh-ai-page.gs-home .gs-hero .gs-date{color:#dbe6f5!important;}
html[data-theme="light"] .gh-ai-page.gs-home .gs-hero .gs-hero-subtitle{color:#dbe4f0!important;}
@media(max-width:360px){
  .gh-ai-page.gs-home .gs-welcome.gs-hero{height:172px!important;}
  .gh-ai-page.gs-home .gs-hero h1{font-size:21px!important;top:30%!important;}
  .gh-ai-page.gs-home .gs-hero .gs-hero-subtitle{font-size:10px!important;}
}
@media(min-width:600px){
  .gh-ai-page.gs-home .gs-welcome.gs-hero{height:230px!important;}
  .gh-ai-page.gs-home .gs-ai-cinematic-art{
    background-image:url("/djiva-ai-hero-desktop-approved-v6.webp?v=20261031-approved6")!important;
    background-size:auto 90%!important;background-position:right center!important;
  }
  .gh-ai-page.gs-home .gs-hero .gs-date{top:20px!important;left:25px!important;font-size:13px!important;}
  .gh-ai-page.gs-home .gs-hero h1{
    top:28%!important;left:25px!important;font-size:clamp(30px,4.5vw,39px)!important;width:56%!important;
  }
  .gh-ai-page.gs-home .gs-hero .gs-hero-subtitle{
    left:25px!important;bottom:24px!important;font-size:13px!important;
  }
}

/* DJIVA AI visual unity — gold hero contour and balanced spacing (v1). */
.gh-ai-page.gs-home .gs-welcome.gs-hero{
  margin:0 0 22px!important;
  border:1px solid rgba(255,192,104,.49)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,211,130,.055),
    0 0 0 1px rgba(255,149,35,.045),
    0 5px 22px rgba(255,151,51,.09)!important;
}
html[data-theme="light"] .gh-ai-page.gs-home .gs-welcome.gs-hero{
  border-color:rgba(199,118,28,.56)!important;
  box-shadow:0 4px 18px rgba(139,91,26,.12)!important;
}
.v2-top.v2-top-ai .v2-page{
  color:#ffd083!important;
  text-shadow:0 0 9px rgba(255,178,50,.28)!important;
}
@media(max-width:370px){
  .gh-ai-page.gs-home .gs-welcome.gs-hero{margin-bottom:20px!important}
}