body.project-detail-layout main > section:first-of-type {
  min-height: min(82vh, 48rem) !important;
}

body.project-detail-layout main > section:first-of-type > div:last-child {
  min-height: min(82vh, 48rem) !important;
  padding-bottom: clamp(2.75rem, 6vw, 4.75rem) !important;
}

body.project-detail-layout main > div {
  width: min(100%, 92rem);
  box-sizing: border-box;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--container-px);
  padding-right: var(--container-px);
}

body.project-detail-layout main > div > .relative.isolate.w-full {
  border-radius: 10px;
  min-height: clamp(22rem, 54vw, 44rem) !important;
  box-shadow: 0 28px 64px -28px rgba(12, 14, 18, 0.38);
}

body.project-detail-layout main > section.border-t > div > div.grid {
  align-items: stretch;
}

body.project-detail-layout main > section.border-t figure,
body.project-detail-layout main > section.border-t .relative.isolate.aspect-\[16\/10\],
body.project-detail-layout main > section.border-t .relative.isolate.aspect-\[4\/3\] {
  border-radius: 10px !important;
}

body.project-detail-layout .project-current-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 1rem;
  padding: 0.5rem 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.26);
  background: rgba(14, 20, 29, 0.42);
  color: rgba(255, 255, 255, 0.96);
  font-family: var(--font-inter), ui-sans-serif, system-ui, sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}

@media (max-width: 767px) {
  body.project-detail-layout main > section:first-of-type,
  body.project-detail-layout main > section:first-of-type > div:last-child {
    min-height: min(76vh, 40rem) !important;
  }

  body.project-detail-layout main > div > .relative.isolate.w-full {
    min-height: clamp(18rem, 72vw, 30rem) !important;
  }
}