/* V178 — hero optical tuning after visual QA. */

/* Desktop: give Anton breathing room below the header. */
@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{
    height:calc(100% - 34px)!important;
    margin-top:34px!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  html body.site-final #top.hero-v176 .hero-v176__copy{
    transform:translateY(4px)!important;
  }
}

/* Tablet: preserve the current composition, only soften the transition into the portrait. */
@media (max-width:1100px) and (min-width:700px){
  html body.site-final #top.hero-v176 .hero-v176__wash{
    background:linear-gradient(90deg,
      rgba(251,247,239,.985) 0%,
      rgba(251,247,239,.955) 31%,
      rgba(251,247,239,.79) 44%,
      rgba(251,247,239,.30) 55%,
      rgba(251,247,239,.06) 64%,
      rgba(251,247,239,0) 70%)!important;
  }
}

/* Mobile: smaller editorial title, cleaner face, softer single wash. */
@media (max-width:699px){
  html body.site-final #top.hero-v176 .hero-v176__wash{
    background:
      linear-gradient(90deg,
        rgba(251,247,239,.99) 0%,
        rgba(251,247,239,.96) 26%,
        rgba(251,247,239,.82) 36%,
        rgba(251,247,239,.48) 44%,
        rgba(251,247,239,.14) 51%,
        rgba(251,247,239,0) 58%),
      linear-gradient(180deg,
        rgba(251,247,239,.10) 0%,
        rgba(251,247,239,0) 30%,
        rgba(251,247,239,0) 76%,
        rgba(251,247,239,.18) 100%)!important;
  }
  html body.site-final #top.hero-v176 .hero-v176__title{
    width:60%!important;
    max-width:238px!important;
    font-size:clamp(38px,10.2vw,43px)!important;
    line-height:.93!important;
    letter-spacing:-.038em!important;
  }
  html body.site-final #top.hero-v176 .hero-v176__title span{
    max-width:228px!important;
  }
  html body.site-final #top.hero-v176 .hero-v176__title em{
    margin-top:9px!important;
    font-size:.72em!important;
    line-height:.99!important;
    max-width:238px!important;
    letter-spacing:-.028em!important;
  }
  html body.site-final #top.hero-v176 .hero-v176__lead{
    width:53%!important;
    max-width:208px!important;
    margin-top:24px!important;
    font-size:15.4px!important;
    line-height:1.43!important;
  }
  html body.site-final #top.hero-v176 .hero-v176__kicker{
    margin-bottom:16px!important;
  }
  html body.site-final #top.hero-v176 .hero-v176__actions{
    padding-top:14px!important;
  }
}

@media (max-width:430px){
  html body.site-final #top.hero-v176 .hero-v176__title{
    width:61%!important;
    max-width:236px!important;
  }
  html body.site-final #top.hero-v176 .hero-v176__lead{
    width:54%!important;
    max-width:206px!important;
  }
}
@media (max-width:390px){
  html body.site-final #top.hero-v176 .hero-v176__title{
    width:61%!important;
    max-width:226px!important;
    font-size:40px!important;
  }
  html body.site-final #top.hero-v176 .hero-v176__lead{
    width:53%!important;
    max-width:196px!important;
    font-size:15px!important;
  }
}
@media (max-width:375px){
  html body.site-final #top.hero-v176 .hero-v176__title{
    width:62%!important;
    max-width:218px!important;
    font-size:38.5px!important;
  }
  html body.site-final #top.hero-v176 .hero-v176__lead{
    width:54%!important;
    max-width:192px!important;
    font-size:14.7px!important;
  }
}
@media (max-width:360px){
  html body.site-final #top.hero-v176 .hero-v176__title{
    width:63%!important;
    max-width:210px!important;
    font-size:37px!important;
  }
  html body.site-final #top.hero-v176 .hero-v176__lead{
    width:55%!important;
    max-width:188px!important;
    font-size:14.4px!important;
  }
}

/* V178.1 — final mobile face clearance and text rhythm */
@media (max-width:699px){
  html body.site-final #top.hero-v176 .hero-v176__media{
    background:#fbf7ef!important;
  }
  html body.site-final #top.hero-v176 .hero-v176__media img{
    transform:translateX(5.5%)!important;
    transform-origin:center center!important;
  }
  html body.site-final #top.hero-v176 .hero-v176__wash{
    background:
      linear-gradient(90deg,
        rgba(251,247,239,.995) 0%,
        rgba(251,247,239,.965) 24%,
        rgba(251,247,239,.84) 34%,
        rgba(251,247,239,.46) 42%,
        rgba(251,247,239,.12) 48%,
        rgba(251,247,239,0) 54%),
      linear-gradient(180deg,
        rgba(251,247,239,.07) 0%,
        rgba(251,247,239,0) 34%,
        rgba(251,247,239,0) 78%,
        rgba(251,247,239,.12) 100%)!important;
  }
}