/* V174 — Anton hero. One authoritative hero layer for desktop/tablet/mobile. */

/* Desktop + tablet use the standard hero DOM with dedicated Anton images. */
@media (min-width:700px){
  body[data-v174="true"] #top{
    position:relative!important;
    overflow:hidden!important;
    background:#fbf7ef!important;
  }
  body[data-v174="true"] #top > .hero-media-v57,
  body[data-v174="true"] #top > .hero-content{
    display:block!important;
  }
  body[data-v174="true"] #top > .mobile-hero-v170{display:none!important}

  body[data-v174="true"] #top .hero-media-v57,
  body[data-v174="true"] #top .hero-photo{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }
  body[data-v174="true"] #top .hero-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
  }
  body[data-v174="true"] #top .hero-wash{
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg,
        rgba(251,247,239,.995) 0%,
        rgba(251,247,239,.985) 26%,
        rgba(251,247,239,.90) 39%,
        rgba(251,247,239,.60) 50%,
        rgba(251,247,239,.22) 59%,
        rgba(251,247,239,0) 68%),
      linear-gradient(180deg,rgba(251,247,239,.05) 0%,rgba(251,247,239,0) 78%,rgba(251,247,239,.42) 100%)!important;
  }
  body[data-v174="true"] #top .hero-content{
    position:relative!important;
    z-index:2!important;
  }
}

@media (min-width:1101px){
  body[data-v174="true"] #top .hero-photo img{object-position:center top!important}
  body[data-v174="true"] #top .hero-wash{
    background:
      linear-gradient(90deg,
        rgba(251,247,239,.995) 0%,
        rgba(251,247,239,.985) 29%,
        rgba(251,247,239,.86) 40%,
        rgba(251,247,239,.48) 50%,
        rgba(251,247,239,.12) 59%,
        rgba(251,247,239,0) 66%),
      linear-gradient(180deg,rgba(251,247,239,.03) 0%,rgba(251,247,239,0) 80%,rgba(251,247,239,.34) 100%)!important;
  }
}

@media (min-width:700px) and (max-width:1100px){
  body[data-v174="true"] #top .hero-photo img{object-position:67% 18%!important}
  body[data-v174="true"] #top .hero-wash{
    background:
      linear-gradient(90deg,
        rgba(251,247,239,.995) 0%,
        rgba(251,247,239,.985) 32%,
        rgba(251,247,239,.90) 45%,
        rgba(251,247,239,.58) 57%,
        rgba(251,247,239,.18) 68%,
        rgba(251,247,239,0) 77%),
      linear-gradient(180deg,rgba(251,247,239,.04) 0%,rgba(251,247,239,0) 76%,rgba(251,247,239,.44) 100%)!important;
  }
}

/* Mobile uses the clean mobile DOM and its own dedicated image. */
@media (max-width:699px){
  body[data-v174="true"] #top > .hero-media-v57,
  body[data-v174="true"] #top > .hero-content{
    display:none!important;
    position:absolute!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  body[data-v174="true"] #top{
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fbf7ef!important;
  }
  body[data-v174="true"] .mobile-hero-v170{
    display:block!important;
    position:relative!important;
    height:calc(100svh - 78px)!important;
    min-height:calc(100svh - 78px)!important;
    overflow:hidden!important;
    background:#fbf7ef!important;
    isolation:isolate!important;
  }
  body[data-v174="true"] .mobile-hero-v170__photo{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
    z-index:0!important;
  }
  body[data-v174="true"] .mobile-hero-v170__mist{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg,
        rgba(251,247,239,.97) 0%,
        rgba(251,247,239,.94) 27%,
        rgba(251,247,239,.78) 43%,
        rgba(251,247,239,.32) 56%,
        rgba(251,247,239,.07) 65%,
        rgba(251,247,239,0) 73%),
      linear-gradient(180deg,
        rgba(251,247,239,.02) 0%,
        rgba(251,247,239,0) 55%,
        rgba(251,247,239,.16) 68%,
        rgba(251,247,239,.86) 100%)!important;
  }
  body[data-v174="true"] .mobile-hero-v170__inner{
    position:relative!important;
    z-index:2!important;
    height:100%!important;
    min-height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    box-sizing:border-box!important;
    padding:18px 16px max(14px,env(safe-area-inset-bottom))!important;
  }
  body[data-v174="true"] .mobile-hero-v170__top{
    width:55%!important;
    max-width:230px!important;
  }
  body[data-v174="true"] .mobile-hero-v170__kicker{
    display:inline-flex!important;
    align-items:center!important;
    min-height:38px!important;
    margin:0 0 12px!important;
    padding:8px 12px!important;
    box-sizing:border-box!important;
    border:1.5px solid rgba(183,122,40,.28)!important;
    border-radius:999px!important;
    background:rgba(255,252,247,.78)!important;
    color:#9a681d!important;
    font-size:12.8px!important;
    line-height:1.15!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }
  body[data-v174="true"] .mobile-hero-v170__title{
    margin:0!important;
    color:#12345d!important;
    font-size:clamp(30px,8.5vw,36px)!important;
    line-height:.98!important;
    letter-spacing:-.04em!important;
    font-weight:800!important;
  }
  body[data-v174="true"] .mobile-hero-v170__title span{display:block!important}
  body[data-v174="true"] .mobile-hero-v170__title em{
    display:block!important;
    margin-top:9px!important;
    color:#ad6f16!important;
    font-style:normal!important;
    font-size:.63em!important;
    line-height:1.07!important;
    letter-spacing:-.02em!important;
    font-weight:800!important;
    text-wrap:balance!important;
  }
  body[data-v174="true"] .mobile-hero-v170__bottom{
    margin-top:auto!important;
    padding-top:12px!important;
  }
  body[data-v174="true"] .mobile-hero-v170__lead{
    width:58%!important;
    max-width:238px!important;
    margin:0 0 16px!important;
    color:#173858!important;
    font-size:clamp(15.5px,4.15vw,17.5px)!important;
    line-height:1.31!important;
    font-weight:700!important;
  }
  body[data-v174="true"] .mobile-hero-v170__actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }
  body[data-v174="true"] .mobile-hero-v170__actions .button{
    width:100%!important;
    min-height:58px!important;
    height:58px!important;
    padding:10px 54px 10px 20px!important;
    border-radius:16px!important;
    font-size:16px!important;
    line-height:1.15!important;
    justify-content:center!important;
  }
  body[data-v174="true"] .mobile-hero-v170__actions .hero-button-label-v135{
    font-size:16px!important;
    line-height:1.15!important;
    text-align:center!important;
    white-space:normal!important;
  }
  body[data-v174="true"] .trust-strip-v74{
    position:relative!important;
    z-index:3!important;
    margin-top:0!important;
  }
}

@media (max-width:430px) and (min-width:391px){
  body[data-v174="true"] .mobile-hero-v170__top{width:53%!important}
  body[data-v174="true"] .mobile-hero-v170__lead{width:56%!important}
}
@media (max-width:390px){
  body[data-v174="true"] .mobile-hero-v170__top{width:56%!important}
  body[data-v174="true"] .mobile-hero-v170__lead{width:60%!important}
}
@media (max-width:375px){
  body[data-v174="true"] .mobile-hero-v170__kicker{font-size:12.2px!important;padding:8px 10px!important}
  body[data-v174="true"] .mobile-hero-v170__title{font-size:29.5px!important}
  body[data-v174="true"] .mobile-hero-v170__lead{width:61%!important;font-size:15.5px!important}
}
@media (max-width:360px){
  body[data-v174="true"] .mobile-hero-v170__inner{padding:16px 14px max(12px,env(safe-area-inset-bottom))!important}
  body[data-v174="true"] .mobile-hero-v170__top{width:58%!important}
  body[data-v174="true"] .mobile-hero-v170__kicker{font-size:11.8px!important;min-height:36px!important;padding:8px 10px!important}
  body[data-v174="true"] .mobile-hero-v170__title{font-size:28px!important}
  body[data-v174="true"] .mobile-hero-v170__lead{width:63%!important;font-size:14.8px!important;line-height:1.28!important}
  body[data-v174="true"] .mobile-hero-v170__actions .button{height:56px!important;min-height:56px!important;font-size:15.5px!important}
}

/* V174 hard isolation from legacy mobile hero rules */
@media (max-width:699px){
  html body[data-v174="true"] section#top.hero.hero-v26{
    display:block!important;
    position:relative!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    background:#fbf7ef!important;
  }
  html body[data-v174="true"] section#top.hero.hero-v26 > div.hero-media-v57,
  html body[data-v174="true"] section#top.hero.hero-v26 > div.container.hero-content{
    display:none!important;
    position:absolute!important;
    inset:auto!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  html body[data-v174="true"] section#top.hero.hero-v26 > div.mobile-hero-v170{
    display:block!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:calc(100svh - 78px)!important;
    min-height:calc(100svh - 78px)!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
  }
}