/* V167: one coherent offer beside the portrait, with the rest below the image. */
@media(max-width:699px){
  html body[data-v167="true"] #top{
    height:auto!important;min-height:0!important;max-height:none!important;
    overflow:hidden!important;background:#fbf7ef!important;
  }
  html body[data-v167="true"] #top .hero-content{
    position:relative!important;display:block!important;width:100%!important;max-width:none!important;
    height:auto!important;min-height:0!important;margin:0!important;
    padding:18px 16px 22px!important;box-sizing:border-box!important;
  }
  html body[data-v167="true"] #top .hero-media-v57,
  html body[data-v167="true"] #top .hero-photo{
    position:absolute!important;top:0!important;right:0!important;bottom:auto!important;left:0!important;
    width:100%!important;height:clamp(330px,95vw,390px)!important;min-height:0!important;overflow:hidden!important;
  }
  html body[data-v167="true"] #top .hero-media-v57 .hero-photo img{
    display:block!important;width:100%!important;height:100%!important;max-width:none!important;
    object-fit:cover!important;object-position:left top!important;
    transform:translateX(5%) scale(1.06)!important;transform-origin:right top!important;
    filter:none!important;opacity:1!important;
  }
  /* White mist only on the copy side; the face remains clear. */
  html body[data-v167="true"] #top .hero-media-v57 .hero-wash{
    position:absolute!important;inset:0!important;
    background:
      linear-gradient(90deg,rgba(251,247,239,.98) 0%,rgba(251,247,239,.92) 43%,rgba(251,247,239,.38) 61%,transparent 78%),
      linear-gradient(180deg,transparent 0%,transparent 92%,#fbf7ef 100%)!important;
  }
  html body[data-v167="true"] #top .hero-copy,
  html body[data-v167="true"] #top .hero-copy .hero-text-v64{
    position:relative!important;display:block!important;width:100%!important;max-width:none!important;
    min-height:0!important;height:auto!important;flex:none!important;
    margin:0!important;padding:0!important;transform:none!important;
    background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;
    border-radius:0!important;filter:none!important;
  }
  html body[data-v167="true"] #top .hero-copy .hero-text-v64::before{display:none!important;content:none!important}
  html body[data-v167="true"] #top .hero-copy .hero-top-v151{
    position:relative!important;inset:auto!important;display:block!important;
    width:100%!important;max-width:none!important;min-width:0!important;
    min-height:calc(clamp(330px,95vw,390px) - 18px)!important;
    margin:0!important;padding:0!important;
  }
  html body[data-v167="true"] #top .hero-kicker-v63{
    display:inline-flex!important;margin:0 0 10px!important;font-size:14px!important;
  }
  html body[data-v167="true"] #top .hero-copy h1{
    display:block!important;width:100%!important;max-width:none!important;margin:0!important;
    font-size:clamp(30px,8.7vw,36px)!important;line-height:1.04!important;
  }
  html body[data-v167="true"] #top .hero-main-v157{
    display:block!important;width:100%!important;white-space:normal!important;
  }
  html body[data-v167="true"] #top .hero-copy h1 .hero-gold-tail-v157{
    display:block!important;width:min(56%,220px)!important;max-width:220px!important;
    margin:12px 0 0!important;font-size:.70em!important;line-height:1.12!important;
    text-wrap:balance!important;
  }
  html body[data-v167="true"] #top .hero-bottom-v151{
    position:static!important;display:block!important;width:100%!important;max-width:none!important;
    height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
  }
  html body[data-v167="true"] #top .hero-copy .hero-lead-v89{
    display:block!important;width:100%!important;max-width:none!important;
    margin:4px 0 0!important;padding:0!important;
  }
  html body[data-v167="true"] #top .hero-copy .hero-lead-v89 strong{
    font-size:clamp(16px,4vw,17px)!important;line-height:1.36!important;
  }
  html body[data-v167="true"] #top .hero-proof-v157,
  html body[data-v167="true"] #top .hero-stats-v157{display:none!important}
  html body[data-v167="true"] #top .hero-actions{
    position:static!important;inset:auto!important;display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:none!important;
    margin:18px 0 0!important;padding:0!important;gap:10px!important;
  }
  html body[data-v167="true"] #top .hero-actions .button{
    width:100%!important;min-height:56px!important;height:auto!important;
    font-size:16px!important;padding:12px 44px 12px 18px!important;
  }
}
@media(max-width:360px){
  html body[data-v167="true"] #top .hero-copy h1{font-size:30px!important}
  html body[data-v167="true"] #top .hero-copy h1 .hero-gold-tail-v157{
    width:57%!important;font-size:.69em!important;
  }
}