/* ELNOZAMY V2 — R11 HERO RECOVERY
   Hard laptop/desktop geometry to keep the portrait fully visible above the fold.
   Presentation only. No database/schema dependency. */

@media (min-width:1181px){
  .hero-r6{
    position:relative!important;
    min-height:680px!important;
    padding:88px 0 38px!important;
    display:block!important;
    overflow:hidden!important;
  }
  .hero-r6-grid{
    position:relative!important;
    display:block!important;
    min-height:calc(100svh - 126px)!important;
    max-height:720px!important;
  }
  html[dir=ltr] .hero-r6-copy,
  html[dir=rtl] .hero-r6-copy{
    position:relative!important;
    z-index:2!important;
    width:55%!important;
    max-width:720px!important;
    padding-top:28px!important;
    padding-bottom:20px!important;
  }
  html[dir=ltr] .hero-r6-copy{margin-left:0!important;margin-right:auto!important;text-align:left!important}
  html[dir=rtl] .hero-r6-copy{margin-right:0!important;margin-left:auto!important;text-align:right!important}

  .hero-r6-portrait{
    position:absolute!important;
    z-index:1!important;
    top:0!important;
    bottom:auto!important;
    width:40%!important;
    max-width:470px!important;
    height:min(610px,calc(100svh - 155px))!important;
    min-height:450px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-self:auto!important;
  }
  html[dir=ltr] .hero-r6-portrait{right:0!important;left:auto!important}
  html[dir=rtl] .hero-r6-portrait{left:0!important;right:auto!important}

  .hero-r6-portrait .portrait-frame{
    flex:1 1 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    background:#09090a!important;
    border:0!important;
  }
  .hero-r6-portrait .portrait-frame img{
    display:block!important;
    width:auto!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:0 auto!important;
    transform:none!important;
  }
  .hero-r6-portrait figcaption{flex:0 0 auto!important;margin-top:8px!important}
}

@media (min-width:1181px) and (max-height:760px){
  .hero-r6{min-height:620px!important;padding-top:76px!important;padding-bottom:28px!important}
  .hero-r6-grid{min-height:520px!important;max-height:620px!important}
  html[dir=ltr] .hero-r6-copy,html[dir=rtl] .hero-r6-copy{padding-top:12px!important}
  .hero-r6-copy h1{font-size:clamp(58px,5.6vw,78px)!important;line-height:.86!important}
  .hero-r6-portrait{height:min(520px,calc(100svh - 125px))!important;min-height:410px!important;max-width:430px!important}
  .hero-proof{margin-top:28px!important}
}

@media (min-width:901px) and (max-width:1180px){
  .hero-r6{min-height:auto!important;padding:88px 0 46px!important}
  .hero-r6-grid{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)!important;gap:26px!important;align-items:center!important}
  .hero-r6-copy{align-self:center!important;padding:0!important}
  .hero-r6-copy h1{font-size:clamp(54px,6vw,72px)!important;line-height:.88!important}
  .hero-r6-portrait{position:relative!important;inset:auto!important;width:100%!important;max-width:390px!important;height:auto!important;min-height:0!important;margin:0!important;justify-self:end!important;align-self:center!important}
  .hero-r6-portrait .portrait-frame{height:min(500px,66svh)!important;aspect-ratio:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#09090a!important;border:0!important}
  .hero-r6-portrait .portrait-frame img{display:block!important;width:auto!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:0 auto!important}
  html[dir=rtl] .hero-r6-grid{grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr)!important}
  html[dir=rtl] .hero-r6-copy{grid-column:2!important;grid-row:1!important}
  html[dir=rtl] .hero-r6-portrait{grid-column:1!important;grid-row:1!important;justify-self:start!important}
}