.elementor-173 .elementor-element.elementor-element-ecf82fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-173 .elementor-element.elementor-element-7c2b536{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-95c01c8 *//* =========================================================
BBM — BLOG ARCHIVE HERO
========================================================= */

.bbm-blogHero{
  position: relative;
  width: 100%;
  background:#fff;
  color:#0b0b0b;
  overflow:hidden;
}

/* soft editorial glow */
.bbm-blogHero::before{
  content:"";
  position:absolute;
  inset:-120px;
  background:
    radial-gradient(720px 420px at 18% 22%, rgba(0,0,0,.06), transparent 62%),
    radial-gradient(760px 460px at 78% 38%, rgba(0,0,0,.05), transparent 62%);
  opacity:.55;
  pointer-events:none;
  z-index:0;
}

.bbm-blogHero__inner{
  position: relative;
  z-index:1;
  max-width: 1180px;
  margin: 0 auto;
  padding: 92px 20px 96px;

  display:grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 46px;
  align-items:center;
}

/* COPY */
.bbm-blogHero__kicker{
  margin:0 0 14px;
  font-size:.80rem;
  letter-spacing:.26em;
  text-transform:uppercase;
  color: rgba(11,11,11,.60);
}

.bbm-blogHero__rule{
  height:1px;
  width:min(520px, 100%);
  background: rgba(11,11,11,.18);
  margin: 0 0 26px;
}

.bbm-blogHero__title{
  margin:0 0 18px;
  font-family: ui-serif, "Playfair Display", Georgia, serif;
  font-weight: 500;
  font-size: clamp(2.6rem, 4.8vw, 4.2rem);
  line-height: 1.02;
  letter-spacing: -0.02em;
  color:#0b0b0b !important;
}

.bbm-blogHero__lede{
  margin: 0;
  max-width: 62ch;
  color: rgba(11,11,11,.72);
  line-height: 1.75;
  font-size: 1.02rem;
}

/* IMAGE */
.bbm-blogHero__media{
  position:relative;
  border-radius: 18px;
  overflow:hidden;
  border: 1px solid rgba(0,0,0,.10);
  background:#fff;
  box-shadow: 0 26px 70px rgba(0,0,0,.12);
}

.bbm-blogHero__media img{
  width:100%;
  height: 440px;
  object-fit: cover;
  display:block;
}

/* TABLET */
@media (max-width: 1024px){
  .bbm-blogHero__inner{
    grid-template-columns: 1fr;
    gap: 26px;
    padding: 74px 20px 78px;
    text-align:center;
  }

  .bbm-blogHero__rule{
    margin-left:auto;
    margin-right:auto;
  }

  .bbm-blogHero__lede{
    margin-left:auto;
    margin-right:auto;
  }

  .bbm-blogHero__media img{
    height: 420px;
  }
}

/* MOBILE */
@media (max-width: 720px){
  .bbm-blogHero__inner{
    padding: 60px 18px 64px;
  }

  .bbm-blogHero__title{
    font-size: clamp(2.2rem, 9vw, 3.1rem);
  }

  .bbm-blogHero__media img{
    height: 340px;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b8cc068 */.bbm-blogArchive{
  max-width:1180px;
  margin:0 auto;
  padding: 60px 20px 80px;
}

.bbm-blogGrid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
}

.bbm-blogCard{
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 22px 60px rgba(0,0,0,.08);
  transition:transform .25s ease, box-shadow .25s ease;
}

.bbm-blogCard:hover{
  transform:translateY(-4px);
  box-shadow:0 28px 70px rgba(0,0,0,.12);
}

.bbm-blogCard__image img{
  width:100%;
  height:240px;
  object-fit:cover;
  display:block;
}

.bbm-blogCard__content{
  padding:22px 22px 26px;
}

.bbm-blogCard__title{
  font-family: ui-serif, "Playfair Display", Georgia, serif;
  font-size:1.45rem;
  margin:0 0 10px;
}

.bbm-blogCard__title a{
  color:#0b0b0b;
  text-decoration:none;
}

.bbm-blogCard__excerpt{
  font-size:.95rem;
  line-height:1.65;
  color:rgba(11,11,11,.68);
  margin:0 0 14px;
}

.bbm-blogCard__link{
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:700;
  color:#0b0b0b;
  text-decoration:none;
}

/* pagination */
.bbm-blogPagination{
  margin-top:50px;
  text-align:center;
}
.bbm-blogPagination a,
.bbm-blogPagination span{
  display:inline-block;
  padding:10px 14px;
  margin:0 6px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  text-decoration:none;
  color:#0b0b0b;
}
.bbm-blogPagination .current{
  background:#0b0b0b;
  color:#fff;
  border-color:#0b0b0b;
}

@media (max-width:1024px){
  .bbm-blogGrid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:680px){
  .bbm-blogGrid{ grid-template-columns:1fr; }
}/* End custom CSS */