/* TG Vault v155 — Homepage mobile white box fix
   Fixes the bright block on the start page by removing the heavy hero bottom overlay
   and replacing it with a softer full-width transition. */

body.home-page{
  background-color:#F4EBDD!important;
  background-image:
    radial-gradient(circle at 12% 6%, rgba(212,176,106,.10), transparent 26%),
    radial-gradient(circle at 88% 14%, rgba(91,30,45,.08), transparent 30%)!important;
}

body.home-page .tgv5-hero{
  min-height:clamp(600px, 74vh, 740px)!important;
  padding-bottom:88px!important;
  overflow:hidden!important;
  background:transparent!important;
}

/* Remove the strong cream overlay that showed up as a white block on mobile */
body.home-page .tgv5-hero::after,
body.home-page .tgv5-signature-strip::before{
  content:none!important;
  display:none!important;
}

body.home-page .tgv5-hero-bg{
  background:
    linear-gradient(180deg, rgba(32,8,14,.22) 0%, rgba(52,14,24,.32) 50%, rgba(61,19,31,.68) 100%),
    linear-gradient(90deg, rgba(42,10,18,.88), rgba(57,16,28,.48) 48%, rgba(42,10,18,.78)),
    url('/assets/header-japan-v11.webp') center top/cover no-repeat!important;
}

body.home-page .tgv5-hero-veil{
  background:
    radial-gradient(circle at 18% 22%, rgba(212,176,106,.12), transparent 28%),
    radial-gradient(circle at 80% 62%, rgba(216,167,176,.10), transparent 30%),
    linear-gradient(180deg, rgba(22,8,12,.02), rgba(58,16,28,.18) 62%, rgba(91,30,45,.38) 100%)!important;
}

/* create the transition after the hero on the full page level, not as a block inside hero */
body.home-page .tgv5-signature-strip{
  position:relative!important;
  margin-top:-34px!important;
  padding:0 14px!important;
  background:transparent!important;
  border:0!important;
}

body.home-page .tgv5-signature-strip::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:-120px!important;
  height:150px!important;
  pointer-events:none!important;
  z-index:-1!important;
  background:linear-gradient(180deg, rgba(91,30,45,0) 0%, rgba(91,30,45,.10) 45%, rgba(244,235,221,.92) 100%)!important;
}

body.home-page .tgv5-signature-item{
  background:linear-gradient(155deg, rgba(255,248,237,.98), rgba(240,225,205,.95))!important;
  border:1px solid rgba(91,30,45,.12)!important;
  box-shadow:0 18px 46px rgba(22,19,17,.10)!important;
}

@media (max-width:760px){
  body.home-page .tgv5-hero{
    min-height:auto!important;
    padding-top:130px!important;
    padding-bottom:74px!important;
  }
  body.home-page .tgv5-signature-strip{
    margin-top:-18px!important;
  }
  body.home-page .tgv5-signature-strip::after{
    top:-90px!important;
    height:110px!important;
  }
}