.hero{
  background-image: radial-gradient(circle at top left, #f7f0e6 0, #e2d3c3 40%, #f3ebe1 100%);
}
.hero-title{
  max-width: 18ch;
}
.hero-text{
  max-width: 40ch;
}
.section.loft-surface-soft{
  background-image: radial-gradient(circle at top left,#4a3730 0,#241b17 45%,#181512 100%);
}
.section.bg-dark-wood{
  background-image: linear-gradient(135deg,#2f211b,#1c1511);
}
.section.bg-concrete{
  background: linear-gradient(135deg,#d6cdc0,#c8beb0);
}
.card img{
  border-radius: var(--radius-md);
}
@media (min-width: 900px){
  .hero-layout{
    align-items: center;
  }
}