/* TENEDIM mobile only: seamless dark-menu and ivory-page hero transitions. */
@media (max-width:767px) {
 html body header.fixed { border:0!important; box-shadow:none!important; overflow:visible!important; background:linear-gradient(180deg,#071d3b 0%,#102f51 100%)!important; }
 html body header.fixed::after { content:""!important;display:block!important;position:absolute!important;top:calc(100% - 1px)!important;left:0!important;right:0!important;height:clamp(95px,18vh,170px)!important;background:linear-gradient(to bottom,#102f51 0%,rgba(16,47,81,.88) 22%,rgba(16,47,81,.4) 66%,transparent 100%)!important;z-index:1!important;pointer-events:none!important;border:0!important;box-shadow:none!important; }
 html body header.fixed > div:first-child {position:relative!important;z-index:2!important}
 main > section:first-child:has(> .absolute.inset-0),main > section:first-child[data-hero-reframed] {isolation:isolate!important}
 main > section:first-child:has(> .absolute.inset-0)::after,main > section:first-child[data-hero-reframed]::after {content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;bottom:-1px!important;height:clamp(95px,20vh,185px)!important;background:linear-gradient(to bottom,transparent 0%,rgba(250,249,246,.12) 25%,rgba(250,249,246,.7) 71%,#F7F3E9 100%)!important;z-index:1!important;pointer-events:none!important}
 main > section:first-child:has(> .absolute.inset-0) > .relative,main > section:first-child[data-hero-reframed] > .relative {z-index:2!important}
}

/* v2 mobile: paint upper blend INSIDE the hero stacking context;
   header pseudo-element can sit behind the opaque hero in iOS Safari. */
@media(max-width:767px){
 main > section:first-child:has(> .absolute.inset-0)::before,
 main > section:first-child[data-hero-reframed]::before{
  content:""!important;display:block!important;position:absolute!important;
  top:0!important;left:0!important;right:0!important;
  height:clamp(220px,37vh,370px)!important;
  background:linear-gradient(180deg,#102f51 0%,rgba(16,47,81,.97) 17%,rgba(16,47,81,.77) 30%,rgba(16,47,81,.36) 58%,rgba(16,47,81,0) 100%)!important;
  z-index:1!important;pointer-events:none!important
 }
 html body header.fixed::after{display:none!important}
}

/* v3: remove white spacer introduced by preceding header/hero mobile spacing */
@media(max-width:767px){
 html body main{margin-top:0!important;padding-top:0!important}
 html body main>section:first-child:has(> .absolute.inset-0),html body main>section:first-child[data-hero-reframed]{margin-top:0!important;padding-top:0!important}
 html body header.fixed{margin-bottom:0!important}
 html body main>section:first-child:has(> .absolute.inset-0)::before,html body main>section:first-child[data-hero-reframed]::before{height:clamp(200px,30vh,290px)!important}
}

/* v4: exact root cause is preview-rescue.css mobile main padding-top:96px */
@media(max-width:767px){
 html body main:has(>section:first-child>.absolute.inset-0),
 html body main:has(>section:first-child[data-hero-reframed]){padding-top:0!important;margin-top:0!important}
}