/* Tree Wisemen homepage extras (tw_home.py) */
.brand img { height: 52px; width: auto; }
.hdr.is-stuck .brand img { height: 46px; }
/* hero = their best Facebook photos (owner 11/4: "the video in the hero sucks"): crane trucks on desktop, their truck on phones */
.hero { background: #072014 url("/assets/hero-tw-photo-d.jpg") 50% 35% / cover no-repeat; }
.hero::before { height: 100%; background: linear-gradient(90deg, rgba(7, 32, 20, 0.86) 0%, rgba(7, 32, 20, 0.6) 45%, rgba(7, 32, 20, 0.25) 100%); }
@media (max-width: 860px) {
  .hero { background-image: url("/assets/hero-tw-photo-m.jpg"); background-size: 100% auto; background-position: center top; }
  .hero::before { height: calc(100vw * 16 / 9); background: linear-gradient(180deg, rgba(7, 32, 20, 0.6) 0%, rgba(7, 32, 20, 0.45) 40%, rgba(7, 32, 20, 0.75) 80%, #072014 100%); }
}
.hero .lede b { color: #B4DA57; }
.tw-textbtn { grid-column: 1 / -1; width: 100%; background: transparent; color: var(--ink); border: 1.5px solid rgba(7, 32, 20, 0.22); gap: 0.5rem; }
.tw-textbtn:hover { border-color: #4E7417; color: #4E7417; }
.tw-storm__in { display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; }
.tw-storm__in h2 { margin-top: 0.4rem; }
.tw-storm__in .intro { max-width: 40rem; }
.costs .chips { margin-top: 0.6rem; }
@media (max-width: 560px) { .brand img { height: 44px; } .tw-storm__in .ctas { width: 100%; } .tw-storm__in .ctas .btn { flex: 1; } }