/* BL3SSED landing page layout (hb-*) */
@media(min-width:992px){
  .hm-ihero-inner{max-width:none}
  #hb-h1{max-width:min(60vw,940px)}
  #hb-lede{max-width:min(40vw,560px)}
}
#hb-system{padding:7rem 5vw;background:#F1EEE7;border-top:1px solid #E3E0D8}
#hb-system-inner,#hb-proof-inner,#hb-hoods-inner,#hb-month-inner,#hb-faq-inner,#hb-types-inner,#hb-pages-inner,#hb-search-inner,#hb-invest-inner,#hb-read-inner{max-width:84rem;margin:0 auto}
#hb-system-head,#hb-types-head,#hb-pages-head,#hb-search-head,#hb-invest-head{max-width:46rem;margin-bottom:4.5rem}
#hb-system-p,#hb-types-p,#hb-pages-p,#hb-search-p,#hb-invest-p{margin-top:1.1rem}
#hb-system-grid,#hb-search-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
#hb-search-grid{grid-template-columns:repeat(3,1fr)}
#hb-system-grid>div,#hb-search-grid>div{padding:0 2rem;border-left:1px solid #E3E0D8}
#hb-system-grid>div:first-child,#hb-search-grid>div:first-child{padding-left:0;border-left:0}
#hb-system-grid>div:last-child,#hb-search-grid>div:last-child{padding-right:0}
#hb-system-grid h3,#hb-search-grid h3{margin:.9rem 0}
#hb-system-grid .hm-lbl{margin:1.6rem 0 .5rem}
#hb-c1i,#hb-c2i,#hb-c3i,#hb-c4i{color:#7C7A74}

#hb-types{padding:7rem 5vw;border-top:1px solid #E3E0D8}
#hb-types-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3.2rem 2.5rem}
#hb-types-grid>div{border-top:1px solid #E3E0D8;padding-top:1.4rem}
#hb-types-grid h3{margin:.8rem 0 .7rem;font-size:1.45rem;line-height:1.15}

#hb-pages{padding:7rem 5vw;border-top:1px solid #E3E0D8}
#hb-pages-list{display:grid;grid-template-columns:1fr 1fr;column-gap:5rem}
#hb-pages-list>div{display:grid;grid-template-columns:3.2rem 1fr;padding:1.9rem 0;border-top:1px solid #E3E0D8}
#hb-pages-list>div:nth-last-child(-n+2){border-bottom:1px solid #E3E0D8}
#hb-pages-list .hm-wn{padding-top:.35rem}
#hb-pages-list h3{margin:0 0 .5rem;font-size:1.45rem;line-height:1.15}
#hb-pages-list p{margin:0}

#hb-proof{padding:7rem 5vw;text-align:center;background:#F1EEE7;border-top:1px solid #E3E0D8}
#hb-proof-inner{max-width:52rem}
#hb-proof-inner>h2,#hb-hoods-inner>h2{margin-left:auto;margin-right:auto;max-width:34rem}
#hb-proof-inner>p,#hb-hoods-inner>p{margin-left:auto;margin-right:auto;max-width:34rem}
#hb-proof-p{margin:1.4rem auto 2rem}
#hb-hoods{padding:7rem 0 0}
#hb-hoods-inner{padding:0 5vw;max-width:52rem;margin:0 auto 3.5rem;text-align:center}
#hb-hoods-p{margin-top:1.2rem}

#hb-search{padding:7rem 5vw;background:#F1EEE7}
#hb-where{margin-top:4.5rem;padding-top:2rem;border-top:1px solid #E3E0D8;display:grid;grid-template-columns:14rem 1fr;gap:2rem;align-items:baseline}
#hb-where-p{margin:0;max-width:52rem;color:#131210;font-size:1.05rem;line-height:1.6}

#hb-month{padding:7rem 5vw;border-top:1px solid #E3E0D8}
#hb-month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;margin-top:4rem}
#hb-month-grid h3{margin:.8rem 0 .7rem}

#hb-invest{padding:7rem 5vw;border-top:1px solid #E3E0D8}
#hb-invest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
#hb-invest-grid>div{border-top:1px solid #131210;padding-top:1.5rem}
#hb-invest-grid>div>div:nth-child(2){font-size:clamp(2.8rem,4.4vw,4.2rem);line-height:1;margin:1.1rem 0 1rem;letter-spacing:-.02em;font-family:Fraunces,serif;font-weight:300;color:#131210}
#hb-invest-grid>div>div:nth-child(2) span{font-size:.38em;font-style:italic;color:#7C7A74;margin-left:.15em;letter-spacing:0}
#hb-invest-grid p{margin:0;max-width:22rem}
#hb-invest-a{margin-top:3.5rem}

#hb-faq{padding:7rem 5vw;background:#F1EEE7;border-top:1px solid #E3E0D8}
#hb-faq-list{margin-top:3.5rem}
#hb-faq-list>div{display:grid;grid-template-columns:1fr 1.25fr;gap:3rem;padding:2.2rem 0;border-top:1px solid #E3E0D8}
#hb-faq-list>div:last-child{border-bottom:1px solid #E3E0D8}
#hb-faq-list h3{margin:0}
#hb-faq-list p{max-width:none}

#hb-read{padding:7rem 5vw;border-top:1px solid #E3E0D8}
#hb-read-list{margin-top:3.5rem}
#hb-read-list>a{display:grid;grid-template-columns:12rem 1fr auto;align-items:baseline;gap:2rem;padding:1.7rem 0;border-top:1px solid #E3E0D8;color:#131210;text-decoration:none;transition:padding .5s cubic-bezier(.2,.7,.2,1)}
#hb-read-list>a:last-child{border-bottom:1px solid #E3E0D8}
#hb-read-list>a>span:nth-child(2){font-family:Fraunces,serif;font-weight:300;font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.2}
#hb-read-list>a>span:nth-child(3){font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:#7C7A74;transition:color .3s}
#hb-read-list>a>span:nth-child(3):after{content:" \2192"}
#hb-read-list>a:hover{padding-left:.8rem}
#hb-read-list>a:hover>span:nth-child(3){color:#131210}
@media(max-width:991px){
  #hb-system-grid{grid-template-columns:1fr 1fr}
  #hb-system-grid>div{padding:2rem;border-left:0;border-top:1px solid #E3E0D8}
  #hb-system-grid>div:first-child{padding-left:2rem}
  #hb-search-grid{grid-template-columns:1fr}
  #hb-search-grid>div{padding:2rem 0;border-left:0;border-top:1px solid #E3E0D8}
  #hb-search-grid>div:first-child{padding-left:0}
  #hb-search-grid>div:last-child{padding-right:0}
  #hb-types-grid{grid-template-columns:1fr 1fr}
  #hb-pages-list{grid-template-columns:1fr}
  #hb-pages-list>div:nth-last-child(2){border-bottom:0}
  #hb-month-grid{grid-template-columns:1fr 1fr}
  #hb-invest-grid{grid-template-columns:1fr}
  #hb-faq-list>div{grid-template-columns:1fr;gap:.7rem}
  #hb-where{grid-template-columns:1fr;gap:.8rem}
}
@media(max-width:600px){
  #hb-system,#hb-proof,#hb-month,#hb-faq,#hb-types,#hb-pages,#hb-search,#hb-invest,#hb-read{padding:5rem 6vw}
  #hb-system-grid,#hb-month-grid,#hb-types-grid{grid-template-columns:1fr}
  #hb-system-grid>div{padding:1.8rem 0}
  #hb-system-grid>div:first-child{padding-left:0}
  #hb-types-grid{gap:2.2rem}
  #hb-read-list>a{grid-template-columns:1fr;gap:.5rem}
  #hb-read-list>a>span:nth-child(3){display:none}
}
