.htw-mod-hero .htw-hero{position:relative;overflow:hidden;background:#000;width:100%}
.htw-mod-hero .htw-hero__bg{position:absolute;inset:0;display:block}
.htw-mod-hero .htw-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 13%}
.htw-mod-hero .htw-hero__inner{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:550px;max-width:2000px;margin:0 auto;padding:16px 18px 34px}
.htw-mod-hero .htw-hero__top{width:100%}
.htw-mod-hero .htw-hero__top img{width:100%;height:auto}
.htw-mod-hero .htw-hero__bottom{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.htw-mod-hero .htw-hero__sub{font-family:"GothamSsm-Bold",Inter,sans-serif;font-size:16px;color:#fff;letter-spacing:.01em}
.htw-mod-hero .htw-hero__cta{padding:12px 62px}
.htw-mod-hero .htw-hero__promo{position:absolute;z-index:3;top:18px;left:18px;background:var(--lmnt-yellow);color:#000;font-family:"GothamSsm-Bold",Inter,sans-serif;font-size:14px;letter-spacing:.08em;text-transform:uppercase;padding:7px 18px;transform:skewX(-25deg)}
.htw-mod-hero .htw-hero__promo > span{display:inline-block;transform:skewX(25deg)}
@media(min-width:850px){
  .htw-mod-hero .htw-hero__bg img{object-position:65% 65%}
  .htw-mod-hero .htw-hero__inner{height:640px;max-width:1280px;justify-content:center;align-items:flex-end;padding:0 40px}
  .htw-mod-hero .htw-hero__top,.htw-mod-hero .htw-hero__bottom{width:100%;max-width:560px}
  .htw-mod-hero .htw-hero__bottom{align-items:flex-end;text-align:right;margin-top:26px;gap:0}
  .htw-mod-hero .htw-hero__sub{font-size:24px;color:#000}
  .htw-mod-hero .htw-hero__cta{margin-top:18px;padding:13px 48px}
  .htw-mod-hero .htw-hero__promo{top:22px;left:24px;font-size:16px;padding:8px 22px}
}

/* mobile: keep the promo badge off the headline (top-right sticker) */
@media(max-width:849px){
  .htw-mod-hero .htw-hero__promo{left:auto;right:14px;top:14px;font-size:12px;padding:6px 14px}
}