/* =========================================================
   LANGKAH KUDA
   EDITORIAL NEWSROOM HOMEPAGE 2E-C3K-4
   ========================================================= */

.lk-home-premium {
  --nr-espresso: #291814;
  --nr-brown: #493028;
  --nr-brown-soft: #76584c;
  --nr-red: #b7352f;
  --nr-red-dark: #8d2723;
  --nr-gold: #c49346;
  --nr-gold-light: #e7bd72;
  --nr-paper: #fffdf8;
  --nr-ivory: #f4eddf;
  --nr-line: rgba(73, 48, 40, .16);
  --nr-shadow:
    0 20px 48px rgba(43, 26, 22, .11);
}

.lk-home-premium *,
.lk-home-premium *::before,
.lk-home-premium *::after {
  box-sizing: border-box;
}


/* =========================================================
   INTRO RINGKAS
   ========================================================= */

.lk-newsroom-intro {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(280px, 355px);
  gap:
    clamp(32px, 6vw, 78px);
  align-items: center;
  padding:
    clamp(30px, 4vw, 47px)
    clamp(3px, 1vw, 12px);
  border-bottom: 1px solid var(--nr-line);
}

.lk-newsroom-kicker {
  color: var(--nr-red);
  font-family:
    var(--font-mono),
    monospace;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.lk-newsroom-intro h1 {
  max-width: 810px;
  margin: 11px 0 13px;
  color: var(--nr-espresso);
  font-family:
    "Newsreader",
    Georgia,
    serif;
  font-size:
    clamp(37px, 4.5vw, 57px);
  font-weight: 560;
  line-height: .98;
  letter-spacing: -.039em;
}

.lk-newsroom-intro-copy > p {
  max-width: 670px;
  margin: 0;
  color: var(--nr-brown-soft);
  font-size:
    clamp(14px, 1.5vw, 17px);
  line-height: 1.68;
}

.lk-newsroom-join {
  padding: 19px;
  border: 1px solid var(--nr-line);
  border-top: 4px solid var(--nr-gold);
  border-radius: 16px;
  background:
    linear-gradient(
      145deg,
      var(--nr-paper),
      var(--nr-ivory)
    );
  box-shadow:
    0 13px 31px
    rgba(43, 26, 22, .07);
}

.lk-newsroom-join
.lk-home-entry-note {
  margin: 0 0 14px;
  padding: 0 0 14px;
  border-bottom: 1px solid var(--nr-line);
}

.lk-newsroom-join
.lk-home-entry-note > span {
  color: var(--nr-red);
}

.lk-newsroom-join
.lk-home-entry-note strong {
  color: var(--nr-espresso);
  font-size: 21px;
}

.lk-newsroom-join
.lk-home-entry-note p {
  color: var(--nr-brown-soft) !important;
}

.lk-newsroom-join
.lk-home-join-primary {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 17px;
  padding: 11px 15px;
  color: #fffaf0;
  border: 1px solid var(--nr-red-dark);
  border-radius: 9px;
  background:
    linear-gradient(
      180deg,
      #c9443d,
      var(--nr-red)
    );
  box-shadow:
    0 11px 25px
    rgba(183, 53, 47, .2);
  font-family:
    var(--font-mono),
    monospace;
  text-decoration: none;
}

.lk-newsroom-join
.lk-home-join-primary > span {
  display: grid;
  gap: 3px;
  font-size: 9px;
  font-weight: 850;
}

.lk-newsroom-join
.lk-home-join-primary small {
  color:
    rgba(255, 250, 240, .68);
  font-size: 6px;
  font-weight: 400;
}

.lk-newsroom-join
.lk-home-join-primary b {
  font-size: 19px;
}

.lk-newsroom-join
.lk-home-join-primary:hover {
  color: var(--nr-espresso);
  border-color: var(--nr-gold-light);
  background: var(--nr-gold-light);
}


/* =========================================================
   NEWSROOM SHELL
   ========================================================= */

.lk-newsroom-shell {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(315px, 365px);
  gap: 20px;
  align-items: start;
  margin:
    clamp(25px, 4vw, 42px)
    0
    24px;
}


/* =========================================================
   HEADLINE UTAMA
   ========================================================= */

.lk-headline-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  height: 475px;
  border-top: 5px solid var(--nr-red);
  border-radius: 22px;
  background:
    linear-gradient(
      135deg,
      #21120f,
      #51342b
    );
  box-shadow: var(--nr-shadow);
}

.lk-headline-media {
  position: absolute;
  inset: 0;
  z-index: -3;
  display: block;
}

.lk-headline-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition:
    transform .6s ease;
}

.lk-headline-card:hover
.lk-headline-media img {
  transform: scale(1.025);
}

.lk-headline-shade {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(
      90deg,
      rgba(21, 12, 10, .94) 0%,
      rgba(35, 20, 17, .84) 43%,
      rgba(42, 24, 20, .37) 72%,
      rgba(42, 24, 20, .18) 100%
    ),
    linear-gradient(
      0deg,
      rgba(21, 12, 10, .6),
      transparent 60%
    );
}

.lk-headline-content {
  display: flex;
  width: min(72%, 680px);
  height: 100%;
  flex-direction: column;
  justify-content: center;
  padding:
    clamp(31px, 5vw, 55px);
}

.lk-headline-labels {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.lk-headline-labels
.lk-featured-badge,
.lk-headline-labels > a,
.lk-headline-labels > em {
  display: inline-flex;
  min-height: 25px;
  align-items: center;
  padding: 5px 9px;
  border-radius: 999px;
  font-family:
    var(--font-mono),
    monospace;
  font-size: 7px;
  font-weight: 850;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
}

.lk-headline-labels
.lk-featured-badge {
  position: static;
  color: #281713;
  border: 1px solid #d6a54e;
  background: var(--nr-gold-light);
}

.lk-headline-labels > a {
  color: #fffaf0;
  border:
    1px solid
    rgba(255, 250, 240, .24);
  background:
    rgba(255, 250, 240, .1);
}

.lk-headline-labels > em {
  color: var(--nr-gold-light);
  border:
    1px solid
    rgba(231, 189, 114, .26);
  background:
    rgba(231, 189, 114, .08);
  font-style: normal;
}

.lk-headline-content h2 {
  max-width: 710px;
  margin: 17px 0 13px;
  font-family:
    "Newsreader",
    Georgia,
    serif;
  font-size:
    clamp(35px, 4.5vw, 55px);
  font-weight: 610;
  line-height: .98;
  letter-spacing: -.041em;
}

.lk-headline-content h2 a {
  color: #fffaf0;
  text-decoration: none;
}

.lk-headline-subtitle {
  max-width: 650px;
  margin: 0 0 9px;
  color: var(--nr-gold-light);
  font-family:
    "Newsreader",
    Georgia,
    serif;
  font-size:
    clamp(17px, 1.8vw, 21px);
  font-weight: 550;
  line-height: 1.3;
}

.lk-headline-summary {
  display: -webkit-box;
  max-width: 650px;
  margin: 0;
  overflow: hidden;
  color:
    rgba(255, 250, 240, .73);
  font-size: 13px;
  line-height: 1.65;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.lk-headline-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  margin-top: 16px;
  color:
    rgba(255, 250, 240, .67);
  font-family:
    var(--font-mono),
    monospace;
  font-size: 7px;
}

.lk-headline-meta a {
  color: var(--nr-gold-light);
}

.lk-headline-button {
  display: inline-flex;
  width: fit-content;
  min-height: 43px;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  margin-top: 20px;
  padding: 9px 14px;
  color: #fffaf0;
  border: 1px solid var(--nr-red-dark);
  border-radius: 8px;
  background: var(--nr-red);
  font-family:
    var(--font-mono),
    monospace;
  font-size: 8px;
  font-weight: 850;
  text-decoration: none;
}

.lk-headline-button:hover {
  color: var(--nr-espresso);
  border-color: var(--nr-gold-light);
  background: var(--nr-gold-light);
}


/* =========================================================
   SIDEBAR
   ========================================================= */

.lk-newsroom-sidebar {
  display: grid;
  gap: 16px;
}

.lk-latest-panel,
.lk-sidebar-open-call {
  overflow: hidden;
  border: 1px solid var(--nr-line);
  border-radius: 17px;
  background: var(--nr-paper);
  box-shadow:
    0 13px 31px
    rgba(43, 26, 22, .07);
}

.lk-latest-panel > header {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 15px;
  color: #fffaf0;
  background:
    linear-gradient(
      135deg,
      #291814,
      #493028
    );
}

.lk-latest-panel > header > div {
  display: flex;
  gap: 9px;
  align-items: center;
}

.lk-latest-panel > header span {
  color: var(--nr-gold-light);
}

.lk-latest-panel h2 {
  margin: 0;
  color: #fffaf0;
  font-family:
    "Newsreader",
    Georgia,
    serif;
  font-size: 18px;
  font-weight: 650;
}

.lk-latest-panel > header a {
  color:
    rgba(255, 250, 240, .72);
  font-family:
    var(--font-mono),
    monospace;
  font-size: 7px;
  text-decoration: none;
}

.lk-latest-list {
  display: grid;
}

.lk-latest-item {
  display: grid;
  grid-template-columns:
    78px
    minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 82px;
  padding: 10px 12px;
  color: var(--nr-brown);
  border-bottom: 1px solid var(--nr-line);
  text-decoration: none;
}

.lk-latest-item:last-child {
  border-bottom: 0;
}

.lk-latest-item:hover {
  background: var(--nr-ivory);
}

.lk-latest-item > img,
.lk-latest-placeholder {
  width: 78px;
  height: 57px;
  border-radius: 9px;
  object-fit: cover;
}

.lk-latest-placeholder {
  display: grid;
  place-content: center;
  color: var(--nr-gold);
  background: var(--nr-espresso);
  font-size: 24px;
}

.lk-latest-copy {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.lk-latest-copy small {
  color: var(--nr-red);
  font-family:
    var(--font-mono),
    monospace;
  font-size: 6px;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.lk-latest-copy strong {
  display: -webkit-box;
  overflow: hidden;
  color: var(--nr-espresso);
  font-family:
    "Newsreader",
    Georgia,
    serif;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.17;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.lk-latest-copy em {
  color: var(--nr-brown-soft);
  font-family:
    var(--font-mono),
    monospace;
  font-size: 6px;
  font-style: normal;
}

.lk-latest-empty {
  display: grid;
  min-height: 210px;
  place-content: center;
  padding: 25px;
  text-align: center;
}

.lk-latest-empty span {
  color: var(--nr-gold);
  font-size: 40px;
}

.lk-latest-empty p {
  max-width: 200px;
  color: var(--nr-brown-soft);
  line-height: 1.6;
}

.lk-sidebar-open-call {
  padding: 21px;
  color: #fffaf0;
  border-top: 4px solid var(--nr-red);
  background:
    radial-gradient(
      circle at 100% 0,
      rgba(196, 147, 70, .2),
      transparent 35%
    ),
    linear-gradient(
      135deg,
      #291814,
      #51342b
    );
}

.lk-sidebar-open-call > span {
  color: var(--nr-gold-light);
  font-family:
    var(--font-mono),
    monospace;
  font-size: 7px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.lk-sidebar-open-call h2 {
  margin: 10px 0 8px;
  color: #fffaf0;
  font-family:
    "Newsreader",
    Georgia,
    serif;
  font-size: 25px;
  line-height: 1.03;
}

.lk-sidebar-open-call p {
  color:
    rgba(255, 250, 240, .65);
  font-size: 11px;
  line-height: 1.58;
}

.lk-sidebar-open-call a {
  display: flex;
  min-height: 41px;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
  padding: 9px 12px;
  color: #fffaf0;
  border-radius: 8px;
  background: var(--nr-red);
  font-family:
    var(--font-mono),
    monospace;
  font-size: 8px;
  font-weight: 850;
  text-decoration: none;
}


/* =========================================================
   DUA ARTIKEL PENDAMPING
   ========================================================= */

.lk-supporting-section {
  margin:
    28px
    0
    clamp(49px, 7vw, 82px);
}

.lk-supporting-head,
.lk-newsroom-categories > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 17px;
}

.lk-supporting-head span,
.lk-newsroom-categories > header span {
  color: var(--nr-red);
  font-family:
    var(--font-mono),
    monospace;
  font-size: 7px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.lk-supporting-head h2,
.lk-newsroom-categories > header h2 {
  margin: 7px 0 0;
  color: var(--nr-espresso);
  font-family:
    "Newsreader",
    Georgia,
    serif;
  font-size:
    clamp(29px, 3.5vw, 42px);
  line-height: 1;
}

.lk-supporting-head > a,
.lk-newsroom-categories > header > a {
  color: var(--nr-red);
  font-family:
    var(--font-mono),
    monospace;
  font-size: 8px;
  font-weight: 750;
  text-decoration: none;
}

.lk-supporting-grid {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 19px;
}

.lk-supporting-card {
  display: grid;
  grid-template-columns:
    minmax(210px, .9fr)
    minmax(0, 1.1fr);
  overflow: hidden;
  min-height: 275px;
  border: 1px solid var(--nr-line);
  border-top: 4px solid var(--nr-gold);
  border-radius: 17px;
  background: var(--nr-paper);
  box-shadow:
    0 14px 35px
    rgba(43, 26, 22, .075);
}

.lk-supporting-cover {
  overflow: hidden;
  background: var(--nr-espresso);
}

.lk-supporting-cover img {
  width: 100%;
  height: 100%;
  min-height: 275px;
  display: block;
  object-fit: cover;
  transition: transform .45s ease;
}

.lk-supporting-cover:hover img {
  transform: scale(1.03);
}

.lk-supporting-cover > span {
  display: grid;
  height: 100%;
  min-height: 275px;
  place-content: center;
  color: var(--nr-gold);
  font-size: 56px;
}

.lk-supporting-body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 23px;
}

.lk-supporting-meta {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}

.lk-supporting-meta a,
.lk-supporting-meta span {
  font-family:
    var(--font-mono),
    monospace;
  font-size: 6px;
}

.lk-supporting-meta a {
  color: var(--nr-red);
  font-weight: 850;
  text-transform: uppercase;
}

.lk-supporting-meta span {
  color: var(--nr-brown-soft);
}

.lk-supporting-body h3 {
  margin: 15px 0 10px;
  font-family:
    "Newsreader",
    Georgia,
    serif;
  font-size:
    clamp(24px, 2.6vw, 32px);
  line-height: 1;
}

.lk-supporting-body h3 a {
  color: var(--nr-espresso);
  text-decoration: none;
}

.lk-supporting-body > p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: var(--nr-brown-soft);
  font-size: 12px;
  line-height: 1.6;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.lk-supporting-body footer {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 17px;
  color: var(--nr-brown-soft);
  border-top: 1px solid var(--nr-line);
  font-family:
    var(--font-mono),
    monospace;
  font-size: 6px;
}

.lk-supporting-body footer a {
  color: var(--nr-red);
}


/* =========================================================
   KATEGORI KOMPAK
   ========================================================= */

.lk-newsroom-categories {
  margin:
    clamp(45px, 6vw, 74px)
    0;
  padding:
    clamp(25px, 4vw, 39px);
  border: 1px solid var(--nr-line);
  border-radius: 19px;
  background: var(--nr-ivory);
}

.lk-newsroom-categories > div {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.lk-newsroom-categories > div > a {
  display: grid;
  grid-template-columns:
    auto
    minmax(0, 1fr)
    auto;
  gap: 10px;
  align-items: center;
  min-height: 67px;
  padding: 13px;
  color: var(--nr-brown);
  border: 1px solid var(--nr-line);
  border-radius: 11px;
  background: var(--nr-paper);
  text-decoration: none;
}

.lk-newsroom-categories > div > a:hover {
  color: #fffaf0;
  border-color: var(--nr-espresso);
  background: var(--nr-espresso);
}

.lk-newsroom-categories > div span {
  color: var(--nr-red);
  font-family:
    var(--font-mono),
    monospace;
  font-size: 7px;
}

.lk-newsroom-categories > div strong {
  font-family:
    "Newsreader",
    Georgia,
    serif;
  font-size: 17px;
}

.lk-newsroom-categories > div b {
  color: var(--nr-red);
}


/* =========================================================
   DARK MODE
   ========================================================= */

html[data-theme="malam"]
.lk-home-premium {
  --nr-espresso: #fffaf0;
  --nr-brown: #dfd0c1;
  --nr-brown-soft: #b6a496;
  --nr-red: #df6259;
  --nr-red-dark: #b9433d;
  --nr-gold: #d8aa5a;
  --nr-gold-light: #e9c57d;
  --nr-paper: #1f252b;
  --nr-ivory: #191e24;
  --nr-line:
    rgba(255, 245, 232, .13);
}

html[data-theme="malam"]
.lk-newsroom-join,
html[data-theme="malam"]
.lk-latest-panel,
html[data-theme="malam"]
.lk-supporting-card,
html[data-theme="malam"]
.lk-newsroom-categories > div > a {
  background: var(--nr-paper);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1050px) {
  .lk-newsroom-shell {
    grid-template-columns:
      minmax(0, 1fr)
      310px;
  }

  .lk-headline-content {
    width: 80%;
  }

  .lk-supporting-card {
    grid-template-columns: 1fr;
  }

  .lk-supporting-cover img,
  .lk-supporting-cover > span {
    min-height: 210px;
  }
}

@media (max-width: 860px) {
  .lk-newsroom-intro,
  .lk-newsroom-shell {
    grid-template-columns: 1fr;
  }

  .lk-newsroom-join {
    display: grid;
    grid-template-columns:
      minmax(0, 1fr)
      240px;
    gap: 18px;
    align-items: center;
  }

  .lk-newsroom-join
  .lk-home-entry-note {
    margin: 0;
    padding: 0 18px 0 0;
    border-right: 1px solid var(--nr-line);
    border-bottom: 0;
  }

  .lk-newsroom-sidebar {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(250px, .7fr);
  }

  .lk-headline-content {
    width: 82%;
  }

  .lk-supporting-grid {
    grid-template-columns: 1fr;
  }

  .lk-supporting-card {
    grid-template-columns:
      minmax(220px, .8fr)
      minmax(0, 1.2fr);
  }

  .lk-newsroom-categories > div {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .lk-newsroom-intro {
    padding:
      27px
      2px;
  }

  .lk-newsroom-intro h1 {
    font-size: 39px;
  }

  .lk-newsroom-join {
    display: block;
  }

  .lk-newsroom-join
  .lk-home-entry-note {
    margin-bottom: 13px;
    padding: 0 0 13px;
    border-right: 0;
    border-bottom: 1px solid var(--nr-line);
  }

  .lk-headline-card {
    height: 455px;
    border-radius: 18px;
  }

  .lk-headline-shade {
    background:
      linear-gradient(
        0deg,
        rgba(21, 12, 10, .95) 0%,
        rgba(31, 18, 15, .78) 67%,
        rgba(31, 18, 15, .2) 100%
      );
  }

  .lk-headline-content {
    width: 100%;
    justify-content: end;
    padding:
      28px
      21px;
  }

  .lk-headline-content h2 {
    font-size: 35px;
  }

  .lk-headline-summary {
    -webkit-line-clamp: 2;
  }

  .lk-newsroom-sidebar {
    grid-template-columns: 1fr;
  }

  .lk-supporting-head,
  .lk-newsroom-categories > header {
    align-items: start;
    flex-direction: column;
  }

  .lk-supporting-card {
    grid-template-columns: 1fr;
  }

  .lk-supporting-cover img,
  .lk-supporting-cover > span {
    min-height: 215px;
  }

  .lk-newsroom-categories {
    padding:
      22px
      15px;
  }

  .lk-newsroom-categories > div {
    grid-template-columns: 1fr;
  }
}

/* I18N HERO CONTRAST 3A-2A1 */
.lk-headline-card .lk-headline-shade {
  background:
    linear-gradient(
      90deg,
      rgba(18, 9, 7, .92) 0%,
      rgba(18, 9, 7, .68) 48%,
      rgba(18, 9, 7, .24) 78%,
      rgba(18, 9, 7, .12) 100%
    ),
    linear-gradient(
      0deg,
      rgba(18, 9, 7, .90) 0%,
      rgba(18, 9, 7, .26) 58%,
      rgba(18, 9, 7, .08) 100%
    );
}

.lk-headline-content h2,
.lk-headline-content h2 a,
.lk-headline-content .judul-unggulan,
.lk-headline-content .judul-unggulan a {
  color: #fff7e8 !important;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, .96),
    0 10px 28px rgba(0, 0, 0, .72);
}

.lk-headline-content h2 a:hover,
.lk-headline-content .judul-unggulan a:hover {
  color: #ffd36a !important;
}

.lk-headline-content h2 a:focus-visible,
.lk-headline-content .judul-unggulan a:focus-visible {
  outline: 3px solid #ffd36a;
  outline-offset: 5px;
  border-radius: 4px;
}