/* Larger, consistent reading scale for the Peta Platform grid. */
.categories .section-heading p {
  font-size: clamp(26px, 1.55vw, 34px);
  line-height: 1.48;
}

.category {
  min-height: 350px;
  padding: 38px;
}

.category-no {
  font-size: clamp(21px, 1.22vw, 26px);
}

.category h3 {
  font-size: clamp(39px, 2.55vw, 55px);
  line-height: 1.12;
  margin: 36px 0 18px;
}

.category p {
  font-size: clamp(24px, 1.42vw, 31px);
  line-height: 1.5;
  max-width: 460px;
}

.category-arrow {
  font-size: clamp(22px, 1.28vw, 28px);
  padding-top: 28px;
}

@media (max-width: 950px) {
  .category { min-height: 320px; padding: 32px; }
}

@media (max-width: 620px) {
  .categories .section-heading p { font-size: 24px; }
  .category { min-height: 285px; padding: 28px; }
  .category-no, .category-arrow { font-size: 20px; }
  .category h3 { font-size: 40px; }
  .category p { font-size: 24px; }
}

.hero-video {
  margin: 0 0 30px;
  border: 2px solid rgba(234, 185, 77, .72);
  background: #041411;
}

.hero-video iframe {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
}

.hero-video a {
  display: block;
  padding: 14px 16px;
  color: #f8c550;
  font-size: clamp(18px, 1.08vw, 23px);
  font-weight: 700;
  text-decoration: none;
}

.hero-video a:hover,
.hero-video a:focus-visible { text-decoration: underline; }

/* Supplied Mahkamah Rakyat crest. Typography and scale stay unchanged. */
.mark {
  background: #fffdf7 url("mahkamah-rakyat-logo.jpg") center / contain no-repeat;
  color: transparent;
}