.hero {
     min-height: 100vh;
     padding: calc(150 * var(--vw)) 7vw calc(80 * var(--vw));
     color: white;
     display: flex;
     align-items: center;
     /* background:
        linear-gradient(90deg, rgba(9, 27, 20, .82), rgba(9, 27, 20, .45), rgba(9, 27, 20, .15)),
        url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=2000&q=85') center/cover; */
}

.hero-inner {
     max-width: calc(760 * var(--vw))
}


.hero h1 {
     font-size: calc(82 * var(--vw));
     max-width: calc(760 * var(--vw));
     margin-bottom: calc(26 * var(--vw));
}

.hero p {
     max-width: calc(620 * var(--vw));
     font-size: calc(19 * var(--vw));
     color: #F2E8D8;
     margin-bottom: calc(34 * var(--vw));
}

/* Base paragraph — matches the 17·vw body size used across the site */
p {
     font-size: calc(17 * var(--vw));
}

section {
     padding: calc(115 * var(--vw)) 7vw
}

.experience-sec {
     padding-top: 0;
}

/* Reduced section top/bottom padding on mobile/tablet.
   Below 991px --vw becomes 1px, so calc(115 * var(--vw)) would render as 115px. */
@media(max-width:991px) {
     section {
          padding-top: 70px;
          padding-bottom: 70px;
     }

     .experience-sec {
          padding-top: 0;
     }
}

@media(max-width:900px) {
     p {
          font-size: 16px;
     }
}

@media(max-width:600px) {
     .hero h1 {
          font-size: 38px;
     }

     section {
          padding-top: 70px;
          padding-bottom: 70px;
     }

     .price {
          font-size: 30px;
          line-height: 36px;
     }
}

.dark,
.award-strip {
     overflow: hidden;
}