/* 
           Background handling: 
           1. Dark overlay for text readability
           2. The requested image path
           3. A fallback gradient using taupe and bark brown if the image is missing
        */
 .hero-bg {
     background-image:
         linear-gradient(rgba(36, 35, 34, 0.4), rgba(36, 35, 34, 0.5)),
         url('app/assets/imgBackground.png'),
         linear-gradient(135deg, #dbccbe, #764a38);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     background-color: #dbccbe;
     /* Solid fallback */
 }
 

 /* Monogram custom styling */
 .monogram {
     font-weight: 200;
     position: relative;
     display: inline-block;
 }

 .monogram::after {
     content: '';
     position: absolute;
     top: 15%;
     right: -10%;
     width: 12px;
     height: 12px;
     background-color: #efeae5;
     border-radius: 50%;
 }

 /* Smooth scroll behavior */
 html {
     scroll-behavior: smooth;
 }