.hero-ft {
  background: linear-gradient(0deg, #070803,  #282516);
  min-height: 50vh;
}




.hero::after {
  background: radial-gradient(
    circle at center,
    rgba(0, 0, 0, 0.0),
    rgba(96, 59, 42, 0.22)
  );
  }



.hero {
  position: relative;
  overflow: hidden;
  

}

.hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 60vh;
  display: block;
}

.hero__content {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding: 2rem;
  /* text shadow, gradient overlay, etc */
}

.flex-hold-all{
  display: flex;
  max-width: 42rem;
  margin: 1rem auto;
  padding: 0rem 1rem;
}


.image-block {
  margin-bottom: var(--space-lg) auto;  
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
  max-width: 26rem;
}


.image-block img {
  display: block; 
  height: auto;
  max-width: 26rem;
  object-fit: cover;             
  width: 100%;
  object-position: 60% 25%;     
  aspect-ratio: 3 / 4;  
  
}




.author-profile {
  display: flex; 
  flex: 2;
  align-items: center; 
  gap: 15px; 
  padding: 10px; 
  border-radius: 8px; 
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
  background-color: #fefefe; 
  max-width: 400px; 
  margin: 20px 0px; /* Centers the box if it's in a block container */
}

.author-image {
  width: 85px; 
  height: 85px;
  border-radius: 50%; 
  object-fit: cover; 
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
}


.profile-textblock {
  display: flex; 
  flex-direction: column; 
  justify-content: flex-end; 

}

.author-name {
  font-family: NEUE_MONTREAL_MEDIUM;
  font-size: 1rem;
  

}

.author-description {
  font-size: 0.8rem;
  line-height: 1.5; 
  color: var(--colour-muted);
  margin-top: 0.5rem;
   
}


.date-author {
  text-align: left;
  font-size: 0.9rem;
  color: #555;
  margin-bottom: 2em;
}

h1, h2, h3, h4, h5, h6 {
  margin: 2.6rem 0rem 0.5rem 0rem;
}

p{
  line-height: 2rem;
  font-size: 1.06rem;
  margin: 1.6rem 0rem 0rem 0rem;
}