/*
 * PDRM DIGITAL COMMAND
 * Homepage-only presentation layer. Dynamic content, CMS ordering and
 * behavioural hooks remain owned by the existing public renderer.
 */
.pdrm-home {
  --pdrm-navy-950: #030a16;
  --pdrm-navy-900: #07162b;
  --pdrm-navy-850: #0a1d38;
  --pdrm-navy-800: #0d274a;
  --pdrm-blue-700: #123f84;
  --pdrm-blue-600: #175bb8;
  --pdrm-blue-500: #2f78df;
  --pdrm-gold: #d6b553;
  --pdrm-gold-soft: #f1d98d;
  --pdrm-ink: #0b1728;
  --pdrm-muted: #5c6b7e;
  --pdrm-surface: #f4f7fb;
  --pdrm-white: #fff;
  --pdrm-border: rgba(14, 42, 78, .14);
  --pdrm-container: 1440px;
  --pdrm-section-space: clamp(72px, 8vw, 132px);
  --pdrm-shadow: 0 24px 70px rgba(3, 16, 36, .12);
  --pdrm-motion: 220ms cubic-bezier(.2, .8, .2, 1);
  position: relative;
  color: var(--pdrm-ink);
  background: var(--pdrm-surface) !important;
  isolation: isolate;
}

.pdrm-home::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(rgba(20, 63, 112, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 63, 112, .035) 1px, transparent 1px),
    radial-gradient(circle at 88% 30%, rgba(30, 94, 180, .09), transparent 32%),
    #f4f7fb;
  background-size: 64px 64px, 64px 64px, auto, auto;
}

.pdrm-home main#mainContent {
  position: relative;
  overflow: clip;
}

.pdrm-home .public-bg-blend {
  background: transparent !important;
}

/* Institutional trust and navigation */
.pdrm-home .public-topstrip {
  background: #f7f9fc;
  border-bottom: 1px solid rgba(8, 30, 58, .1);
}

.pdrm-home .public-topstrip > .container-fluid,
.pdrm-home .public-topstrip-panel .container-fluid,
.pdrm-home .public-navbar > .container-fluid {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
}

.pdrm-home .public-topstrip-title {
  color: var(--pdrm-navy-850);
  font-size: .76rem;
  letter-spacing: .025em;
}

.pdrm-home .public-topstrip-toggle {
  color: var(--pdrm-blue-700);
  font-size: .76rem;
}

.pdrm-home .public-navbar,
.pdrm-home .public-navbar.sticky-top.is-floating {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px),
    linear-gradient(105deg, var(--pdrm-navy-950), var(--pdrm-navy-850) 62%, #0e3260) !important;
  background-size: 88px 100%, auto !important;
  border-bottom: 1px solid rgba(214, 181, 83, .28);
  border-radius: 0 !important;
  box-shadow: 0 14px 36px rgba(2, 10, 23, .26) !important;
}

.pdrm-home .public-brand-title {
  font-weight: 750 !important;
  letter-spacing: .015em;
}

.pdrm-home .public-brand-subtitle {
  color: var(--pdrm-gold-soft) !important;
  letter-spacing: .16em;
}

.pdrm-home .public-nav {
  gap: clamp(3px, 0.55vw, 14px);
}

.pdrm-home .public-nav > li > a,
.pdrm-home .public-nav > li > button {
  position: relative;
  border-radius: 0 !important;
  font-size: clamp(.76rem, .8vw, .85rem);
  font-weight: 680;
}

.pdrm-home .public-nav > li > a::after,
.pdrm-home .public-nav > li > button::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 5px;
  left: 50%;
  height: 1px;
  background: var(--pdrm-gold);
  transition: right var(--pdrm-motion), left var(--pdrm-motion);
}

.pdrm-home .public-nav > li > a:hover::after,
.pdrm-home .public-nav > li > a:focus-visible::after,
.pdrm-home .public-nav > li > button:hover::after,
.pdrm-home .public-nav > li > button:focus-visible::after {
  right: 12px;
  left: 12px;
}

/* Hero: authoritative editorial gateway */
.pdrm-home .home-hero-shell {
  min-height: clamp(590px, 70vh, 760px);
  background: var(--pdrm-navy-950);
  border-bottom: 1px solid rgba(214, 181, 83, .28);
}

.pdrm-home .home-hero-media-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(2, 9, 20, .985) 0%, rgba(4, 18, 39, .94) 36%, rgba(5, 23, 47, .55) 62%, rgba(5, 23, 47, .22) 86%),
    linear-gradient(180deg, rgba(2, 9, 20, .1), rgba(2, 9, 20, .76));
}

.pdrm-home .home-hero-overlay {
  opacity: .22;
  background:
    linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px) !important;
  background-size: 72px 72px !important;
}

.pdrm-home .home-hero-content {
  width: min(100%, var(--pdrm-container));
  padding: clamp(42px, 6vw, 86px) clamp(20px, 4vw, 56px) clamp(56px, 8vw, 100px) !important;
}

.pdrm-command-rail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: clamp(34px, 5vw, 68px);
  padding-bottom: 14px;
  color: rgba(255, 255, 255, .63);
  border-bottom: 1px solid rgba(255, 255, 255, .16);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
}

.pdrm-command-rail::before {
  content: "";
  position: absolute;
  width: 84px;
  height: 1px;
  margin-top: 29px;
  background: var(--pdrm-gold);
}

.pdrm-home .home-hero-content > .row {
  align-items: center !important;
  margin-block: 0;
  padding-block: 0 !important;
}

.pdrm-home .home-hero-text {
  position: relative;
  z-index: 1;
  text-shadow: none;
}

.pdrm-home .home-hero-text::before {
  content: "";
  position: absolute;
  inset: -32px -28px -34px -56px;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 38% 48%, rgba(2, 9, 20, .48), rgba(2, 9, 20, .14) 58%, transparent 76%);
  filter: blur(8px);
}

.pdrm-home .home-hero-heading {
  max-width: 12ch;
  margin-bottom: clamp(26px, 3vw, 42px) !important;
  font-size: clamp(2.65rem, 4.7vw, 5.9rem) !important;
  line-height: .92 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance;
}

.pdrm-home .pdrm-hero-line {
  word-break: normal;
  overflow-wrap: normal;
  opacity: 0;
  transform: translateY(14px);
  animation: pdrmHeroLineIn 620ms cubic-bezier(.2, .8, .2, 1) forwards;
}

.pdrm-home .pdrm-hero-line:nth-child(2) { animation-delay: 80ms; }
.pdrm-home .pdrm-hero-line:nth-child(3) { animation-delay: 150ms; }
.pdrm-home .pdrm-hero-line:nth-child(4) { animation-delay: 220ms; }

.pdrm-home .home-hero-heading .text-primary {
  color: var(--pdrm-gold-soft) !important;
  -webkit-text-stroke: 1px rgba(255, 255, 255, .08);
}

.pdrm-home .home-hero-heading .display-6 {
  margin-bottom: 14px !important;
  color: rgba(255, 255, 255, .72) !important;
  font-size: clamp(.72rem, 1vw, .88rem) !important;
  font-weight: 750;
  letter-spacing: .2em;
  line-height: 1.35;
}

.pdrm-home .home-hero-heading .lead {
  max-width: 42ch;
  margin-top: 22px !important;
  color: rgba(236, 243, 252, .76) !important;
  font-size: clamp(.94rem, 1.2vw, 1.12rem) !important;
  font-weight: 450 !important;
  line-height: 1.65 !important;
  letter-spacing: 0;
  text-transform: none;
  text-shadow: none !important;
}

.pdrm-hero-search {
  width: min(100%, 430px);
  min-height: 72px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 14px;
  padding: 12px 18px 12px 12px;
  color: #fff;
  text-align: left;
  background: linear-gradient(90deg, rgba(16, 67, 128, .82), rgba(9, 39, 78, .78));
  border: 1px solid rgba(214, 181, 83, .42);
  border-radius: 4px;
  box-shadow: 0 18px 38px rgba(0, 0, 0, .18);
  transition: transform var(--pdrm-motion), border-color var(--pdrm-motion), background var(--pdrm-motion);
}

.pdrm-hero-search:hover,
.pdrm-hero-search:focus-visible {
  color: #fff;
  border-color: var(--pdrm-gold-soft);
  background: linear-gradient(90deg, rgba(20, 82, 157, .96), rgba(10, 47, 94, .94));
  transform: translateY(-2px);
  outline: 3px solid rgba(241, 217, 141, .25);
  outline-offset: 3px;
}

.pdrm-hero-search-index {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  color: var(--pdrm-gold-soft);
  border-right: 1px solid rgba(255, 255, 255, .18);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .1em;
}

.pdrm-hero-search-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}

.pdrm-hero-search-copy strong {
  font-size: .88rem;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.pdrm-hero-search-copy small {
  overflow: hidden;
  color: rgba(255, 255, 255, .67);
  font-size: .72rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pdrm-home .home-hero-gallery-col {
  padding-right: 0;
}

.pdrm-home .home-hero-gallery {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px !important;
  overflow: visible !important;
}

.pdrm-home .home-hero .stats-gallery-item {
  width: auto;
  min-width: 0;
  opacity: 1 !important;
  animation: none !important;
}

.pdrm-home .home-hero .stats-gallery-card {
  min-height: 168px;
  border: 1px solid rgba(255, 255, 255, .13) !important;
  border-radius: 3px !important;
  background: linear-gradient(155deg, rgba(11, 34, 67, .8), rgba(4, 18, 39, .88)) !important;
  box-shadow: none !important;
  backdrop-filter: blur(8px);
  transition: border-color var(--pdrm-motion), transform var(--pdrm-motion), background var(--pdrm-motion);
}

.pdrm-home .home-hero .stats-gallery-card:hover {
  border-color: rgba(214, 181, 83, .58) !important;
  background: linear-gradient(155deg, rgba(17, 59, 113, .9), rgba(5, 24, 51, .95)) !important;
  transform: translateY(-3px);
}

.pdrm-home .home-hero .stats-gallery-media {
  height: 86px;
  opacity: .76;
}

.pdrm-home .stats-gallery-image-clip {
  clip-path: none;
  filter: saturate(.72) contrast(1.08);
}

.pdrm-home .home-hero .stats-gallery-card .p-3 {
  padding: 14px !important;
  text-align: left !important;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.pdrm-home .home-hero .stats-gallery-value {
  color: var(--pdrm-gold-soft) !important;
  font-size: clamp(1.2rem, 2vw, 1.65rem);
}

.pdrm-home .home-hero .stats-gallery-label {
  margin-top: 4px;
  color: rgba(255, 255, 255, .76) !important;
  font-size: .61rem;
  font-weight: 650 !important;
  letter-spacing: .055em;
}

.pdrm-home .home-hero-scroll-btn,
.pdrm-home .home-hero-bottom-fade {
  display: none !important;
}

/* Services: public task rail */
.pdrm-home .services-collage {
  width: 100% !important;
  max-width: none;
  left: auto !important;
  display: grid !important;
  grid-template-columns: minmax(178px, .24fr) minmax(0, 1fr);
  align-items: stretch !important;
  gap: clamp(20px, 3vw, 42px) !important;
  margin: clamp(-76px, -5vw, -52px) 0 clamp(70px, 7vw, 112px) !important;
  padding-block: clamp(30px, 3vw, 42px) clamp(22px, 2.5vw, 34px) !important;
  padding-inline: max(clamp(24px, 4vw, 56px), calc((100% - var(--pdrm-container)) / 2 + 56px)) !important;
  overflow: visible !important;
  border: solid rgba(180, 205, 235, .2) !important;
  border-width: 1px 0 !important;
  border-top-color: rgba(241, 217, 141, .58) !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 8% 10%, rgba(31, 102, 190, .3), transparent 32%),
    linear-gradient(112deg, rgba(5, 20, 42, .98), rgba(8, 35, 70, .98) 58%, rgba(4, 18, 38, .99)) !important;
  box-shadow: 0 28px 70px rgba(2, 12, 29, .24), 0 8px 20px rgba(2, 12, 29, .14) !important;
  transform: none !important;
  z-index: 6 !important;
}

.pdrm-home .services-collage::before {
  inset: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  background:
    linear-gradient(rgba(255, 255, 255, .026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .026) 1px, transparent 1px) !important;
  background-size: 48px 48px !important;
  opacity: .8 !important;
  filter: none !important;
  box-shadow: none !important;
}

.pdrm-home .services-collage::after {
  content: "";
  position: absolute;
  top: -1px;
  left: max(clamp(24px, 4vw, 56px), calc((100% - var(--pdrm-container)) / 2 + 56px));
  width: clamp(86px, 9vw, 132px);
  height: 3px;
  pointer-events: none;
  background: linear-gradient(90deg, var(--pdrm-gold), var(--pdrm-blue-500));
  z-index: 2;
}

.pdrm-home .services-title-pill {
  align-self: center;
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr);
  grid-template-areas:
    "eyebrow eyebrow"
    "icon title";
  min-height: 156px;
  align-items: center !important;
  align-content: center;
  gap: 8px 10px !important;
  padding: 20px 8px 20px 20px !important;
  white-space: normal !important;
  color: #f4f8ff !important;
  border: 0 !important;
  border-left: 3px solid var(--pdrm-gold) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: clamp(1.1rem, 1.5vw, 1.45rem);
  letter-spacing: -.025em !important;
  text-transform: none !important;
}

.pdrm-home .services-title-pill::before {
  content: "PERKHIDMATAN DIGITAL";
  grid-area: eyebrow;
  color: var(--pdrm-gold-soft);
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .16em;
}

html[lang^="en"] .pdrm-home .services-title-pill::before {
  content: "DIGITAL SERVICES";
}

.pdrm-home .services-title-pill i {
  grid-area: icon;
  color: #8ebcff;
}

.pdrm-home .services-title-pill span {
  grid-area: title;
  min-width: 0;
  white-space: nowrap;
}

.pdrm-home .services-slider-container {
  min-width: 0;
  padding: 0 !important;
}

.pdrm-home .services-row-scroll {
  padding: 0 !important;
  overscroll-behavior-inline: contain;
  scroll-padding-inline: 4px;
  scroll-snap-type: inline proximity;
  scrollbar-color: var(--pdrm-blue-600) rgba(13, 39, 74, .08);
}

.pdrm-home .services-row {
  gap: 12px !important;
}

.pdrm-home .service-tile {
  flex-basis: calc((100% - 36px) / 4) !important;
  scroll-snap-align: start;
  scroll-snap-stop: normal;
  min-height: 172px !important;
  overflow: hidden;
  color: #f3f7fd !important;
  border: 1px solid rgba(175, 204, 239, .2) !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, rgba(18, 50, 88, .96), rgba(7, 27, 51, .98)) !important;
  box-shadow: 0 14px 28px rgba(0, 8, 22, .2) !important;
}

.pdrm-home .service-tile:hover,
.pdrm-home .service-tile:focus-visible {
  color: #fff !important;
  border-color: rgba(241, 217, 141, .52) !important;
  box-shadow: 0 20px 42px rgba(0, 8, 22, .38) !important;
  transform: translateY(-3px) !important;
  outline: 3px solid rgba(47, 120, 223, .16);
  outline-offset: 2px;
}

.pdrm-home .service-media,
.pdrm-home .service-overlay {
  clip-path: polygon(54% 0, 100% 0, 100% 100%, 38% 100%) !important;
}

.pdrm-home .service-overlay {
  background: linear-gradient(90deg, rgba(4, 18, 38, .96) 0%, rgba(5, 22, 44, .84) 48%, rgba(3, 11, 25, .32) 100%) !important;
}

.pdrm-home .service-tile:hover .service-media,
.pdrm-home .service-tile:focus-visible .service-media {
  opacity: 1 !important;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
  transform: scale(1) !important;
}

.pdrm-home .service-tile:hover .service-overlay,
.pdrm-home .service-tile:focus-visible .service-overlay {
  opacity: .14 !important;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
}

.pdrm-home .service-content {
  max-width: 100%;
  padding: 16px !important;
}

.pdrm-home .service-icon {
  color: var(--pdrm-gold-soft) !important;
  border: 1px solid rgba(241, 217, 141, .22);
  border-radius: 6px !important;
  background: rgba(6, 24, 48, .7) !important;
}

.pdrm-home .service-label {
  display: block;
  width: 100%;
  max-width: 100% !important;
  padding: 6px 7px !important;
  color: #f4f8ff !important;
  background: linear-gradient(90deg, rgba(4, 18, 38, .97), rgba(4, 18, 38, .8) 76%, rgba(4, 18, 38, .28)) !important;
  box-shadow: none !important;
  font-size: clamp(.48rem, .52vw, .62rem) !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  overflow-wrap: normal;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

.pdrm-home .services-nav {
  width: 42px !important;
  height: 42px !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, .16) !important;
  border-radius: 2px !important;
  background: var(--pdrm-navy-850) !important;
  box-shadow: none !important;
}

.pdrm-home .services-nav:hover,
.pdrm-home .services-nav:focus-visible {
  color: var(--pdrm-gold-soft) !important;
  background: var(--pdrm-blue-700) !important;
  transform: translateY(-1px) !important;
}

/* News, activity calendar and quick access */
.pdrm-home .latest-bento-layout {
  width: min(100%, var(--pdrm-container)) !important;
  grid-template-columns: minmax(0, 1.6fr) minmax(280px, .72fr) !important;
  gap: clamp(32px, 5vw, 74px) !important;
  margin: 0 auto !important;
  padding: 0 clamp(20px, 4vw, 56px) var(--pdrm-section-space) !important;
}

.pdrm-home .latest-bento-main,
.pdrm-home .latest-bento-side {
  padding: 0 !important;
}

.pdrm-home .latest-bento-main > .d-flex,
.pdrm-home .latest-bento-side-head {
  position: relative;
  min-height: 54px;
  margin-bottom: 24px !important;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--pdrm-border);
}

.pdrm-home .latest-bento-main > .d-flex::after,
.pdrm-home .latest-bento-side-head::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 72px;
  height: 2px;
  background: linear-gradient(90deg, var(--pdrm-gold), var(--pdrm-blue-600));
}

.pdrm-home .latest-bento-section-badge {
  padding: 0 !important;
  color: var(--pdrm-navy-900) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  font-size: clamp(1.15rem, 2.1vw, 1.8rem) !important;
  letter-spacing: -.025em !important;
  text-transform: none;
}

.pdrm-home .latest-bento-section-badge.is-soft {
  max-width: 34ch;
  color: var(--pdrm-muted) !important;
  font-size: .82rem !important;
  font-weight: 550 !important;
  letter-spacing: 0 !important;
}

.pdrm-home .latest-bento-grid {
  gap: 18px !important;
}

.pdrm-home .latest-bento-card:not(.is-quicklink) {
  gap: 14px !important;
  padding: 0 0 20px !important;
  overflow: hidden;
  color: var(--pdrm-ink) !important;
  border: 1px solid var(--pdrm-border) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(246, 249, 253, .94)) !important;
  box-shadow: 0 16px 38px rgba(4, 25, 53, .075) !important;
  backdrop-filter: none !important;
}

.pdrm-home .latest-bento-card:not(.is-quicklink)::before {
  content: "01";
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 3;
  display: grid;
  place-items: center;
  min-width: 34px;
  height: 24px;
  padding-inline: 8px;
  color: var(--pdrm-gold-soft);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 4px;
  background: rgba(3, 17, 37, .86);
  box-shadow: 0 8px 18px rgba(1, 8, 20, .24);
  font-size: .58rem;
  font-weight: 850;
  letter-spacing: .12em;
  backdrop-filter: blur(8px);
}

.pdrm-home .latest-bento-item:nth-child(2) .latest-bento-card::before { content: "02"; }
.pdrm-home .latest-bento-item:nth-child(3) .latest-bento-card::before { content: "03"; }

.pdrm-home .latest-bento-card:not(.is-quicklink) > :not(.latest-bento-media) {
  margin-inline: 18px;
}

.pdrm-home .latest-bento-card:not(.is-quicklink):hover,
.pdrm-home .latest-bento-card:not(.is-quicklink):focus-visible {
  color: var(--pdrm-ink) !important;
  border-color: rgba(23, 91, 184, .4) !important;
  background: #fff !important;
  box-shadow: 0 24px 54px rgba(4, 25, 53, .14) !important;
  transform: translateY(-4px) !important;
  outline: 3px solid rgba(47, 120, 223, .13);
  outline-offset: 2px;
}

.pdrm-home .latest-bento-media {
  margin: 0 !important;
  border-radius: 9px 9px 0 0 !important;
  background: var(--pdrm-navy-900);
}

.pdrm-home .latest-bento-media::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 34%;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(3, 15, 33, .3));
}

.pdrm-home .latest-bento-card:hover .latest-bento-media img {
  transform: scale(1.02) !important;
}

.pdrm-home .latest-bento-title {
  color: var(--pdrm-ink) !important;
  font-weight: 800 !important;
  letter-spacing: -.018em;
}

.pdrm-home .latest-bento-meta,
.pdrm-home .latest-bento-excerpt {
  color: var(--pdrm-muted) !important;
}

.pdrm-home .latest-bento-meta {
  padding-top: 2px;
  font-size: .68rem !important;
  font-weight: 720;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.pdrm-home .latest-bento-meta span + span::before {
  content: "•";
  margin-right: 6px;
  color: var(--pdrm-gold);
}

.pdrm-home .btn-read-cta {
  width: fit-content !important;
  min-height: 40px;
  margin-top: auto !important;
  padding: 9px 14px !important;
  color: var(--pdrm-blue-700) !important;
  border: 1px solid rgba(18, 63, 132, .25) !important;
  border-radius: 2px !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: .75rem !important;
  font-weight: 750 !important;
  letter-spacing: .04em;
}

.pdrm-home .btn-read-cta:hover,
.pdrm-home .btn-read-cta:focus-visible {
  color: #fff !important;
  border-color: var(--pdrm-blue-700) !important;
  background: var(--pdrm-blue-700) !important;
  transform: translateX(2px) !important;
}

.pdrm-home .latest-bento-card.is-quicklink {
  grid-template-columns: 68px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 9px !important;
  height: auto !important;
  min-height: 92px !important;
  padding: 9px !important;
  border: 1px solid var(--pdrm-border) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .62) !important;
  box-shadow: inset 3px 0 var(--pdrm-gold), 0 10px 28px rgba(4, 25, 53, .045) !important;
  transform: none !important;
}

.pdrm-home .latest-bento-quick-thumb {
  width: 68px !important;
  height: 68px !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

.pdrm-home .latest-bento-quick-body {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 2px 3px 2px 7px !important;
  gap: 3px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.pdrm-home .latest-bento-card.is-quicklink:hover,
.pdrm-home .latest-bento-card.is-quicklink:focus-visible {
  border-color: rgba(23, 91, 184, .4) !important;
  background: rgba(255, 255, 255, .9) !important;
  box-shadow: 0 16px 36px rgba(4, 25, 53, .1) !important;
  transform: translateX(4px) !important;
  outline: 3px solid rgba(47, 120, 223, .12);
  outline-offset: 2px;
}

.pdrm-home .latest-bento-card.is-quicklink:hover .latest-bento-quick-thumb,
.pdrm-home .latest-bento-card.is-quicklink:focus-visible .latest-bento-quick-thumb {
  box-shadow: none !important;
  transform: none !important;
}

.pdrm-home .latest-bento-kicker,
.pdrm-home .latest-bento-quick-meta {
  padding: 0 !important;
  color: var(--pdrm-blue-700) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.pdrm-home .latest-bento-side-grid {
  grid-auto-rows: max-content;
  align-content: start !important;
  gap: 10px !important;
}

.pdrm-home .latest-bento-side-item {
  min-height: 0 !important;
  height: auto !important;
}

.pdrm-home .latest-bento-side .latest-bento-title {
  margin: 0 !important;
  font-size: .86rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.pdrm-home .latest-bento-side .latest-bento-excerpt {
  margin: 0 !important;
  font-size: .72rem !important;
  line-height: 1.36 !important;
  -webkit-line-clamp: 2 !important;
}

.pdrm-home .latest-bento-side .latest-bento-kicker,
.pdrm-home .latest-bento-side .latest-bento-quick-meta {
  font-size: .54rem !important;
  line-height: 1.2 !important;
}

.pdrm-home .latest-bento-side .latest-bento-cta {
  margin-top: 3px !important;
  padding-top: 5px !important;
  font-size: .66rem !important;
}

.pdrm-home .latest-bento-cta {
  color: var(--pdrm-blue-700) !important;
}

/* Calendar as an institutional timeline */
.pdrm-home .home-timeline-shell {
  gap: 20px !important;
  padding: clamp(20px, 3vw, 34px) !important;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--pdrm-border) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(90deg, rgba(18, 63, 132, .035) 1px, transparent 1px),
    linear-gradient(180deg, #fff, #f3f6fa) !important;
  background-size: 72px 100%, auto !important;
  box-shadow: 0 24px 58px rgba(4, 25, 53, .1) !important;
  backdrop-filter: none !important;
}

.pdrm-home .home-timeline-shell::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--pdrm-gold), var(--pdrm-blue-600) 38%, transparent 76%);
}

.pdrm-home .home-timeline-toolbar {
  padding-bottom: 18px;
  border-bottom: 1px solid var(--pdrm-border);
}

.pdrm-home .home-timeline-month {
  min-height: 42px;
  padding: 9px 14px !important;
  color: var(--pdrm-muted) !important;
  border: 1px solid var(--pdrm-border) !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, .86) !important;
  box-shadow: none !important;
}

.pdrm-home .home-timeline-month.is-active {
  color: #fff !important;
  border-color: var(--pdrm-blue-700) !important;
  background: var(--pdrm-blue-700) !important;
  animation: none !important;
}

.pdrm-home .home-timeline-overview-label,
.pdrm-home .home-timeline-meta i,
.pdrm-home .home-timeline-link {
  color: var(--pdrm-blue-700) !important;
}

.pdrm-home .home-timeline-overview-title,
.pdrm-home .home-timeline-event-title,
.pdrm-home .home-timeline-date-label {
  color: var(--pdrm-ink) !important;
}

.pdrm-home .home-timeline-event-card,
.pdrm-home .home-timeline-date,
.pdrm-home .home-timeline-empty {
  border-radius: 9px !important;
}

.pdrm-home .home-timeline-event-card {
  border-color: rgba(14, 42, 78, .12) !important;
  background: rgba(255, 255, 255, .88) !important;
  box-shadow: 0 14px 30px rgba(4, 25, 53, .065) !important;
  transition: transform var(--pdrm-motion), border-color var(--pdrm-motion), box-shadow var(--pdrm-motion);
}

.pdrm-home .home-timeline-event-card:hover,
.pdrm-home .home-timeline-event-card:focus-within {
  border-color: rgba(23, 91, 184, .34) !important;
  box-shadow: 0 20px 40px rgba(4, 25, 53, .11) !important;
  transform: translateX(3px) !important;
}

.pdrm-home .home-timeline-event-card::before {
  border-radius: 2px !important;
  background: var(--pdrm-gold) !important;
  box-shadow: 0 0 0 5px rgba(214, 181, 83, .16) !important;
}

.pdrm-home .home-timeline-date {
  border: 1px solid rgba(14, 42, 78, .1) !important;
  background: linear-gradient(180deg, rgba(18, 63, 132, .09), rgba(255, 255, 255, .86)) !important;
}

.pdrm-home .home-timeline-date-badge,
.pdrm-home .home-timeline-overview-count {
  color: var(--pdrm-blue-700) !important;
  border-radius: 2px !important;
  background: rgba(18, 63, 132, .08) !important;
}

.pdrm-home .home-timeline-event-media,
.pdrm-home .home-timeline-event-media::before {
  border-radius: 0 !important;
}

/* Footer: authoritative institutional closing surface */
.pdrm-home .public-footer {
  position: relative;
  isolation: isolate;
  color: rgba(238, 244, 252, .82);
  border-top: 1px solid rgba(214, 181, 83, .35);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px),
    radial-gradient(circle at 92% 10%, rgba(33, 100, 188, .24), transparent 30%),
    var(--pdrm-navy-950) !important;
  background-size: 72px 100%, auto, auto !important;
}

.pdrm-home .public-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  width: auto;
  height: auto;
  background: url('../images/pdrm-footer-bg.webp') center 38% / cover no-repeat;
  opacity: .2;
  filter: grayscale(.28) saturate(.82) contrast(1.08);
  transform: scale(1.012);
  transform-origin: 50% 45%;
  transition: opacity .75s ease, filter .75s ease, transform 1.35s cubic-bezier(.2, .72, .2, 1);
  pointer-events: none;
}

.pdrm-home .public-footer::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, var(--pdrm-gold), var(--pdrm-blue-500), transparent 78%) top left / min(220px, 34vw) 3px no-repeat,
    linear-gradient(100deg, rgba(2, 7, 18, .94) 0%, rgba(4, 18, 38, .86) 45%, rgba(4, 19, 42, .7) 100%),
    radial-gradient(circle at 84% 26%, rgba(35, 106, 197, .2), transparent 34%);
  opacity: 1;
  transition: opacity .75s ease;
  pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
  .pdrm-home .public-footer:hover::before {
    opacity: .34;
    filter: grayscale(.08) saturate(1.02) contrast(1.1);
    transform: scale(1.035);
  }

  .pdrm-home .public-footer:hover::after {
    opacity: .9;
  }
}

.pdrm-home .public-footer-title {
  color: var(--pdrm-gold-soft) !important;
  font-size: .7rem !important;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.pdrm-home .public-footer-card,
.pdrm-home .public-footer-chip {
  border-radius: 2px !important;
}

.pdrm-home .public-footer-brand {
  position: relative;
  padding-left: 18px;
}

.pdrm-home .public-footer-brand::before {
  content: "";
  position: absolute;
  inset: 2px auto 2px 0;
  width: 2px;
  background: linear-gradient(180deg, var(--pdrm-gold), rgba(78, 148, 238, .18));
}

.pdrm-home .public-footer-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(163, 195, 232, .18) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .085), rgba(21, 71, 132, .045)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
  transition: transform .24s ease, border-color .24s ease, background-color .24s ease, box-shadow .24s ease;
}

.pdrm-home .public-footer-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: linear-gradient(180deg, var(--pdrm-gold), var(--pdrm-blue-500));
  opacity: .32;
  transition: opacity .24s ease, width .24s ease;
  pointer-events: none;
}

.pdrm-home .public-footer-link {
  border-left: 1px solid transparent;
  border-radius: 2px !important;
}

.pdrm-home .public-footer-social a,
.pdrm-home .public-visitor-item {
  transition: transform .22s ease, border-color .22s ease, background-color .22s ease, box-shadow .22s ease;
}

@media (hover: hover) and (pointer: fine) {
  .pdrm-home .public-footer-card:hover {
    transform: translateY(-3px);
    border-color: rgba(214, 181, 83, .42) !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(25, 87, 163, .075)) !important;
    box-shadow: 0 18px 34px rgba(0, 5, 16, .2), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  }

  .pdrm-home .public-footer-card:hover::before {
    width: 3px;
    opacity: .9;
  }

  .pdrm-home .public-footer-link:hover,
  .pdrm-home .public-footer-link:focus-visible {
    border-left-color: var(--pdrm-gold);
    background: linear-gradient(90deg, rgba(214, 181, 83, .1), rgba(54, 125, 218, .05), transparent) !important;
    transform: translateX(4px);
  }

  .pdrm-home .public-footer-social a:hover,
  .pdrm-home .public-footer-social a:focus-visible {
    transform: translateY(-3px);
    border-color: rgba(214, 181, 83, .48);
    background: rgba(38, 104, 190, .28) !important;
    box-shadow: 0 10px 22px rgba(0, 5, 16, .24);
  }

  .pdrm-home .public-visitor-item:hover {
    transform: translateX(3px);
    border-color: rgba(214, 181, 83, .35);
    background: rgba(255, 255, 255, .11);
  }
}

.pdrm-home .public-footer-bottom {
  border-top-color: rgba(255, 255, 255, .1) !important;
  background: rgba(0, 0, 0, .16) !important;
}

/* Dark theme inherits the command palette without losing readability. */
body[data-public-theme="dark"] .pdrm-home {
  --pdrm-ink: #edf4ff;
  --pdrm-muted: #b7c5d8;
  --pdrm-blue-700: #7cb1ff;
  --pdrm-blue-600: #4f93ee;
  --pdrm-surface: #071426;
  --pdrm-border: rgba(164, 191, 224, .23);
  background: #071426 !important;
  color-scheme: dark;
}

body[data-public-theme="light"] .pdrm-home .public-bg-blend::before {
  background: rgba(248, 249, 250, .92) !important;
}

body[data-public-theme="dark"] .pdrm-home .public-bg-blend::before {
  background: rgba(4, 13, 27, .88) !important;
}

body[data-public-theme="dark"] .pdrm-home::before {
  background:
    linear-gradient(rgba(146, 176, 211, .03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(146, 176, 211, .03) 1px, transparent 1px),
    radial-gradient(circle at 88% 30%, rgba(35, 106, 197, .12), transparent 32%),
    #071426;
  background-size: 64px 64px, 64px 64px, auto, auto;
}

body[data-public-theme="dark"] .pdrm-home .services-collage::before,
body[data-public-theme="dark"] .pdrm-home .latest-bento-card:not(.is-quicklink),
body[data-public-theme="dark"] .pdrm-home .home-timeline-shell,
body[data-public-theme="dark"] .pdrm-home .home-timeline-event-card,
body[data-public-theme="dark"] .pdrm-home .home-timeline-date,
body[data-public-theme="dark"] .pdrm-home .home-timeline-month {
  color: var(--pdrm-ink) !important;
  border-color: var(--pdrm-border) !important;
  background: #0b1b30 !important;
}

body[data-public-theme="dark"] .pdrm-home .services-collage::before {
  background:
    linear-gradient(rgba(164, 191, 224, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(164, 191, 224, .035) 1px, transparent 1px) !important;
  background-size: 48px 48px !important;
  box-shadow: none !important;
}

body[data-public-theme="dark"] .pdrm-home .service-tile {
  color: var(--pdrm-ink) !important;
  border-color: rgba(159, 190, 226, .25) !important;
  background: linear-gradient(135deg, #102844, #0b1d33) !important;
}

body[data-public-theme="dark"] .pdrm-home .service-label {
  color: #eef5ff !important;
  background: linear-gradient(90deg, rgba(7, 23, 42, .98), rgba(9, 30, 53, .9) 62%, rgba(9, 30, 53, 0)) !important;
  box-shadow: 0 8px 18px rgba(0, 5, 15, .24) !important;
}

body[data-public-theme="dark"] .pdrm-home .service-icon {
  color: #9bc4ff !important;
  background: rgba(74, 145, 238, .17) !important;
}

body[data-public-theme="dark"] .pdrm-home .service-tile:hover,
body[data-public-theme="dark"] .pdrm-home .service-tile:focus-visible {
  border-color: rgba(124, 177, 255, .62) !important;
  background: #132d4b !important;
  box-shadow: 0 20px 46px rgba(0, 6, 18, .42) !important;
  outline-color: rgba(124, 177, 255, .3) !important;
}

body[data-public-theme="dark"] .pdrm-home .latest-bento-title,
body[data-public-theme="dark"] .pdrm-home .latest-bento-quick-title,
body[data-public-theme="dark"] .pdrm-home .latest-bento-section-badge,
body[data-public-theme="dark"] .pdrm-home .home-timeline-overview-title,
body[data-public-theme="dark"] .pdrm-home .home-timeline-event-title,
body[data-public-theme="dark"] .pdrm-home .home-timeline-date-label,
body[data-public-theme="dark"] .pdrm-home .services-title-pill {
  color: var(--pdrm-ink) !important;
}

body[data-public-theme="dark"] .pdrm-home .latest-bento-excerpt,
body[data-public-theme="dark"] .pdrm-home .latest-bento-meta,
body[data-public-theme="dark"] .pdrm-home .home-timeline-event-text,
body[data-public-theme="dark"] .pdrm-home .home-timeline-meta {
  color: var(--pdrm-muted) !important;
}

body[data-public-theme="dark"] .pdrm-home .latest-bento-card:not(.is-quicklink):hover,
body[data-public-theme="dark"] .pdrm-home .latest-bento-card:not(.is-quicklink):focus-visible {
  border-color: rgba(124, 177, 255, .48) !important;
  background: #10243c !important;
  box-shadow: 0 22px 50px rgba(0, 6, 18, .38) !important;
  outline-color: rgba(124, 177, 255, .24) !important;
}

body[data-public-theme="dark"] .pdrm-home .latest-bento-card.is-quicklink {
  color: var(--pdrm-ink) !important;
  border-color: rgba(164, 191, 224, .22) !important;
  background: linear-gradient(135deg, #0e2239, #0a192b) !important;
  box-shadow: inset 3px 0 var(--pdrm-gold), 0 14px 30px rgba(0, 6, 18, .28) !important;
}

body[data-public-theme="dark"] .pdrm-home .latest-bento-card.is-quicklink:hover,
body[data-public-theme="dark"] .pdrm-home .latest-bento-card.is-quicklink:focus-visible {
  border-color: rgba(124, 177, 255, .5) !important;
  background: #112944 !important;
  box-shadow: 0 20px 42px rgba(0, 6, 18, .4) !important;
  outline-color: rgba(124, 177, 255, .24) !important;
}

body[data-public-theme="dark"] .pdrm-home .latest-bento-kicker,
body[data-public-theme="dark"] .pdrm-home .latest-bento-quick-meta,
body[data-public-theme="dark"] .pdrm-home .latest-bento-cta,
body[data-public-theme="dark"] .pdrm-home .btn-read-cta,
body[data-public-theme="dark"] .pdrm-home .home-timeline-link,
body[data-public-theme="dark"] .pdrm-home .home-timeline-overview-label,
body[data-public-theme="dark"] .pdrm-home .home-timeline-meta i {
  color: #8dbaff !important;
}

body[data-public-theme="dark"] .pdrm-home .btn-read-cta {
  border-color: rgba(124, 177, 255, .4) !important;
  background: rgba(17, 66, 126, .14) !important;
}

body[data-public-theme="dark"] .pdrm-home .btn-read-cta:hover,
body[data-public-theme="dark"] .pdrm-home .btn-read-cta:focus-visible {
  color: #fff !important;
  border-color: #397bd1 !important;
  background: #245faa !important;
}

body[data-public-theme="dark"] .pdrm-home .home-timeline-shell {
  background:
    linear-gradient(90deg, rgba(105, 157, 220, .045) 1px, transparent 1px),
    linear-gradient(180deg, #0b1d33, #081728) !important;
  background-size: 72px 100%, auto !important;
  box-shadow: 0 24px 58px rgba(0, 6, 18, .38) !important;
}

body[data-public-theme="dark"] .pdrm-home .home-timeline-event-card {
  background: #0d223a !important;
  box-shadow: 0 14px 30px rgba(0, 6, 18, .3) !important;
}

body[data-public-theme="dark"] .pdrm-home .home-timeline-date {
  background: linear-gradient(180deg, rgba(42, 104, 181, .22), rgba(9, 27, 48, .96)) !important;
}

body[data-public-theme="dark"] .pdrm-home .home-timeline-date-badge,
body[data-public-theme="dark"] .pdrm-home .home-timeline-overview-count {
  color: #9bc4ff !important;
  background: rgba(66, 132, 216, .17) !important;
}

body[data-public-theme="dark"] .pdrm-home .home-timeline-month.is-active {
  color: #fff !important;
  border-color: #4f93ee !important;
  background: #245faa !important;
}

@keyframes pdrmHeroLineIn {
  to { opacity: 1; transform: translateY(0); }
}

@media (min-width: 992px) {
  .pdrm-home .home-hero-content > .row > .col-lg-5 {
    flex: 0 0 49.5%;
    max-width: 49.5%;
    min-width: 0;
  }

  .pdrm-home .home-hero-content > .row > .home-hero-gallery-col {
    flex: 0 0 50.5%;
    max-width: 50.5%;
    min-width: 0;
  }
}

@media (max-width: 1199.98px) {
  .pdrm-home .home-hero-heading { font-size: clamp(2.7rem, 4.7vw, 4rem) !important; }
  .pdrm-home .home-hero-gallery { grid-template-columns: repeat(3, minmax(120px, 1fr)); }
  .pdrm-home .service-tile { flex-basis: calc((100% - 24px) / 3) !important; }
}

@media (max-width: 991.98px) {
  .pdrm-home .home-hero-shell { min-height: auto !important; }
  .pdrm-home .home-hero-content > .row { gap: 42px !important; }
  .pdrm-home .home-hero-heading { max-width: 15ch; }
  .pdrm-home .home-hero-gallery-col { padding-inline: 0 !important; }
  .pdrm-home .services-collage {
    grid-template-columns: 1fr;
    align-items: stretch !important;
    width: 100% !important;
    margin-top: -38px !important;
    margin-bottom: clamp(60px, 8vw, 86px) !important;
    padding: clamp(22px, 4vw, 30px) !important;
  }
  .pdrm-home .services-title-pill {
    min-height: auto;
    align-self: stretch;
    padding: 0 0 16px 18px !important;
  }
  .pdrm-home .services-slider-container { width: 100%; padding-inline: 0 !important; }
  .pdrm-home .latest-bento-layout { grid-template-columns: 1fr !important; }
  .pdrm-home .latest-bento-side-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 767.98px) {
  .pdrm-command-rail {
    align-items: flex-start;
    margin-bottom: 38px;
    padding-right: 48px;
    font-size: .56rem;
    line-height: 1.5;
  }
  .pdrm-command-rail span:last-child { display: none; }
  .pdrm-command-rail::before { margin-top: 28px; }
  .pdrm-home .home-hero-content { padding-inline: 18px !important; }
  .pdrm-home .home-hero-text::before {
    inset: -26px -18px -30px;
    background: radial-gradient(ellipse at 50% 46%, rgba(2, 9, 20, .58), rgba(2, 9, 20, .2) 62%, transparent 82%);
  }
  .pdrm-home .home-hero-heading {
    max-width: 100%;
    font-size: clamp(2.25rem, 11.5vw, 4rem) !important;
    line-height: .96 !important;
    letter-spacing: -.045em !important;
  }
  .pdrm-home .public-accessbar .access-toggle {
    top: max(122px, calc(env(safe-area-inset-top) + 104px));
    min-width: 44px;
    min-height: 44px;
    border-radius: 13px 0 0 13px;
  }
  .pdrm-home .home-hero-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px !important;
  }
  .pdrm-home .home-hero .stats-gallery-card { min-height: 150px; }
  .pdrm-home .home-hero .stats-gallery-media { height: 74px; }
  .pdrm-home .services-collage {
    width: 100% !important;
    margin-top: 0 !important;
    gap: 12px !important;
    padding: max(20px, env(safe-area-inset-top)) 16px 18px !important;
    border-radius: 0 !important;
    scroll-margin-top: max(72px, calc(env(safe-area-inset-top) + 56px));
  }
  .pdrm-home .latest-bento-layout { padding-inline: 16px !important; }
  .pdrm-home .services-collage::before { inset: 0 !important; }
  .pdrm-home .services-title-pill {
    position: relative;
    z-index: 4;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-areas:
      "icon eyebrow"
      "icon title";
    min-height: 0;
    margin: 0 !important;
    align-items: center !important;
    gap: 1px 10px !important;
    padding: 9px 11px !important;
    color: #f4f8ff !important;
    border: 1px solid rgba(179, 205, 235, .18) !important;
    border-left: 3px solid var(--pdrm-gold) !important;
    border-radius: 7px !important;
    background: linear-gradient(90deg, rgba(18, 55, 96, .72), rgba(8, 29, 57, .42)) !important;
    font-size: 1rem !important;
    line-height: 1.15;
    overflow: visible !important;
  }
  .pdrm-home .services-title-pill::before {
    grid-area: eyebrow;
    font-size: .5rem;
    letter-spacing: .13em;
  }
  .pdrm-home .services-title-pill i {
    grid-area: icon;
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(241, 217, 141, .22);
    border-radius: 6px;
    background: rgba(3, 18, 39, .58);
    font-size: .86rem;
  }
  .pdrm-home .services-title-pill span {
    grid-area: title;
    min-width: 0;
  }
  .pdrm-home .service-tile { min-width: min(78vw, 280px) !important; }
  .pdrm-home .latest-bento-grid,
  .pdrm-home .latest-bento-side-grid { grid-template-columns: 1fr !important; }
  .pdrm-home .latest-bento-card.is-quicklink {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    min-height: 84px !important;
  }
  .pdrm-home .latest-bento-quick-thumb { width: 64px !important; height: 64px !important; min-height: 0 !important; }
  .pdrm-home .latest-bento-quick-body { min-height: 0 !important; padding-left: 7px !important; }
  .pdrm-home .home-timeline-event-card { margin-left: 24px !important; }
  .pdrm-home .home-timeline-event-media { margin: -18px -18px 16px !important; border-radius: 0 !important; }
}

@media (max-width: 479.98px) {
  .pdrm-hero-search { grid-template-columns: 38px minmax(0, 1fr) 18px; gap: 10px; padding-right: 14px; }
  .pdrm-hero-search-index { width: 38px; }
  .pdrm-hero-search-copy small { white-space: normal; }
  .pdrm-home .home-hero .stats-gallery-label { font-size: .56rem; }
  .pdrm-home .latest-bento-main > .d-flex { align-items: flex-start !important; flex-direction: column; gap: 8px; }
}

/* Mobile performance profile: preserve the design while avoiding costly GPU work. */
@media (max-width: 767.98px), (update: slow) {
  .pdrm-home .public-footer::before {
    opacity: .15;
    filter: grayscale(.32) saturate(.72) contrast(1.06);
    transform: none;
  }

  .pdrm-home :is(
    .home-hero .stats-gallery-card,
    .services-collage,
    .service-tile,
    .latest-bento-card,
    .latest-bento-quick-body,
    .home-timeline-shell,
    .home-timeline-event-card,
    .public-footer-card,
    .public-footer-chip
  ) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .pdrm-home .services-collage {
    box-shadow: 0 12px 28px rgba(1, 9, 22, .2) !important;
  }

  .pdrm-home :is(
    .service-tile,
    .latest-bento-card:not(.is-quicklink),
    .latest-bento-card.is-quicklink,
    .home-timeline-shell,
    .home-timeline-event-card
  ) {
    box-shadow: 0 6px 16px rgba(3, 18, 39, .09) !important;
  }

  .pdrm-home :is(
    .service-tile,
    .service-media,
    .service-overlay,
    .latest-bento-card,
    .latest-bento-media img,
    .latest-bento-quick-thumb,
    .home-timeline-event-card,
    .home-timeline-link i,
    .public-footer::before,
    .public-footer::after,
    .public-footer-card,
    .public-footer-link,
    .public-footer-social a,
    .public-visitor-item
  ) {
    transition-duration: .01ms !important;
  }
}

@media (hover: none) and (pointer: coarse) {
  .pdrm-home :is(
    .service-tile,
    .latest-bento-card,
    .home-timeline-event-card,
    .public-footer-card,
    .public-footer-link,
    .public-footer-social a,
    .public-visitor-item
  ):hover {
    transform: none !important;
  }

  .pdrm-home .public-footer:hover::before {
    opacity: .15;
    filter: grayscale(.32) saturate(.72) contrast(1.06);
    transform: none !important;
  }

  .pdrm-home .public-footer:hover::after { opacity: 1; }

  .pdrm-home .service-tile:hover .service-media,
  .pdrm-home .latest-bento-card:hover .latest-bento-media img {
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pdrm-home *,
  .pdrm-home *::before,
  .pdrm-home *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .pdrm-home .pdrm-hero-line { opacity: 1 !important; transform: none !important; }
}

/* Existing accessibility modes retain the final say over the visual layer. */
body.a11y-high .pdrm-home *,
body.a11y-negative .pdrm-home *,
body.a11y-light-bg .pdrm-home * {
  text-shadow: none !important;
}

/*
 * The legacy global transition helper applies inline opacity to every card.
 * Homepage information must remain immediately available even without a
 * successful observer callback (print, screenshots, low-power and no-JS).
 */
.pdrm-home :is(
  .latest-bento-item,
  .latest-bento-card,
  .home-timeline-event-card,
  .home-discovery-card,
  .hl-card,
  .nex-card,
  .glass
) {
  opacity: 1 !important;
  transform: none !important;
}

/*
 * These are core homepage information regions, not decorative off-screen
 * panels. Keeping them paintable avoids large intrinsic-size placeholders on
 * browser screenshots, fast scrolling, assistive navigation and mid-range
 * devices while images remain independently lazy-loaded.
 */
.pdrm-home :is(
  .latest-bento-layout,
  .home-timeline-shell,
  .home-editorial-feed
) {
  content-visibility: visible !important;
  contain-intrinsic-size: auto !important;
}

/* RMP editorial continuation: official statements and digital publications. */
.pdrm-home .home-editorial-feeds {
  width: min(100%, calc(100% - clamp(24px, 4vw, 48px)));
  margin: clamp(34px, 5vw, 64px) auto 0;
  padding: 0 clamp(12px, 2vw, 24px);
  display: grid;
  gap: clamp(28px, 4vw, 44px);
}

/* Editorial feeds belong directly below the Akses Pantas rail on desktop. */
.pdrm-home .latest-bento-side .home-editorial-feeds {
  width: 100%;
  margin: clamp(24px, 3vw, 36px) 0 0;
  padding: 0;
  gap: 22px;
}

.pdrm-home .latest-bento-side .home-editorial-feed {
  padding: 18px;
  border-radius: 22px;
}

.pdrm-home .latest-bento-side .home-editorial-feed__head {
  align-items: stretch;
  flex-direction: column;
  gap: 14px;
}

.pdrm-home .latest-bento-side .home-editorial-feed__heading {
  align-items: flex-start;
  gap: 11px;
}

.pdrm-home .latest-bento-side .home-editorial-feed__icon {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 12px;
}

.pdrm-home .latest-bento-side .home-editorial-feed__heading h2 {
  font-size: clamp(1.1rem, 1.6vw, 1.35rem);
}

.pdrm-home .latest-bento-side .home-editorial-feed__heading p {
  font-size: .76rem;
  line-height: 1.5;
}

.pdrm-home .latest-bento-side .home-editorial-feed__all {
  align-self: flex-start;
}

.pdrm-home .latest-bento-side .home-editorial-feed__grid {
  grid-template-columns: 1fr;
  gap: 12px;
}

.pdrm-home .latest-bento-side .home-editorial-card__link {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  min-height: 116px;
}

.pdrm-home .latest-bento-side .home-editorial-card__media {
  height: 100%;
  min-height: 116px;
  aspect-ratio: auto;
}

.pdrm-home .latest-bento-side .home-editorial-card__body {
  min-width: 0;
  padding: 12px;
}

.pdrm-home .latest-bento-side .home-editorial-card__title {
  font-size: .82rem;
  line-height: 1.35;
  -webkit-line-clamp: 3;
}

.pdrm-home .latest-bento-side .home-editorial-card__excerpt {
  display: none;
}

.pdrm-home .latest-bento-side .home-editorial-card__meta,
.pdrm-home .latest-bento-side .home-editorial-card__cta {
  font-size: .58rem;
}

.pdrm-home .home-editorial-feed {
  position: relative;
  isolation: isolate;
  content-visibility: auto;
  contain-intrinsic-size: auto 760px;
  padding: clamp(20px, 3vw, 32px);
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: clamp(24px, 3vw, 34px);
  background:
    radial-gradient(circle at 96% 0%, rgba(31, 93, 179, .12), transparent 30%),
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(245, 248, 252, .94));
  box-shadow: 0 24px 60px rgba(15, 37, 68, .1);
  overflow: hidden;
}

.pdrm-home .home-editorial-feed.is-publications {
  background:
    radial-gradient(circle at 96% 0%, rgba(197, 156, 45, .14), transparent 30%),
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(249, 247, 239, .95));
}

.pdrm-home .home-editorial-feed::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .42;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(31, 93, 179, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(31, 93, 179, .035) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: linear-gradient(115deg, #000, transparent 72%);
}

.pdrm-home .home-editorial-feed__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: clamp(18px, 3vw, 28px);
}

.pdrm-home .home-editorial-feed__heading {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
}

.pdrm-home .home-editorial-feed__icon {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(145deg, #153f80, #2672cd);
  box-shadow: 0 13px 28px rgba(31, 93, 179, .24);
}

.pdrm-home .is-publications .home-editorial-feed__icon {
  color: #17243a;
  background: linear-gradient(145deg, #f0cf61, #c89b28);
  box-shadow: 0 13px 28px rgba(177, 132, 23, .22);
}

.pdrm-home .home-editorial-feed__eyebrow {
  display: block;
  margin: 1px 0 4px;
  color: #1f5db3;
  font-size: .69rem;
  line-height: 1.2;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.pdrm-home .is-publications .home-editorial-feed__eyebrow { color: #8a6512; }

.pdrm-home .home-editorial-feed__head h2 {
  margin: 0;
  color: #10213a;
  font-size: clamp(1.35rem, 2vw, 1.85rem);
  line-height: 1.12;
  font-weight: 850;
  letter-spacing: -.025em;
}

.pdrm-home .home-editorial-feed__head p {
  max-width: 650px;
  margin: 7px 0 0;
  color: #5d6c80;
  font-size: .88rem;
  line-height: 1.55;
}

.pdrm-home .home-editorial-feed__all {
  min-height: 44px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 15px;
  border: 1px solid rgba(31, 93, 179, .18);
  border-radius: 999px;
  color: #174f9f;
  background: rgba(255, 255, 255, .7);
  font-size: .78rem;
  font-weight: 800;
  text-decoration: none;
  transition: transform .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.pdrm-home .home-editorial-feed__all:hover,
.pdrm-home .home-editorial-feed__all:focus-visible {
  color: #0d3e81;
  border-color: rgba(31, 93, 179, .42);
  box-shadow: 0 10px 24px rgba(31, 93, 179, .13);
  transform: translateY(-2px);
  outline: 3px solid rgba(31, 93, 179, .15);
  outline-offset: 2px;
}

.pdrm-home .home-editorial-feed__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 20px);
}

.pdrm-home .home-editorial-card { min-width: 0; }

.pdrm-home .home-editorial-card__link {
  height: 100%;
  display: flex;
  flex-direction: column;
  color: #12213a;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 22px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 13px 30px rgba(15, 37, 68, .07);
  overflow: hidden;
  text-decoration: none;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.pdrm-home .home-editorial-card__link:hover,
.pdrm-home .home-editorial-card__link:focus-visible {
  color: #12213a;
  border-color: rgba(31, 93, 179, .36);
  box-shadow: 0 20px 42px rgba(15, 37, 68, .14);
  transform: translateY(-5px);
  outline: 3px solid rgba(31, 93, 179, .14);
  outline-offset: 3px;
}

.pdrm-home .home-editorial-card__media {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: linear-gradient(145deg, #dce8f6, #edf3fa);
}

.pdrm-home .home-editorial-card__media::after {
  content: "";
  position: absolute;
  inset: 48% 0 0;
  background: linear-gradient(transparent, rgba(5, 18, 38, .4));
  pointer-events: none;
}

.pdrm-home .home-editorial-card__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .5s cubic-bezier(.2, .7, .2, 1);
}

.pdrm-home .home-editorial-card__link:hover .home-editorial-card__media img,
.pdrm-home .home-editorial-card__link:focus-visible .home-editorial-card__media img { transform: scale(1.045); }

.pdrm-home .home-editorial-card__placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(31, 93, 179, .62);
  font-size: 2.1rem;
}

.pdrm-home .home-editorial-card__number {
  position: absolute;
  right: 12px;
  bottom: 10px;
  z-index: 1;
  color: #fff;
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .12em;
}

.pdrm-home .home-editorial-card__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 17px 18px 18px;
}

.pdrm-home .home-editorial-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #607086;
  font-size: .67rem;
  line-height: 1.35;
  font-weight: 750;
}

.pdrm-home .home-editorial-card__meta > span:first-child {
  color: #1b5da9;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.pdrm-home .is-publication .home-editorial-card__meta > span:first-child { color: #87620e; }

.pdrm-home .home-editorial-card__title {
  display: -webkit-box;
  color: #12213a;
  font-size: clamp(.95rem, 1.15vw, 1.08rem);
  line-height: 1.35;
  font-weight: 820;
  letter-spacing: -.012em;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.pdrm-home .home-editorial-card__excerpt {
  display: -webkit-box;
  color: #5b6a7c;
  font-size: .8rem;
  line-height: 1.5;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.pdrm-home .home-editorial-card__cta {
  margin-top: auto;
  padding-top: 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #174f9f;
  font-size: .74rem;
  font-weight: 820;
}

.pdrm-home .is-publication .home-editorial-card__cta { color: #87620e; }

.pdrm-home .home-editorial-feed__empty {
  min-height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px;
  border: 1px dashed rgba(148, 163, 184, .42);
  border-radius: 20px;
  color: #66758a;
  background: rgba(255, 255, 255, .62);
  text-align: center;
}

body[data-public-theme="dark"] .pdrm-home .home-editorial-feed {
  border-color: rgba(144, 177, 216, .2);
  background:
    radial-gradient(circle at 96% 0%, rgba(61, 129, 219, .16), transparent 30%),
    linear-gradient(145deg, #0b1b30, #0a1728);
  box-shadow: 0 24px 60px rgba(0, 7, 19, .35);
}

body[data-public-theme="dark"] .pdrm-home .home-editorial-feed__head h2,
body[data-public-theme="dark"] .pdrm-home .home-editorial-card__title { color: #edf5ff; }

body[data-public-theme="dark"] .pdrm-home .home-editorial-feed__head p,
body[data-public-theme="dark"] .pdrm-home .home-editorial-card__excerpt,
body[data-public-theme="dark"] .pdrm-home .home-editorial-card__meta { color: #9eb1c9; }

body[data-public-theme="dark"] .pdrm-home .home-editorial-card__link,
body[data-public-theme="dark"] .pdrm-home .home-editorial-feed__empty,
body[data-public-theme="dark"] .pdrm-home .home-editorial-feed__all {
  color: #edf5ff;
  border-color: rgba(144, 177, 216, .2);
  background: rgba(15, 36, 61, .9);
}

body[data-public-theme="dark"] .pdrm-home .home-editorial-card__link:hover,
body[data-public-theme="dark"] .pdrm-home .home-editorial-card__link:focus-visible { color: #fff; }

@media (max-width: 991.98px) {
  .pdrm-home .home-editorial-feed__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pdrm-home .home-editorial-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .pdrm-home .home-editorial-card:last-child:nth-child(odd) .home-editorial-card__link {
    display: grid;
    grid-template-columns: minmax(200px, .7fr) minmax(0, 1.3fr);
  }
}

@media (max-width: 640px) {
  .pdrm-home .home-editorial-feeds {
    width: 100%;
    padding-inline: clamp(16px, 4vw, 24px);
  }
  .pdrm-home .home-editorial-feed { padding: 18px; border-radius: 24px; }
  .pdrm-home .home-editorial-feed__head { align-items: stretch; flex-direction: column; gap: 15px; }
  .pdrm-home .home-editorial-feed__all { align-self: flex-start; }
  .pdrm-home .home-editorial-feed__grid { grid-template-columns: 1fr; }
  .pdrm-home .home-editorial-card:last-child:nth-child(odd) { grid-column: auto; }
  .pdrm-home .home-editorial-card:last-child:nth-child(odd) .home-editorial-card__link { display: flex; }
  .pdrm-home .home-editorial-card__media { aspect-ratio: 16 / 8.8; }

  .pdrm-home .home-editorial-feed,
  .pdrm-home .latest-bento-layout,
  .pdrm-home .home-timeline-shell {
    contain-intrinsic-size: auto 680px;
  }

  .pdrm-home .home-editorial-card__link,
  .pdrm-home .home-editorial-feed,
  .pdrm-home .latest-bento-card,
  .pdrm-home .home-timeline-event-card {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pdrm-home .home-editorial-feed__all,
  .pdrm-home .home-editorial-card__link,
  .pdrm-home .home-editorial-card__media img {
    transition-duration: .01ms !important;
    transform: none !important;
  }
}