/* V179 — final hero finish: stable desktop crop + soft text wash + mobile lead haze. */

/* Desktop: do not vertically center-crop the portrait. Keep the top of the source visible,
   so Anton's head can never be clipped by a short/wide viewport. */
@media (min-width:1101px){
  html body.site-final #top.hero-v176 .hero-v176__media{
    background:#fbf7ef!important;
  }
  html body.site-final #top.hero-v176 .hero-v176__media img{
    width:100%!important;
    height:100%!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center top!important;
    transform:none!important;
  }
  /* One soft, continuous left-side haze. It fades before Anton's face. */
  html body.site-final #top.hero-v176 .hero-v176__wash{
    background:
      radial-gradient(ellipse 70% 92% at 22% 50%,
        rgba(251,247,239,.99) 0%,
        rgba(251,247,239,.965) 43%,
        rgba(251,247,239,.80) 60%,
        rgba(251,247,239,.34) 75%,
        rgba(251,247,239,0) 100%),
      linear-gradient(90deg,
        rgba(251,247,239,.82) 0%,
        rgba(251,247,239,.54) 43%,
        rgba(251,247,239,.10) 58%,
        rgba(251,247,239,0) 66%)!important;
  }
  html body.site-final #top.hero-v176 .hero-v176__proofs{
    margin-top:24px!important;
  }
  html body.site-final #top.hero-v176 .hero-v176__proofs li{
    font-weight:600!important;
  }
  html body.site-final #top.hero-v176 .hero-v176__lead{
    margin-top:24px!important;
    max-width:670px!important;
  }
}

/* Tablet: keep a softer continuous fade and never wash the face. */
@media (min-width:700px) and (max-width:1100px){
  html body.site-final #top.hero-v176 .hero-v176__wash{
    background:radial-gradient(ellipse 76% 94% at 20% 50%,
      rgba(251,247,239,.99) 0%,
      rgba(251,247,239,.95) 44%,
      rgba(251,247,239,.73) 61%,
      rgba(251,247,239,.26) 76%,
      rgba(251,247,239,0) 100%)!important;
  }
}

/* Mobile: preserve the approved composition. Add only a soft local haze under the lead,
   without introducing a rectangular card or whitening Anton's face. */
@media (max-width:699px){
  html body.site-final #top.hero-v176 .hero-v176__lead{
    position:relative!important;
    z-index:3!important;
    isolation:isolate!important;
  }
  html body.site-final #top.hero-v176 .hero-v176__lead::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    pointer-events:none!important;
    left:-18px!important;
    top:-18px!important;
    width:calc(100% + 52px)!important;
    height:calc(100% + 36px)!important;
    border-radius:50%!important;
    background:radial-gradient(ellipse at 34% 50%,
      rgba(251,247,239,.97) 0%,
      rgba(251,247,239,.91) 48%,
      rgba(251,247,239,.62) 68%,
      rgba(251,247,239,.18) 86%,
      rgba(251,247,239,0) 100%)!important;
    filter:blur(7px)!important;
  }
  /* Keep the global mobile wash light; the paragraph now has its own local haze. */
  html body.site-final #top.hero-v176 .hero-v176__wash{
    background:linear-gradient(90deg,
      rgba(251,247,239,.99) 0%,
      rgba(251,247,239,.95) 25%,
      rgba(251,247,239,.74) 34%,
      rgba(251,247,239,.34) 42%,
      rgba(251,247,239,.08) 48%,
      rgba(251,247,239,0) 54%)!important;
  }
}

/* V179.1 — keep Anton crisp; haze belongs to the copy, not the portrait. */
@media (min-width:700px){
  html body.site-final #top.hero-v176 .hero-v176__wash{
    background:linear-gradient(90deg,
      rgba(251,247,239,.38) 0%,
      rgba(251,247,239,.28) 34%,
      rgba(251,247,239,.10) 47%,
      rgba(251,247,239,0) 57%)!important;
  }
  html body.site-final #top.hero-v176 .hero-v176__copy{
    position:relative!important;
    isolation:isolate!important;
  }
  html body.site-final #top.hero-v176 .hero-v176__copy::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    pointer-events:none!important;
    left:-74px!important;
    top:-70px!important;
    width:calc(100% + 150px)!important;
    height:calc(100% + 140px)!important;
    border-radius:48%!important;
    background:radial-gradient(ellipse at 38% 48%,
      rgba(251,247,239,.98) 0%,
      rgba(251,247,239,.94) 43%,
      rgba(251,247,239,.74) 66%,
      rgba(251,247,239,.28) 84%,
      rgba(251,247,239,0) 100%)!important;
    filter:blur(18px)!important;
  }
}
@media (min-width:1101px){
  html body.site-final #top.hero-v176 .hero-v176__copy::before{
    width:calc(100% + 120px)!important;
  }
}