/* Garvin Exteriors article header reset v3
   The article title block is a <header>, so the site's global header rules
   were also forcing it to max-height:112px. Reset those rules here. */
body.blog-page header.article-head,
body.blog-page header.article-head.scrolled{
  display:block !important;
  position:static !important;
  top:auto !important;
  z-index:auto !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 0 54px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  align-items:initial !important;
  justify-content:initial !important;
  gap:0 !important;
}
body.blog-page header.article-head > *{
  position:static !important;
  float:none !important;
  transform:none !important;
}
body.blog-page header.article-head .eyebrow{
  display:block !important;
  margin:0 0 16px !important;
}
body.blog-page header.article-head h1{
  display:block !important;
  width:100% !important;
  max-width:900px !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 0 18px !important;
  padding:0 !important;
  font-size:clamp(42px,6vw,72px) !important;
  line-height:1.02 !important;
  letter-spacing:-.035em !important;
}
body.blog-page header.article-head .article-meta{
  display:block !important;
  width:100% !important;
  margin:0 0 34px !important;
  padding:0 !important;
  color:#666 !important;
  line-height:1.5 !important;
}
body.blog-page header.article-head .article-featured{
  display:block !important;
  position:static !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
}
body.blog-page .article-body{
  display:block !important;
  position:static !important;
  clear:both !important;
  width:100% !important;
  max-width:820px !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 auto !important;
  padding:0 !important;
}
@media(max-width:700px){
  body.blog-page header.article-head h1{
    font-size:clamp(36px,12vw,52px) !important;
  }
}