/* =========================================================
   LANGKAH KUDA
   PREMIUM HOMEPAGE & WRITER ONBOARDING 2E-C3K
   ========================================================= */

.lk-home-premium,
.lk-join-page {
  --home-espresso: #291814;
  --home-brown: #493028;
  --home-soft: #76584c;
  --home-red: #b7352f;
  --home-red-dark: #8c2723;
  --home-gold: #c49346;
  --home-gold-light: #e7bd72;
  --home-paper: #fffdf8;
  --home-ivory: #f6efe3;
  --home-line: rgba(73, 48, 40, .17);
  --home-shadow:
    0 22px 58px rgba(43, 26, 22, .12);

  color: var(--home-brown);
}

.lk-home-premium *,
.lk-join-page * {
  box-sizing: border-box;
}


/* HERO BERANDA */

.lk-home-premium .home-intro {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 570px;
  margin-top: 24px;
  padding:
    clamp(45px, 8vw, 91px);
  color: #fffaf0;
  border: 1px solid rgba(255, 250, 240, .11);
  border-top: 6px solid var(--home-red);
  border-radius: 29px;
  background:
    radial-gradient(
      circle at 88% 12%,
      rgba(196, 147, 70, .22),
      transparent 27%
    ),
    linear-gradient(
      135deg,
      #21120f,
      #3f2721 64%,
      #684239
    );
  box-shadow: var(--home-shadow);
}

.lk-home-premium .home-intro::after {
  position: absolute;
  z-index: -1;
  right: -80px;
  bottom: -170px;
  width: 410px;
  aspect-ratio: 1;
  content: none !important;
  display: none !important;
  display: grid;
  place-content: center;
  color: rgba(231, 189, 114, .16);
  border: 1px solid rgba(255, 250, 240, .08);
  border-radius: 31%;
  font-family: Georgia, serif;
  font-size: 190px;
  transform: rotate(12deg);
}

.lk-home-premium .home-intro h1 {
  max-width: 1050px;
  color: #fffaf0;
  font-size:
    clamp(52px, 7.4vw, 99px);
  line-height: .91;
  letter-spacing: -.061em;
}

.lk-home-premium .home-intro p {
  max-width: 800px;
  color: rgba(255, 250, 240, .72);
  font-size:
    clamp(17px, 2vw, 21px);
  line-height: 1.65;
}

.lk-home-premium .home-intro .eyebrow,
.lk-home-eyebrow {
  color: var(--home-gold-light);
}

.lk-home-premium .home-actions {
  position: relative;
  z-index: 2;
  max-width: 250px;
  align-self: end;
  flex-direction: column;
}

.lk-home-premium .home-actions a {
  width: 100%;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
}

.lk-home-premium .home-actions
.tombol-isi {
  color: #fffaf0;
  border-color: var(--home-red-dark);
  background: var(--home-red);
}

.lk-home-premium .home-actions
.tombol-garis {
  color: #fffaf0;
  border-color:
    rgba(255, 250, 240, .18);
  background:
    rgba(255, 250, 240, .05);
}


/* MANIFESTO */

.lk-home-manifesto {
  display: grid;
  grid-template-columns:
    minmax(0, 1.2fr)
    minmax(280px, .8fr);
  gap:
    clamp(35px, 7vw, 90px);
  align-items: end;
  padding:
    clamp(51px, 8vw, 96px)
    clamp(8px, 2vw, 24px);
  border-bottom: 1px solid var(--home-line);
}

.lk-home-manifesto span {
  color: var(--home-red);
  font-family: var(--font-mono), monospace;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.lk-home-manifesto h2 {
  max-width: 830px;
  margin: 14px 0 0;
  color: var(--home-espresso);
  font-family: var(--font-display), Georgia, serif;
  font-size:
    clamp(39px, 5vw, 65px);
  line-height: .99;
  letter-spacing: -.045em;
}

.lk-home-manifesto > p {
  margin: 0;
  color: var(--home-soft);
  font-size: 16px;
  line-height: 1.78;
}


/* KATEGORI */

.lk-home-premium
.jelajah-kategori {
  padding:
    clamp(50px, 7vw, 87px)
    0;
}

.lk-home-premium
.kategori-strip {
  gap: 13px;
  border: 0;
}

.lk-home-premium
.kategori-card {
  min-height: 165px;
  padding: 22px;
  color: var(--home-brown);
  border: 1px solid var(--home-line);
  border-top: 4px solid var(--home-gold);
  border-radius: 15px;
  background:
    linear-gradient(
      145deg,
      var(--home-paper),
      var(--home-ivory)
    );
  box-shadow:
    0 13px 30px
    rgba(43, 26, 22, .06);
}

.lk-home-premium
.kategori-card:hover {
  color: #fffaf0;
  border-color: var(--home-espresso);
  background: var(--home-espresso);
  transform: translateY(-5px);
}

.lk-home-premium
.kategori-card strong {
  font-size: 24px;
}


/* ARTIKEL UNGGULAN */

.lk-home-premium
.unggulan-modern {
  overflow: hidden;
  gap: 0;
  margin-bottom:
    clamp(57px, 8vw, 105px);
  border: 1px solid var(--home-line);
  border-top: 5px solid var(--home-red);
  border-radius: 24px;
  background: var(--home-paper);
  box-shadow: var(--home-shadow);
}

.lk-home-premium
.unggulan-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding:
    clamp(35px, 6vw, 68px);
}

.lk-home-premium
.judul-unggulan {
  margin: 17px 0;
  font-size:
    clamp(41px, 5.3vw, 68px);
  line-height: .98;
  letter-spacing: -.048em;
}

.lk-home-premium
.judul-unggulan a {
  color: var(--home-espresso);
}

.lk-home-premium
.unggulan-copy > p {
  color: var(--home-soft);
  line-height: 1.7;
}

.lk-home-premium
.unggulan-cover {
  min-height: 520px;
  border: 0;
}

.lk-home-premium
.unggulan-cover img {
  transition: transform .6s ease;
}

.lk-home-premium
.unggulan-cover:hover img {
  transform: scale(1.025);
}


/* REKOMENDASI */

.lk-home-premium
.lk-reco-section {
  margin:
    clamp(55px, 7vw, 90px)
    0;
  padding:
    clamp(31px, 5vw, 55px);
  border: 1px solid var(--home-line);
  border-radius: 23px;
  background: var(--home-ivory);
}

.lk-home-premium
.lk-reco-card {
  overflow: hidden;
  border: 1px solid var(--home-line);
  border-radius: 17px;
  background: var(--home-paper);
  box-shadow:
    0 12px 30px
    rgba(43, 26, 22, .07);
}

.lk-home-premium
.lk-reco-card h3 a {
  color: var(--home-espresso);
}


/* ARTIKEL TERBARU */

.lk-home-premium
.sec-head {
  margin-top:
    clamp(52px, 7vw, 88px);
}

.lk-home-premium
.sec-head h2 {
  color: var(--home-espresso);
  font-size:
    clamp(34px, 5vw, 54px);
}

.lk-home-premium
.grid-artikel {
  gap: 18px;
}

.lk-home-premium
.kartu {
  border: 1px solid var(--home-line);
  border-top: 4px solid var(--home-gold);
  border-radius: 17px;
  background: var(--home-paper);
  box-shadow:
    0 13px 32px
    rgba(43, 26, 22, .07);
}

.lk-home-premium
.kartu-cover {
  border-bottom: 1px solid var(--home-line);
}

.lk-home-premium
.kartu-body h2 a {
  color: var(--home-espresso);
}

.lk-home-premium
.kartu-body > p {
  color: var(--home-soft);
}


/* AJAKAN MENULIS */

.lk-home-writer-invite {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    275px;
  gap:
    clamp(34px, 7vw, 80px);
  align-items: center;
  overflow: hidden;
  margin:
    clamp(65px, 9vw, 120px)
    0
    28px;
  padding:
    clamp(42px, 7vw, 78px);
  color: #fffaf0;
  border: 1px solid rgba(255, 250, 240, .11);
  border-top: 6px solid var(--home-red);
  border-radius: 27px;
  background:
    radial-gradient(
      circle at 90% 10%,
      rgba(196, 147, 70, .22),
      transparent 29%
    ),
    linear-gradient(
      135deg,
      #21120f,
      #432a23 67%,
      #69443a
    );
  box-shadow: var(--home-shadow);
}

.lk-home-writer-copy h2 {
  max-width: 840px;
  margin: 15px 0 21px;
  color: #fffaf0;
  font-family: var(--font-display), Georgia, serif;
  font-size:
    clamp(42px, 5.7vw, 70px);
  line-height: .98;
  letter-spacing: -.05em;
}

.lk-home-writer-copy > p {
  max-width: 760px;
  color: rgba(255, 250, 240, .72);
  font-size: 17px;
  line-height: 1.7;
}

.lk-home-writer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 27px;
}

.lk-home-writer-actions a {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 13px;
  padding: 10px 15px;
  color: #fffaf0;
  border: 1px solid rgba(255, 250, 240, .18);
  border-radius: 9px;
  background: rgba(255, 250, 240, .05);
  font-family: var(--font-mono), monospace;
  font-size: 8px;
  font-weight: 850;
  text-decoration: none;
}

.lk-home-writer-actions
a.is-primary {
  border-color: var(--home-red-dark);
  background: var(--home-red);
}

.lk-home-writer-actions a:hover {
  color: var(--home-espresso);
  border-color: var(--home-gold-light);
  background: var(--home-gold-light);
}

.lk-home-writer-mark {
  padding: 23px;
  border: 1px solid rgba(255, 250, 240, .14);
  border-radius: 19px;
  background: rgba(255, 250, 240, .055);
}

.lk-home-writer-mark > span {
  display: grid;
  height: 125px;
  place-content: center;
  margin-bottom: 20px;
  color: var(--home-gold-light);
  border: 1px solid rgba(255, 250, 240, .12);
  border-radius: 14px;
  font-size: 66px;
}

.lk-home-writer-mark strong {
  color: var(--home-gold-light);
  font-family: var(--font-mono), monospace;
  font-size: 8px;
  letter-spacing: .14em;
}

.lk-home-writer-mark p {
  margin-bottom: 0;
  color: #fffaf0;
  font-family: var(--font-display), Georgia, serif;
  font-size: 25px;
  line-height: 1.15;
}


/* SUPPORT */

.lk-home-premium
.pita-dukung {
  margin-bottom: 85px;
  border: 1px solid var(--home-line);
  border-radius: 18px;
  background: var(--home-ivory);
}


/* LANDING GABUNG MENULIS */

.lk-join-page {
  width: min(100%, 1160px);
  margin: 27px auto 90px;
}

.lk-join-hero {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    170px;
  gap: 40px;
  align-items: center;
  padding:
    clamp(45px, 8vw, 83px);
  color: #fffaf0;
  border-top: 6px solid var(--home-red);
  border-radius: 28px;
  background:
    radial-gradient(
      circle at 89% 9%,
      rgba(196, 147, 70, .22),
      transparent 29%
    ),
    linear-gradient(
      135deg,
      #21120f,
      #432a23 65%,
      #684239
    );
  box-shadow: var(--home-shadow);
}

.lk-join-hero h1 {
  max-width: 890px;
  margin: 15px 0 21px;
  color: #fffaf0;
  font-family: var(--font-display), Georgia, serif;
  font-size:
    clamp(48px, 7vw, 83px);
  line-height: .94;
  letter-spacing: -.057em;
}

.lk-join-hero p {
  max-width: 740px;
  color: rgba(255, 250, 240, .72);
  font-size: 18px;
  line-height: 1.7;
}

.lk-join-symbol {
  display: grid;
  width: 165px;
  height: 165px;
  place-content: center;
  color: var(--home-gold-light);
  border: 1px solid rgba(255, 250, 240, .14);
  border-radius: 25px;
  background: rgba(255, 250, 240, .05);
  font-size: 82px;
}

.lk-join-principles {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 20px 0;
  background: var(--home-line);
  border: 1px solid var(--home-line);
}

.lk-join-principles article {
  min-height: 185px;
  padding: 25px;
  background: var(--home-paper);
}

.lk-join-principles strong {
  color: var(--home-red);
  font-family: Georgia, serif;
  font-size: 32px;
}

.lk-join-principles h2 {
  margin: 17px 0 8px;
  color: var(--home-espresso);
}

.lk-join-principles p {
  color: var(--home-soft);
  line-height: 1.6;
}

.lk-join-options {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 30px;
}

.lk-join-option {
  display: flex;
  min-height: 525px;
  flex-direction: column;
  padding:
    clamp(31px, 5vw, 51px);
  border: 1px solid var(--home-line);
  border-top: 5px solid var(--home-gold);
  border-radius: 21px;
  background: var(--home-paper);
  box-shadow:
    0 17px 40px
    rgba(43, 26, 22, .08);
}

.lk-join-option.is-writer {
  border-top-color: var(--home-red);
}

.lk-join-option > span {
  color: var(--home-red);
  font-family: var(--font-mono), monospace;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.lk-join-option h2 {
  margin: 15px 0;
  color: var(--home-espresso);
  font-family: var(--font-display), Georgia, serif;
  font-size:
    clamp(34px, 4vw, 48px);
  line-height: 1;
  letter-spacing: -.04em;
}

.lk-join-option p,
.lk-join-option li {
  color: var(--home-soft);
  line-height: 1.68;
}

.lk-join-option ul {
  margin: 22px 0 30px;
  padding-left: 19px;
}

.lk-join-option > a {
  display: inline-flex;
  min-height: 49px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: auto;
  padding: 10px 16px;
  color: #fffaf0;
  border-radius: 9px;
  background: var(--home-espresso);
  font-family: var(--font-mono), monospace;
  font-size: 9px;
  font-weight: 850;
  text-decoration: none;
}

.lk-join-option.is-writer > a {
  background: var(--home-red);
}

.lk-join-note {
  margin-top: 22px;
  padding: 25px 29px;
  border-left: 5px solid var(--home-gold);
  background: var(--home-ivory);
}

.lk-join-note strong {
  color: var(--home-espresso);
}

.lk-join-note p {
  margin-bottom: 0;
  color: var(--home-soft);
}


/* DARK MODE */

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

html[data-theme="malam"]
.lk-home-premium
.kategori-card,
html[data-theme="malam"]
.lk-home-premium
.unggulan-modern,
html[data-theme="malam"]
.lk-home-premium
.kartu,
html[data-theme="malam"]
.lk-home-premium
.lk-reco-card,
html[data-theme="malam"]
.lk-join-option,
html[data-theme="malam"]
.lk-join-principles article {
  background: var(--home-paper);
}


/* RESPONSIVE */

@media (max-width: 900px) {
  .lk-home-premium .home-intro,
  .lk-home-manifesto,
  .lk-home-writer-invite,
  .lk-join-hero {
    grid-template-columns: 1fr;
  }

  .lk-home-premium .home-actions {
    max-width: 100%;
  }

  .lk-home-writer-mark {
    display: grid;
    grid-template-columns:
      120px
      minmax(0, 1fr);
    gap: 20px;
    align-items: center;
  }

  .lk-home-writer-mark > span {
    height: 105px;
    margin: 0;
    grid-row: 1 / span 2;
  }

  .lk-join-symbol {
    width: 100%;
    height: 95px;
  }
}

@media (max-width: 680px) {
  .lk-home-premium .home-intro {
    min-height: 0;
    padding: 38px 22px;
    border-radius: 21px;
  }

  .lk-home-premium .home-intro h1 {
    font-size: 50px;
  }

  .lk-home-manifesto h2 {
    font-size: 40px;
  }

  .lk-home-writer-invite {
    padding: 38px 22px;
    border-radius: 21px;
  }

  .lk-home-writer-copy h2 {
    font-size: 41px;
  }

  .lk-home-writer-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .lk-home-writer-actions a {
    width: 100%;
  }

  .lk-home-writer-mark {
    display: block;
  }

  .lk-home-writer-mark > span {
    height: 88px;
    margin-bottom: 18px;
  }

  .lk-join-hero {
    padding: 37px 22px;
    border-radius: 21px;
  }

  .lk-join-hero h1 {
    font-size: 47px;
  }

  .lk-join-principles,
  .lk-join-options {
    grid-template-columns: 1fr;
  }

  .lk-join-option {
    min-height: 0;
  }
}


/* =========================================================
   HOMEPAGE PREMIUM REFINEMENT 2E-C3K-1
   ========================================================= */


/* HERO LEBIH RINGKAS DAN EDITORIAL */

.lk-home-premium
.home-intro {
  grid-template-columns:
    minmax(0, 1fr)
    minmax(245px, 310px);

  min-height: 430px;

  gap:
    clamp(35px, 6vw, 78px);

  align-items: center;

  margin-top: 18px;

  padding:
    clamp(42px, 6vw, 66px)
    clamp(31px, 6vw, 72px);

  border-radius: 24px;
}

.lk-home-premium
.home-intro::after {
  right: 22px;
  bottom: 12px;

  width: 180px;

  color:
    rgba(231, 189, 114, .085);

  border: 0;

  font-size: 118px;

  transform: none;
}

.lk-home-premium
.home-intro > div:first-child {
  position: relative;
  z-index: 2;

  max-width: 720px;
}

.lk-home-premium
.home-intro h1 {
  max-width: 720px;

  margin:
    14px
    0
    19px;

  color: #fffaf0;

  font-family:
    "Newsreader",
    var(--font-display),
    Georgia,
    serif;

  font-size:
    clamp(46px, 5.6vw, 70px);

  font-weight: 540;

  line-height: .94;

  letter-spacing: -.043em;
}

.lk-home-premium
.home-intro h1 span {
  display: block;
}

.lk-home-premium
.home-intro h1 span:nth-child(2) {
  color: #e9c57d;
  font-style: italic;
}

.lk-home-premium
.home-intro p {
  max-width: 650px;

  margin: 0;

  color:
    rgba(255, 250, 240, .72);

  font-family:
    "Bricolage Grotesque",
    sans-serif;

  font-size:
    clamp(15px, 1.7vw, 18px);

  line-height: 1.68;
}

.lk-home-premium
.home-intro .eyebrow {
  font-size: 8px;
  letter-spacing: .15em;
}


/* PANEL MASUK HERO */

.lk-home-premium
.home-actions {
  position: relative;
  z-index: 3;

  display: grid;

  width: 100%;
  max-width: 310px;

  gap: 9px;

  align-self: center;

  padding: 19px;

  border:
    1px solid
    rgba(255, 250, 240, .14);

  border-radius: 17px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 250, 240, .09),
      rgba(255, 250, 240, .035)
    );

  box-shadow:
    0 18px 42px
    rgba(21, 10, 8, .15);

  backdrop-filter: blur(9px);
}

.lk-home-entry-note {
  margin-bottom: 8px;

  padding-bottom: 17px;

  border-bottom:
    1px solid
    rgba(255, 250, 240, .12);
}

.lk-home-entry-note > span {
  color: #e9c57d;

  font-family:
    var(--font-mono),
    monospace;

  font-size: 7px;
  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}

.lk-home-entry-note strong {
  display: block;

  margin-top: 8px;

  color: #fffaf0;

  font-family:
    "Newsreader",
    Georgia,
    serif;

  font-size: 22px;
  font-weight: 560;

  line-height: 1.08;
}

.lk-home-entry-note p {
  margin-top: 8px !important;

  color:
    rgba(255, 250, 240, .6) !important;

  font-size: 11px !important;

  line-height: 1.5 !important;
}

.lk-home-premium
.home-actions a {
  min-height: 43px;

  padding:
    9px
    13px;

  border-radius: 8px;

  font-family:
    var(--font-mono),
    monospace;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .02em;

  text-decoration: none;
}

.lk-home-premium
.home-actions
.tombol-isi {
  display: flex;

  justify-content: space-between;

  color: #fffaf0;

  background:
    linear-gradient(
      180deg,
      #c8443d,
      #b7352f
    );
}

.lk-home-premium
.home-actions
.tombol-garis {
  color: #fffaf0;

  background:
    rgba(255, 250, 240, .045);
}

.lk-home-support-link {
  display: inline-flex;

  justify-content: center;

  color:
    rgba(255, 250, 240, .65);

  border: 0 !important;

  background: transparent !important;
}

.lk-home-support-link:hover {
  color: #e9c57d;
}


/* MANIFESTO LEBIH TENANG */

.lk-home-premium
.lk-home-manifesto {
  gap:
    clamp(35px, 6vw, 75px);

  padding:
    clamp(52px, 7vw, 78px)
    clamp(5px, 2vw, 20px);
}

.lk-home-premium
.lk-home-manifesto h2 {
  max-width: 720px;

  font-family:
    "Newsreader",
    Georgia,
    serif;

  font-size:
    clamp(36px, 4.3vw, 54px);

  font-weight: 520;

  line-height: 1.01;

  letter-spacing: -.032em;
}

.lk-home-premium
.lk-home-manifesto > p {
  max-width: 460px;

  font-size: 14px;

  line-height: 1.78;
}


/* JUDUL BAGIAN */

.lk-home-premium
.sec-head h2,
.lk-home-premium
.kategori-head h2,
.lk-home-premium
.lk-reco-header h2 {
  color: var(--home-espresso);

  font-family:
    "Newsreader",
    var(--font-display),
    Georgia,
    serif;

  font-weight: 560;

  letter-spacing: -.032em;
}

.lk-home-premium
.sec-head h2 {
  font-size:
    clamp(31px, 4vw, 46px);
}


/* KATEGORI LEBIH ELEGAN */

.lk-home-premium
.jelajah-kategori {
  padding:
    clamp(48px, 6vw, 70px)
    0;
}

.lk-home-premium
.kategori-card {
  min-height: 145px;

  padding: 19px;

  border-top-width: 3px;

  border-radius: 13px;
}

.lk-home-premium
.kategori-card strong {
  font-family:
    "Newsreader",
    Georgia,
    serif;

  font-size: 22px;
  font-weight: 570;
}


/* ARTIKEL UNGGULAN PROPORSIONAL */

.lk-home-premium
.unggulan-modern {
  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(310px, .95fr);

  min-height: 410px;
}

.lk-home-premium
.unggulan-copy {
  padding:
    clamp(32px, 5vw, 54px);
}

.lk-home-premium
.judul-unggulan {
  font-family:
    "Newsreader",
    Georgia,
    serif;

  font-size:
    clamp(35px, 4.5vw, 54px);

  font-weight: 560;

  line-height: 1;

  letter-spacing: -.037em;
}

.lk-home-premium
.unggulan-cover {
  min-height: 410px;
}


/* REKOMENDASI DAN KARTU */

.lk-home-premium
.lk-reco-section {
  padding:
    clamp(26px, 4vw, 42px);

  border-radius: 19px;
}

.lk-home-premium
.lk-reco-card h3,
.lk-home-premium
.kartu-body h2 {
  font-family:
    "Newsreader",
    Georgia,
    serif;

  font-weight: 570;

  line-height: 1.08;

  letter-spacing: -.022em;
}

.lk-home-premium
.lk-reco-card h3 {
  font-size: 24px;
}

.lk-home-premium
.grid-artikel {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 18px;
}

.lk-home-premium
.kartu {
  display: flex;

  min-width: 0;

  flex-direction: column;

  border-radius: 15px;
}

.lk-home-premium
.kartu-body {
  display: flex;

  flex: 1;

  flex-direction: column;

  padding: 19px;
}

.lk-home-premium
.kartu-body h2 {
  font-size: 25px;
}

.lk-home-premium
.kartu-body .meta {
  margin-top: auto;

  padding-top: 16px;
}


/* AJAKAN MENULIS LEBIH RINGKAS */

.lk-home-premium
.lk-home-writer-invite {
  grid-template-columns:
    minmax(0, 1fr)
    235px;

  margin-top:
    clamp(62px, 8vw, 90px);

  padding:
    clamp(38px, 6vw, 61px);

  border-radius: 23px;
}

.lk-home-premium
.lk-home-writer-copy h2 {
  max-width: 740px;

  font-family:
    "Newsreader",
    Georgia,
    serif;

  font-size:
    clamp(38px, 4.8vw, 57px);

  font-weight: 540;

  line-height: 1;

  letter-spacing: -.038em;
}

.lk-home-premium
.lk-home-writer-copy > p {
  max-width: 680px;

  font-size: 15px;
}

.lk-home-premium
.lk-home-writer-mark > span {
  height: 98px;

  font-size: 53px;
}


/* SUPPORT */

.lk-home-premium
.pita-dukung {
  padding:
    clamp(25px, 4vw, 39px);

  border-radius: 16px;
}


/* TABLET */

@media (max-width: 900px) {
  .lk-home-premium
  .home-intro {
    grid-template-columns: 1fr;

    min-height: 0;
  }

  .lk-home-premium
  .home-actions {
    max-width: 100%;

    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .lk-home-entry-note,
  .lk-home-support-link {
    grid-column: 1 / -1;
  }

  .lk-home-premium
  .grid-artikel {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .lk-home-premium
  .unggulan-modern {
    grid-template-columns: 1fr;
  }

  .lk-home-premium
  .unggulan-cover {
    min-height: 310px;
  }
}


/* MOBILE */

@media (max-width: 620px) {
  .lk-home-premium
  .home-intro {
    margin-top: 12px;

    padding:
      34px
      21px;

    border-radius: 19px;
  }

  .lk-home-premium
  .home-intro h1 {
    font-size:
      clamp(42px, 13vw, 54px);
  }

  .lk-home-premium
  .home-intro::after {
    display: none;
  }

  .lk-home-premium
  .home-actions {
    grid-template-columns: 1fr;

    padding: 15px;
  }

  .lk-home-premium
  .grid-artikel {
    grid-template-columns: 1fr;
  }

  .lk-home-premium
  .lk-home-manifesto h2 {
    font-size: 37px;
  }

  .lk-home-premium
  .lk-home-writer-invite {
    padding:
      34px
      21px;
  }

  .lk-home-premium
  .lk-home-writer-copy h2 {
    font-size: 39px;
  }
}


/* =========================================================
   HOMEPAGE HIERARCHY FIX 2E-C3K-2
   ========================================================= */


/* HERO UTAMA */

.lk-home-premium
.home-intro {
  grid-template-columns:
    minmax(0, 1fr)
    minmax(270px, 325px);

  min-height: 360px;

  gap:
    clamp(34px, 5vw, 64px);

  padding:
    clamp(34px, 5vw, 52px)
    clamp(30px, 5vw, 62px);

  border-radius: 22px;
}

.lk-home-premium
.home-intro > div:first-child {
  max-width: 690px;
}

.lk-home-premium
.home-intro h1 {
  max-width: 680px;

  margin:
    12px
    0
    17px;

  font-size:
    clamp(42px, 5vw, 61px);

  line-height: .95;

  letter-spacing: -.038em;
}

.lk-home-premium
.home-intro p {
  max-width: 590px;

  font-size:
    clamp(14px, 1.5vw, 17px);

  line-height: 1.62;
}

.lk-home-premium
.home-intro .eyebrow {
  font-size: 7px;
}


/* PANEL OPEN CALL */

.lk-home-premium
.home-actions {
  max-width: 325px;

  gap: 10px;

  padding: 18px;

  border-color:
    rgba(231, 189, 114, .25);

  background:
    linear-gradient(
      145deg,
      rgba(255, 250, 240, .11),
      rgba(255, 250, 240, .035)
    );
}

.lk-home-entry-note {
  padding-bottom: 15px;
}

.lk-home-entry-note > span {
  color: #e9c57d;

  font-size: 7px;
}

.lk-home-entry-note strong {
  font-size: 21px;

  line-height: 1.08;
}

.lk-home-entry-note p {
  font-size: 10px !important;

  line-height: 1.55 !important;
}


/* TOMBOL GABUNG MENULIS UTAMA */

.lk-home-premium
.home-actions
.lk-home-join-primary {
  display: flex;

  min-height: 63px;

  align-items: center;

  justify-content: space-between;

  padding:
    12px
    15px;

  color: #fffaf0;

  border:
    1px solid
    #8c2723;

  background:
    linear-gradient(
      180deg,
      #ce4840,
      #b7352f
    );

  box-shadow:
    0 12px 26px
    rgba(183, 53, 47, .22);
}

.lk-home-join-primary > span {
  display: grid;

  gap: 3px;

  text-align: left;
}

.lk-home-join-primary > span {
  font-size: 10px;

  font-weight: 850;
}

.lk-home-join-primary small {
  color:
    rgba(255, 250, 240, .7);

  font-family:
    var(--font-mono),
    monospace;

  font-size: 6px;

  font-weight: 400;
}

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

.lk-home-premium
.home-actions
.lk-home-join-primary:hover {
  color: #2b1a16;

  border-color: #e9c57d;

  background: #e9c57d;

  transform: translateY(-2px);
}

.lk-home-premium
.home-actions
.lk-home-join-primary:hover small {
  color:
    rgba(43, 26, 22, .65);
}


/* TOMBOL BACA SEKUNDER */

.lk-home-premium
.home-actions
.lk-home-read-secondary {
  min-height: 42px;

  color:
    rgba(255, 250, 240, .82);

  border:
    1px solid
    rgba(255, 250, 240, .16);

  background:
    rgba(255, 250, 240, .035);
}

.lk-home-premium
.home-actions
.lk-home-read-secondary:hover {
  color: #fffaf0;

  border-color:
    rgba(255, 250, 240, .35);

  background:
    rgba(255, 250, 240, .09);
}

.lk-home-support-link {
  min-height: 28px !important;

  padding: 4px !important;

  font-size: 7px !important;
}


/* KURANGI RUANG KOSONG SETELAH HERO */

.lk-home-premium
.lk-home-manifesto {
  gap:
    clamp(28px, 5vw, 58px);

  padding:
    clamp(38px, 5vw, 58px)
    clamp(5px, 2vw, 18px);
}

.lk-home-premium
.lk-home-manifesto h2 {
  max-width: 680px;

  font-size:
    clamp(31px, 3.7vw, 45px);

  line-height: 1.03;
}

.lk-home-premium
.lk-home-manifesto > p {
  max-width: 420px;

  font-size: 13px;

  line-height: 1.7;
}


/* JUDUL BAGIAN DI BAWAH */

.lk-home-premium
.sec-head h2,
.lk-home-premium
.kategori-head h2,
.lk-home-premium
.lk-reco-header h2 {
  font-size:
    clamp(29px, 3.5vw, 41px);
}

.lk-home-premium
.jelajah-kategori {
  padding:
    clamp(38px, 5vw, 58px)
    0;
}

.lk-home-premium
.kategori-card {
  min-height: 132px;
}

.lk-home-premium
.kategori-card strong {
  font-size: 20px;
}


/* ARTIKEL UNGGULAN */

.lk-home-premium
.unggulan-modern {
  min-height: 365px;

  margin-bottom:
    clamp(45px, 6vw, 72px);
}

.lk-home-premium
.judul-unggulan {
  font-size:
    clamp(31px, 4vw, 47px);
}

.lk-home-premium
.unggulan-cover {
  min-height: 365px;
}


/* KARTU ARTIKEL */

.lk-home-premium
.kartu-body h2 {
  font-size: 22px;
}

.lk-home-premium
.lk-reco-card h3 {
  font-size: 21px;
}


/* AJAKAN MENULIS BAGIAN BAWAH */

.lk-home-premium
.lk-home-writer-invite {
  grid-template-columns:
    minmax(0, 1fr)
    210px;

  margin-top:
    clamp(48px, 6vw, 70px);

  padding:
    clamp(34px, 5vw, 49px);
}

.lk-home-premium
.lk-home-writer-copy h2 {
  max-width: 670px;

  font-size:
    clamp(34px, 4.2vw, 49px);
}

.lk-home-premium
.lk-home-writer-copy > p {
  font-size: 14px;
}

.lk-home-premium
.lk-home-writer-actions
a.is-primary {
  min-height: 49px;

  padding-inline: 19px;

  font-size: 9px;

  box-shadow:
    0 12px 28px
    rgba(183, 53, 47, .22);
}


/* TABLET */

@media (max-width: 900px) {
  .lk-home-premium
  .home-intro {
    grid-template-columns: 1fr;

    min-height: 0;
  }

  .lk-home-premium
  .home-actions {
    max-width: 100%;
  }
}


/* MOBILE */

@media (max-width: 620px) {
  .lk-home-premium
  .home-intro {
    padding:
      30px
      19px;
  }

  .lk-home-premium
  .home-intro h1 {
    font-size:
      clamp(39px, 12vw, 49px);
  }

  .lk-home-premium
  .home-intro p {
    font-size: 14px;
  }

  .lk-home-premium
  .home-actions {
    padding: 14px;
  }

  .lk-home-premium
  .home-actions
  .lk-home-join-primary {
    min-height: 59px;
  }

  .lk-home-premium
  .lk-home-manifesto h2 {
    font-size: 32px;
  }

  .lk-home-premium
  .lk-home-writer-copy h2 {
    font-size: 35px;
  }
}


/* =========================================================
   FEATURED CARD COMPACT 2E-C3K-3
   ========================================================= */

.lk-home-premium
.unggulan-modern {
  position: relative;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(320px, .86fr);

  width: 100%;
  height: 340px;
  min-height: 0 !important;

  padding: 0 !important;

  overflow: hidden;

  border-radius: 20px;
}


/* Matikan label pseudo lama yang terpotong */

.lk-home-premium
.unggulan-modern::after {
  display: none !important;
  content: none !important;
}


/* Label Sorotan berada aman di dalam kartu */

.lk-home-premium
.lk-featured-badge {
  position: absolute;
  z-index: 8;

  top: 14px;
  right: 14px;

  display: inline-flex;
  min-height: 26px;

  align-items: center;
  justify-content: center;

  padding: 5px 11px;

  color: #fffaf0;

  border:
    1px solid
    rgba(255, 250, 240, .2);

  border-radius: 999px;

  background:
    linear-gradient(
      180deg,
      #c9433c,
      #b7352f
    );

  box-shadow:
    0 8px 20px
    rgba(43, 26, 22, .18);

  font-family:
    var(--font-mono),
    monospace;

  font-size: 7px;
  font-weight: 850;

  letter-spacing: .13em;

  text-transform: uppercase;
}


/* Kolom teks */

.lk-home-premium
.unggulan-modern
.unggulan-copy {
  display: flex;
  min-width: 0;

  flex-direction: column;
  justify-content: center;

  overflow: hidden;

  padding:
    30px
    36px;
}

.lk-home-premium
.unggulan-modern
.judul-unggulan {
  margin:
    12px
    0
    11px;

  font-size:
    clamp(29px, 3.5vw, 42px);

  line-height: .98;

  letter-spacing: -.035em;
}

.lk-home-premium
.unggulan-modern
.subjudul.sj-1 {
  margin:
    8px
    0;

  font-size:
    clamp(15px, 1.6vw, 18px);

  line-height: 1.35;
}

.lk-home-premium
.unggulan-modern
.unggulan-copy > p:not(.subjudul) {
  display: -webkit-box;

  margin:
    6px
    0
    0;

  overflow: hidden;

  color: var(--home-soft);

  font-size: 13px;
  line-height: 1.58;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.lk-home-premium
.unggulan-modern
.meta {
  margin-top: 14px;

  font-size: 8px;
  line-height: 1.45;
}


/* Kolom gambar */

.lk-home-premium
.unggulan-modern
.unggulan-cover {
  width: 100%;
  height: 340px;
  min-height: 0 !important;
  max-height: 340px;

  overflow: hidden;

  border: 0;
}

.lk-home-premium
.unggulan-modern
.unggulan-cover img {
  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* TABLET */

@media (max-width: 900px) {
  .lk-home-premium
  .unggulan-modern {
    grid-template-columns: 1fr;

    height: auto;
  }

  .lk-home-premium
  .unggulan-modern
  .unggulan-copy {
    padding:
      30px
      28px;
  }

  .lk-home-premium
  .unggulan-modern
  .unggulan-cover {
    height: 285px;
    max-height: 285px;

    border-top:
      1px solid
      var(--home-line);
  }
}


/* MOBILE */

@media (max-width: 620px) {
  .lk-home-premium
  .lk-featured-badge {
    top: 11px;
    right: 11px;
  }

  .lk-home-premium
  .unggulan-modern
  .unggulan-copy {
    padding:
      27px
      21px;
  }

  .lk-home-premium
  .unggulan-modern
  .judul-unggulan {
    font-size: 31px;
  }

  .lk-home-premium
  .unggulan-modern
  .unggulan-copy > p:not(.subjudul) {
    -webkit-line-clamp: 3;
  }

  .lk-home-premium
  .unggulan-modern
  .unggulan-cover {
    height: 225px;
    max-height: 225px;
  }
}

/* WRITER INVITE RESPONSIVE FINAL 3A-2A5 */

/*
 * Override final diletakkan paling akhir karena beberapa aturan
 * desktop lama muncul setelah media query responsif sebelumnya.
 */

.lk-home-premium
.lk-home-writer-invite,
.lk-home-premium
.lk-home-writer-copy,
.lk-home-premium
.lk-home-writer-mark {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.lk-home-premium
.lk-home-writer-copy h2,
.lk-home-premium
.lk-home-writer-copy > p,
.lk-home-premium
.lk-home-writer-mark p {
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: auto;
}


/* TABLET LANDSCAPE, IPAD, DAN TABLET KECIL */

@media (max-width: 1024px) {
  .lk-home-premium
  .lk-home-writer-invite {
    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr) !important;

    grid-auto-flow: row !important;

    gap:
      clamp(23px, 4vw, 35px) !important;

    align-items: stretch !important;

    width: 100% !important;
    min-height: 0 !important;

    padding:
      clamp(30px, 5vw, 46px) !important;
  }

  .lk-home-premium
  .lk-home-writer-copy,
  .lk-home-premium
  .lk-home-writer-mark {
    grid-column: 1 / -1 !important;

    width: 100% !important;
    min-width: 0 !important;
  }

  .lk-home-premium
  .lk-home-writer-copy h2 {
    max-width: 820px !important;

    margin:
      13px
      0
      18px !important;

    font-size:
      clamp(36px, 6vw, 50px) !important;

    line-height: 1.03 !important;
    letter-spacing: -.035em !important;
  }

  .lk-home-premium
  .lk-home-writer-copy > p {
    max-width: 760px !important;

    margin:
      0 !important;

    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  .lk-home-premium
  .lk-home-writer-actions {
    display: grid !important;

    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;

    gap: 10px !important;

    width: 100% !important;
    margin-top: 24px !important;
  }

  .lk-home-premium
  .lk-home-writer-actions a {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 49px !important;

    padding:
      11px
      14px !important;

    font-size: 9px !important;
    line-height: 1.35 !important;

    text-align: center !important;
    white-space: normal !important;
  }

  .lk-home-premium
  .lk-home-writer-mark {
    display: grid !important;

    grid-template-columns:
      110px
      minmax(0, 1fr) !important;

    grid-template-rows:
      auto
      auto !important;

    gap:
      5px
      20px !important;

    align-items: center !important;

    padding: 20px !important;
  }

  .lk-home-premium
  .lk-home-writer-mark > span {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;

    width: 100% !important;
    height: 100px !important;

    margin: 0 !important;

    font-size: 51px !important;
  }

  .lk-home-premium
  .lk-home-writer-mark strong {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .lk-home-premium
  .lk-home-writer-mark p {
    grid-column: 2 !important;
    grid-row: 2 !important;

    margin: 0 !important;

    font-size:
      clamp(24px, 4vw, 31px) !important;

    line-height: 1.13 !important;
  }
}


/* HP DAN TABLET PORTRAIT */

@media (max-width: 700px) {
  .lk-home-premium
  .lk-home-writer-invite {
    gap: 24px !important;

    margin-top:
      clamp(42px, 12vw, 62px) !important;

    padding:
      28px
      20px !important;

    border-radius: 19px !important;
  }

  .lk-home-premium
  .lk-home-writer-copy h2 {
    max-width: 100% !important;

    font-size:
      clamp(32px, 9vw, 41px) !important;

    line-height: 1.04 !important;
  }

  .lk-home-premium
  .lk-home-writer-copy > p {
    max-width: 100% !important;

    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  .lk-home-premium
  .lk-home-writer-actions {
    grid-template-columns:
      minmax(0, 1fr) !important;

    gap: 9px !important;
  }

  .lk-home-premium
  .lk-home-writer-actions a {
    min-height: 50px !important;

    justify-content: space-between !important;

    padding:
      12px
      15px !important;

    font-size: 10px !important;
    text-align: left !important;
  }

  .lk-home-premium
  .lk-home-writer-mark {
    display: block !important;

    width: 100% !important;

    padding: 18px !important;
  }

  .lk-home-premium
  .lk-home-writer-mark > span {
    display: grid !important;

    width: 100% !important;
    height: 78px !important;

    place-content: center !important;

    margin:
      0
      0
      15px !important;

    font-size: 43px !important;
  }

  .lk-home-premium
  .lk-home-writer-mark strong {
    display: block !important;

    margin-bottom: 7px !important;
  }

  .lk-home-premium
  .lk-home-writer-mark p {
    width: 100% !important;
    max-width: 100% !important;

    font-size: 24px !important;
    line-height: 1.15 !important;
  }
}


/* HP KECIL */

@media (max-width: 420px) {
  .lk-home-premium
  .lk-home-writer-invite {
    padding:
      24px
      16px !important;
  }

  .lk-home-premium
  .lk-home-writer-copy h2 {
    font-size:
      clamp(29px, 9.3vw, 36px) !important;
  }

  .lk-home-premium
  .lk-home-writer-copy > p {
    font-size: 14.5px !important;
  }

  .lk-home-premium
  .lk-home-writer-actions a {
    min-height: 49px !important;

    padding:
      11px
      13px !important;
  }

  .lk-home-premium
  .lk-home-writer-mark p {
    font-size: 22px !important;
  }
}

/* LOGOS SUPPORT PREMIUM 3A-2B-A2A */

.lk-home-premium
.pita-dukung.lk-logos-support {
  position: relative;
  isolation: isolate;
  overflow: hidden;

  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    auto;

  align-items: center;
  gap: clamp(28px, 5vw, 64px);

  margin-top:
    clamp(58px, 8vw, 90px) !important;

  padding:
    clamp(32px, 5vw, 54px)
    clamp(26px, 5vw, 58px) !important;

  border:
    1px solid
    rgba(226, 190, 122, .42) !important;

  border-radius: 28px;

  background:
    radial-gradient(
      circle at 88% 14%,
      rgba(223, 171, 76, .22),
      transparent 29%
    ),
    radial-gradient(
      circle at 8% 100%,
      rgba(157, 48, 39, .31),
      transparent 36%
    ),
    linear-gradient(
      135deg,
      #211512 0%,
      #3b211b 48%,
      #682a22 100%
    ) !important;

  box-shadow:
    0 30px 70px
      rgba(36, 18, 13, .22),
    inset 0 1px 0
      rgba(255, 247, 225, .11);

  color: #fff7e8;
}

.lk-home-premium
.pita-dukung.lk-logos-support::before {
  content: "";

  position: absolute;
  top: 0;
  right: 8%;
  left: 8%;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(234, 197, 123, .86),
      transparent
    );
}

.lk-home-premium
.pita-dukung.lk-logos-support::after {
  content: none !important;
  display: none !important;

  position: absolute;
  right: clamp(22px, 4vw, 58px);
  bottom: -40px;

  z-index: -1;

  font-family: Georgia, serif;
  font-size:
    clamp(150px, 20vw, 270px);

  line-height: 1;

  color:
    rgba(255, 241, 207, .055);

  transform: rotate(-7deg);
  pointer-events: none;
}

.lk-logos-support-copy,
.lk-logos-support-actions {
  position: relative;
  z-index: 1;
}

.lk-home-premium
.lk-logos-support
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;

  margin-bottom: 13px;

  color: #e6bc68;

  font-size: 10px;
  letter-spacing: .16em;
}

.lk-home-premium
.lk-logos-support
.eyebrow::before {
  content: "";

  width: 28px;
  height: 1px;

  background: currentColor;
}

.lk-home-premium
.lk-logos-support h2 {
  max-width: 780px;

  margin: 0 !important;

  color: #fff7e8;

  font-family: var(--font-display);
  font-size:
    clamp(29px, 4vw, 48px) !important;

  font-weight: 650;
  line-height: 1.04;
  letter-spacing: -.035em;

  text-wrap: balance;
}

.lk-logos-support-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 11px;

  min-width: max-content;
}

.lk-home-premium
.lk-logos-support-actions
.tombol-isi,
.lk-home-premium
.lk-logos-support-actions
.tombol-garis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  min-height: 50px;

  margin: 0 !important;
  padding: 13px 19px;

  border-radius: 999px;

  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  text-decoration: none;
  text-transform: uppercase;

  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease,
    color .18s ease;
}

.lk-home-premium
.lk-logos-support-actions
.tombol-isi {
  border: 1px solid #e7bd68;

  background:
    linear-gradient(
      135deg,
      #f1ce83,
      #dca74b
    );

  color: #2b1813;
}

.lk-home-premium
.lk-logos-support-actions
.tombol-garis {
  border:
    1px solid
    rgba(255, 244, 220, .54);

  background:
    rgba(255, 248, 230, .055);

  color: #fff7e8;
}

.lk-home-premium
.lk-logos-support-actions a:hover,
.lk-home-premium
.lk-logos-support-actions a:focus-visible {
  transform: translateY(-2px);
}

.lk-home-premium
.lk-logos-support-actions
.tombol-garis:hover,
.lk-home-premium
.lk-logos-support-actions
.tombol-garis:focus-visible {
  border-color: #e7bd68;
  background:
    rgba(231, 189, 104, .13);

  color: #f3cb7b;
}


@media (max-width: 840px) {
  .lk-home-premium
  .pita-dukung.lk-logos-support {
    grid-template-columns:
      minmax(0, 1fr);

    gap: 27px;
  }

  .lk-logos-support-actions {
    justify-content: flex-start;
    min-width: 0;
  }
}


@media (max-width: 520px) {
  .lk-home-premium
  .pita-dukung.lk-logos-support {
    padding:
      28px
      20px !important;

    border-radius: 21px;
  }

  .lk-home-premium
  .lk-logos-support h2 {
    font-size:
      clamp(27px, 8.2vw, 35px)
      !important;
  }

  .lk-logos-support-actions {
    display: grid;
    grid-template-columns:
      minmax(0, 1fr);

    width: 100%;
  }

  .lk-home-premium
  .lk-logos-support-actions
  .tombol-isi,
  .lk-home-premium
  .lk-logos-support-actions
  .tombol-garis {
    width: 100%;
    min-height: 51px;
  }
}