/* =====================================================
   DUSHISTO BLOG HERO — FINAL FIXED FOR ASTRA
===================================================== */

.blog .dush-blog-hero,
.blog .dush-blog-hero *{
  box-sizing:border-box;
}

/* HERO FULL WIDTH */
.blog .dush-blog-hero{
  position:relative !important;
  width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;

  padding:160px 24px 120px !important;
  text-align:center !important;

  background:linear-gradient(to bottom,#faf6f1 0%,#f3ede6 100%) !important;
  border-bottom:1px solid rgba(42,33,26,.10) !important;
  overflow:hidden;
}

/* glow */
.blog .dush-blog-hero__overlay{
  position:absolute;
  inset:-20% -10%;
  background:radial-gradient(circle at 50% 35%,
    rgba(191,163,122,.18),
    transparent 52%);
  pointer-events:none;
}

/* vignette */
.blog .dush-blog-hero__vignette{
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 30%,
    rgba(255,255,255,0) 0%,
    rgba(0,0,0,.05) 92%);
  pointer-events:none;
}

/* container */
.blog .dush-blog-hero__container{
  max-width:980px;
  margin:0 auto;
  position:relative;
  z-index:2;
}

/* eyebrow */
.blog .dush-blog-hero__eyebrow{
  font-size:12px;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:#bfa37a;
  margin-bottom:22px;
  font-family:var(--font-ui);
}

/* title */
.blog .dush-blog-hero__title{
  font-family:var(--font-brand);
  font-size:48px;
  line-height:1.15;
  margin-bottom:18px;
  color:#2a211a;
}

/* divider */
.blog .dush-blog-hero__divider{
  width:70px;
  height:1px;
  background:rgba(42,33,26,.18);
  margin:0 auto 22px;
}

/* subtitle */
.blog .dush-blog-hero__sub{
  max-width:760px;
  margin:0 auto;
  font-size:18px;
  line-height:1.8;
  color:#6f6a63;
  font-family:var(--font-ui);
}

/* remove Astra spacing */
.blog .site-content{
  padding-top:0 !important;
}

.blog .entry-header,
.blog .page-header{
  display:none !important;
}

/* mobile */
@media (max-width:860px){

  .blog .dush-blog-hero{
    padding:130px 20px 90px !important;
  }

  .blog .dush-blog-hero__title{
    font-size:32px;
  }

  .blog .dush-blog-hero__sub{
    font-size:15px;
  }
}