.muki1440-hero {
  position: relative;
  isolation: isolate;
  min-height: clamp(680px, 83vh, 900px);
  display: flex;
  align-items: center;
  background: #172328 url('/assets/muki-connect-cape-town-hero-v1440-sunlit.jpg') 58% center / cover no-repeat;
  overflow: hidden;
}

.muki1440-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(8, 25, 31, .78) 0%, rgba(8, 25, 31, .58) 34%, rgba(8, 25, 31, .12) 64%, rgba(8, 25, 31, .03) 100%),
    linear-gradient(0deg, rgba(8, 25, 31, .42) 0%, transparent 42%);
}

.muki1440-hero-copy {
  width: 100%;
  padding-block: clamp(58px, 8vw, 112px);
  padding-inline: clamp(28px, 4vw, 72px);
  box-sizing: border-box;
}

.muki1440-hero-copy > * {
  max-width: 760px;
}

.muki1440-hero h1 {
  font-size: clamp(52px, 9vw, 108px);
  line-height: .92;
  letter-spacing: -.06em;
  margin: .08em 0 .18em;
  text-shadow: 0 3px 22px rgba(0, 0, 0, .42);
}

.muki1440-kicker,
.muki1440-lead {
  color: #f4d38e;
  font-weight: 750;
  letter-spacing: .02em;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .55);
}

.muki1440-kicker {
  text-transform: uppercase;
  font-size: clamp(14px, 2vw, 19px);
}

.muki1440-lead {
  font-size: clamp(22px, 3vw, 34px) !important;
}

.muki1440-hero-copy > p:not(.muki1440-kicker):not(.muki1440-lead) {
  color: #fff;
  text-shadow: 0 2px 16px rgba(0, 0, 0, .68);
}

.muki1440-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.muki1440-actions > * {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 13px 20px;
  text-decoration: none;
}

.muki1440-section {
  margin-block: 30px;
  padding: clamp(28px, 5vw, 58px);
  border: 1px solid #535653;
  background: #282b2b;
}

.muki1440-section h2 {
  font-size: clamp(31px, 5vw, 52px);
  line-height: 1.05;
  letter-spacing: -.04em;
  max-width: 900px;
}

.muki1440-section > p,
.muki1440-section .muki1440-copy p {
  max-width: 1000px;
  color: #c7cfcb;
  font-size: clamp(17px, 2vw, 21px);
}

.muki1440-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 28px;
}

.muki1440-category-grid article {
  display: flex;
  flex-direction: column;
  min-height: 280px;
  padding: 24px;
  border: 1px solid #5d6361;
  background: #303535;
}

.muki1440-category-grid h3 { font-size: 24px; margin: 12px 0; }
.muki1440-category-grid p { color: #c7cfcb; }
.muki1440-category-grid button { margin-top: auto; }
.muki1440-category-grid button:disabled { cursor: not-allowed; opacity: .55; }
.muki1440-category-icon { font-size: 32px; color: #edcc87; }

.muki1440-split {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 36px;
  align-items: start;
}

.muki1440-emphasis { color: #edcc87 !important; font-weight: 800; }

.muki1440-destination {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: 36px;
  align-items: center;
}

.muki1440-destination-image { min-height: 100%; overflow: hidden; }
.muki1440-destination-image img { display: block; width: 100%; height: 100%; min-height: 360px; object-fit: cover; }
.muki1440-provider { max-width: none; border-inline: 0; }
.muki1440-cta-panel { display: flex; align-items: center; justify-content: center; min-height: 100%; padding: 32px; border: 1px solid #5d6361; background: #303535; }
.muki1440-final { text-align: center; }
.muki1440-final > * { margin-inline: auto; }
.muki1440-signoff { font-weight: 800; color: #edcc87 !important; line-height: 1.5; }
.muki1440-signoff span { display: block; }
.muki1440-section [data-category-status] { font-size: 14px; margin-top: 12px; color: #edcc87; }
.muki1440-section .explore-primary,
.muki1440-section .explore-secondary { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; min-height: 50px; padding: 12px 18px; }

@media (max-width: 900px) {
  .muki1440-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .muki1440-split,
  .muki1440-destination { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .muki1440-hero {
    min-height: 720px;
    align-items: flex-end;
    background-position: 66% center;
  }

  .muki1440-hero::before {
    background: linear-gradient(0deg, rgba(8, 25, 31, .94) 0%, rgba(8, 25, 31, .75) 54%, rgba(8, 25, 31, .18) 100%);
  }

  .muki1440-hero-copy { padding: 150px 22px 40px; }
  .muki1440-hero h1 { font-size: 48px; }
  .muki1440-actions { display: grid; }
  .muki1440-actions > * { width: 100%; }
  .muki1440-section { margin: 18px 0; padding: 30px 16px; border-inline: 0; }
  .muki1440-category-grid { grid-template-columns: 1fr; }
  .muki1440-category-grid article { min-height: 0; }
  .muki1440-destination-image img { min-height: 240px; }
}

/* V1442: product-first hero hierarchy */
.muki1440-hero .muki1440-hero-copy{margin-inline:auto;padding-inline:clamp(24px,6vw,100px);max-width:1440px}
.muki1440-hero h1{font-size:clamp(40px,6.8vw,88px);line-height:1.02;letter-spacing:-.045em;color:#fff4d9;margin:12px 0}
.muki1440-hero .muki1440-kicker{font-size:16px;letter-spacing:.16em;margin:0;color:#f4d38e}
.muki1440-hero .muki1442-location{font-size:clamp(19px,2.4vw,28px);font-weight:650;margin:0 0 24px;color:#f4d38e!important}
.muki1440-hero .explore-tagline{font-size:clamp(22px,2.8vw,32px);font-weight:750;margin:0 0 18px}
.muki1440-hero .muki1440-lead{font-size:clamp(23px,3vw,36px)!important;line-height:1.3;margin:0 0 20px}
.muki1442-ai{display:inline-block;background:#f4d38e;color:#082029;padding:0 .2em;border-radius:6px;font-weight:900;text-shadow:none}
.muki1440-hero-copy>p{max-width:680px;line-height:1.6}
@media(max-width:700px){.muki1440-hero .muki1440-hero-copy{padding-inline:24px;padding-block:48px 150px}.muki1440-hero h1{font-size:clamp(32px,9vw,48px)}}
