/* (al) 11 Nov 2026 — audit "Puas Hati" ★: Hubungi 3 jalan setara, bab How we think, Work index seragam, Hosting gelap.
   Dijana oleh design/pintu-2/tools/al_audit.py; dimuat di homepage + setiap page dalam (selepas panel.css). */

/* ============ HUBUNGI: 3 jalan setara + siapa yang klien jumpa ============ */
.al-cta h2 .al-h2-kedua { display: block; color: var(--ais-redup); font-size: .62em; line-height: 1.15; letter-spacing: -.02em; margin-top: .35em; font-weight: 500; }
.al-hub { list-style: none; margin: 30px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.al-jalan { display: flex; flex-direction: column; min-width: 0; padding: 18px 18px 16px; border: 1px solid var(--ais-garis); border-radius: 14px;
  background: linear-gradient(180deg, rgba(238, 242, 249, .06), rgba(238, 242, 249, .02)); }
.al-jalan-l { margin: 0; font: 500 var(--label-fs)/1.4 var(--mono); letter-spacing: var(--label-ls); text-transform: uppercase; color: var(--label-gelap); }
.al-jalan-l span { color: var(--ais); margin-right: 6px; }
.al-jalan-v { margin: 12px 0 0; font-size: 19px; line-height: 1.25; font-weight: 540; letter-spacing: -.01em; color: #fff; overflow-wrap: anywhere; }
.al-jalan-a { margin: 8px 0 14px; font-size: 14px; line-height: 1.45; color: var(--ais-redup); }
.al-jalan-b { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 46px; padding: 0 16px;
  border: 1px solid rgba(238, 242, 249, .45); border-radius: 999px; color: var(--ais); text-decoration: none; font-size: 15px; font-weight: 500; }
.al-jalan-b:hover, .al-jalan-b:focus-visible { border-color: var(--ais); background: rgba(238, 242, 249, .06); }
.al-jalan-b[aria-expanded="true"] { background: var(--ais); color: var(--ink); border-color: var(--ais); }
.al-brief { margin-top: 12px; padding: 20px; border: 1px solid rgba(238, 242, 249, .3); border-radius: 14px; background: rgba(10, 16, 32, .6); display: grid; gap: 14px; }
.al-brief[hidden] { display: none; }
.al-brief label { display: grid; gap: 7px; }
.al-brief label > span { font: 500 var(--label-fs)/1.4 var(--mono); letter-spacing: var(--label-ls); text-transform: uppercase; color: var(--label-gelap); }
.al-brief textarea, .al-brief input { width: 100%; box-sizing: border-box; min-height: 46px; padding: 11px 14px; border: 1px solid rgba(238, 242, 249, .24); border-radius: 10px;
  background: #0B1226; color: var(--ais); font: 400 16px/1.4 var(--sans); resize: vertical; }
.al-brief textarea::placeholder, .al-brief input::placeholder { color: #7D89A3; }
.al-brief textarea:focus-visible, .al-brief input:focus-visible { outline: 2px solid var(--ais); outline-offset: 1px; }
.al-brief-kaki { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.al-brief-tutup { min-height: 44px; padding: 0 14px; background: none; border: 0; color: var(--ais-redup); font: 500 14px/1 var(--sans); text-decoration: underline; cursor: pointer; }
.al-brief-nota { margin: 0; font: 500 var(--label-fs)/1.5 var(--mono); letter-spacing: .04em; color: var(--label-gelap); }
.al-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.al-jumpa { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 16px; row-gap: 6px; align-items: center;
  margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--ais-garis); }
.al-jumpa-l { grid-column: 1 / -1; margin: 0; font: 500 var(--label-fs)/1.4 var(--mono); letter-spacing: var(--label-ls); text-transform: uppercase; color: var(--label-gelap); }
.al-jumpa-orang { margin: 0; display: flex; }
.al-orang { display: block; }
.al-orang + .al-orang { margin-left: -10px; }
.al-orang img { display: block; width: 52px; height: 52px; border-radius: 50%; object-fit: cover; object-position: 50% 18%; border: 2px solid var(--malam); background: #1A2547; }
.al-orang > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.al-jumpa-t { margin: 0; font-size: 15px; line-height: 1.5; color: var(--ais-redup); }
.al-jumpa-t b { color: var(--ais); font-weight: 560; }
/* page dalam: tiada monolith di kanan → 3 kad sebaris guna lebar penuh */
.al-cta-p2 .lajur { max-width: none; }
.al-cta-p2 .lajur > h2, .al-cta-p2 .lajur > .cta-lead { max-width: calc(var(--lebar) * .62); }
/* homepage: monolith rak (F2) kekal di kanan → 3 jalan = 3 baris sama besar dalam lajur */
.al-cta-k8 .al-hub { grid-template-columns: minmax(0, 1fr); gap: 10px; }
.al-cta-k8 .al-jalan { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 16px; padding: 14px 14px 14px 18px; }
.al-cta-k8 .al-jalan-l, .al-cta-k8 .al-jalan-v, .al-cta-k8 .al-jalan-a { grid-column: 1; }
.al-cta-k8 .al-jalan-v { margin-top: 6px; }
.al-cta-k8 .al-jalan-a { margin: 4px 0 0; }
.al-cta-k8 .al-jalan-b { grid-column: 2; grid-row: 1 / span 3; align-self: center; margin: 0; min-width: 190px; }
@media (max-width: 960px) {
  .al-hub { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .al-jalan { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; padding: 14px 14px 14px 16px; }
  .al-jalan-l, .al-jalan-v, .al-jalan-a { grid-column: 1; }
  .al-jalan-v { margin-top: 6px; font-size: 18px; }
  .al-jalan-a { margin: 4px 0 0; font-size: 13.5px; }
  .al-jalan-b { grid-column: 2; grid-row: 1 / span 3; align-self: center; margin: 0; }
  .al-jalan-b, .al-cta-k8 .al-jalan-b { font-size: 14px; padding: 0 14px; min-width: 0; }
  .al-cta-p2 .lajur > h2, .al-cta-p2 .lajur > .cta-lead { max-width: none; }
}
@media (max-width: 600px) {
  /* telefon: butang = bulatan 48 px di kanan (label kekal untuk pembaca skrin), kad jadi satu baris padat */
  .al-jalan-b, .al-cta-k8 .al-jalan-b { width: 48px; height: 48px; min-height: 48px; padding: 0; justify-content: center; border-radius: 50%; font-size: 18px; }
  .al-jalan-bt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .al-jalan { position: relative; } .al-jalan-b::after { content: ""; position: absolute; inset: 0; border-radius: 14px; } /* seluruh kad boleh ditekan */
  .al-jalan-v { font-size: 17px; }
  .al-jalan-a { font-size: 13px; }
}

/* ============ HOW WE THINK (homepage, selepas jalur Three pillars) ============ */
.al-fikir { position: relative; z-index: 2; background: radial-gradient(900px 520px at 85% 8%, rgba(29, 58, 138, .30), transparent 62%), var(--malam);
  color: var(--ais); border-top: 1px solid var(--ais-garis); padding: 56px 0 40px; }
.al-kk { margin: 0; display: flex; gap: 12px; align-items: center; font: 500 var(--label-fs)/1 var(--mono); letter-spacing: var(--label-ls); text-transform: uppercase; color: var(--label-gelap); }
.al-kk b { color: var(--ais); font-weight: 500; }
.al-kk i { display: block; width: 44px; height: 1px; background: var(--ais-redup); opacity: .6; }
.al-fikir h2 { font: 600 clamp(34px, 3.7vw, 54px)/1.03 var(--sans); letter-spacing: -.035em; margin: 14px 0 0; color: #fff; text-wrap: balance; }
.al-ld { font-size: 18.5px; line-height: 1.5; color: var(--ais-redup); margin: 12px 0 0; max-width: 27em; }
.al-ld em { font-style: normal; color: var(--ais); }
.al-fikir-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 56px; align-items: center; }
.al-langkah { list-style: none; margin: 22px 0 0; padding: 0; position: relative; }
.al-langkah::before { content: ""; position: absolute; left: 5px; top: 10px; bottom: 10px; width: 1px; background: linear-gradient(var(--ais-garis), rgba(190, 225, 255, .5), var(--ais-garis)); }
.al-langkah li { position: relative; padding: 0 0 14px 32px; }
.al-langkah li:last-child { padding-bottom: 0; }
.al-langkah li::before { content: ""; position: absolute; left: 0; top: 4px; width: 11px; height: 11px; border-radius: 50%; border: 1px solid var(--ais-redup); background: var(--malam); }
.al-langkah li.al-on::before { background: var(--ais); border-color: var(--ais); box-shadow: 0 0 0 6px rgba(190, 225, 255, .12); }
.al-l { margin: 0; font: 500 var(--label-fs)/1 var(--mono); letter-spacing: var(--label-ls); text-transform: uppercase; color: var(--label-gelap); }
.al-l span:first-child { color: var(--ais); margin-right: 4px; }
.al-t { margin: 9px 0 0; font-size: 20px; line-height: 1.28; letter-spacing: -.012em; font-weight: 500; color: var(--ais); max-width: 22em; }
.al-on .al-t { color: #fff; }
.al-n { margin: 5px 0 0; font-size: 14.5px; line-height: 1.5; color: var(--ais-redup); max-width: 32em; }
.al-fikir-skrin { margin: 0; position: relative; border: 1px solid var(--ais-garis); border-radius: 14px; overflow: visible; background: #0D1428; box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .8); }
.al-skrin-utama { display: block; width: 100%; height: auto; border-radius: 13px 13px 0 0; }
.al-demo { position: absolute; top: 12px; right: 12px; font: 600 var(--label-fs)/1 var(--mono); letter-spacing: var(--label-ls); text-transform: uppercase; background: rgba(10, 16, 32, .86); color: var(--ais);
  padding: 7px 9px; border-radius: 6px; border: 1px solid var(--ais-garis); }
.al-tv { position: absolute; left: -28px; bottom: 34px; width: 38%; border-radius: 10px; overflow: hidden; border: 1px solid rgba(238, 242, 249, .3); box-shadow: 0 24px 48px -16px rgba(0, 0, 0, .75); background: #0A1020; }
.al-tv img { display: block; width: 100%; height: auto; }
.al-tv b { display: block; padding: 6px 9px; font: 500 var(--label-fs)/1.3 var(--mono); letter-spacing: var(--label-ls); text-transform: uppercase; color: var(--label-gelap); font-weight: 500; background: #0D1428; }
.al-fikir-skrin figcaption { font: 500 var(--label-fs)/1.4 var(--mono); letter-spacing: var(--label-ls); text-transform: uppercase; color: var(--label-gelap); padding: 12px 14px 12px 38%; border-top: 1px solid var(--ais-garis); }
.al-bukti { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 30px 0 0; border-top: 1px solid var(--ais-garis); border-bottom: 1px solid var(--ais-garis); }
.al-bukti div { padding: 16px 20px 14px 0; min-width: 0; }
.al-bukti div + div { padding-left: 22px; border-left: 1px solid var(--ais-garis); }
.al-bukti dt { font: 600 clamp(38px, 3.9vw, 54px)/1 var(--sans); letter-spacing: -.04em; color: #fff; }
.al-bukti dd { margin: 10px 0 0; font-size: 14px; line-height: 1.45; color: var(--ais-redup); max-width: 19em; }
.al-fikir-kaki { display: flex; justify-content: space-between; align-items: center; gap: 14px 28px; margin-top: 16px; flex-wrap: wrap; }
.al-fikir-kaki > p:first-child { margin: 0; font-size: 15px; line-height: 1.5; color: var(--ais-redup); max-width: 44em; flex: 1 1 420px; }
.al-fikir-kaki em { font-style: normal; color: var(--ais); }
.al-fikir-pautan { margin: 0; display: flex; gap: 10px; flex-wrap: wrap; }
.al-pil { display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 20px; border-radius: 999px; background: var(--ais); color: var(--ink); text-decoration: none; font-size: 15px; font-weight: 500; white-space: nowrap; }
.al-pil-hantu { background: transparent; color: var(--ais); border: 1px solid rgba(238, 242, 249, .45); }
.al-pil:hover, .al-pil:focus-visible { box-shadow: 0 0 0 5px rgb(var(--cahaya) / .12); }
.al-pasukan { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 28px; align-items: center; margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--ais-garis); }
.al-pasukan-foto { margin: 0; position: relative; border-radius: 12px; overflow: hidden; border: 1px solid var(--ais-garis); aspect-ratio: 4 / 4.2; }
.al-pasukan-foto img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.al-pasukan-foto figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 22px 10px 8px; font: 500 var(--label-fs)/1.35 var(--mono); letter-spacing: var(--label-ls); text-transform: uppercase; color: #fff;
  background: linear-gradient(transparent, rgba(5, 9, 20, .85)); }
.al-pasukan-ayat { margin: 8px 0 0; font-size: 19px; line-height: 1.4; letter-spacing: -.01em; color: #fff; max-width: 34em; }
.al-muka { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 22px; }
.al-muka li { display: flex; align-items: center; gap: 10px; }
.al-muka img { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; object-position: 50% 18%; background: #1A2547; border: 1px solid var(--ais-garis); }
.al-muka span { display: grid; }
.al-muka b { font-size: 14.5px; font-weight: 560; color: var(--ais); }
.al-muka i { font: 500 var(--label-fs)/1.4 var(--mono); font-style: normal; letter-spacing: var(--label-ls); text-transform: uppercase; color: var(--label-gelap); }
.al-pasukan-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 2px; color: var(--ais); font-size: 15px; font-weight: 500; text-underline-offset: 4px; }
@media (max-width: 960px) {
  .al-fikir { padding: 44px 0 32px; }
  .al-fikir-grid { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .al-ld { font-size: 17px; }
  .al-t { font-size: 18.5px; }
  .al-tv { left: auto; right: 10px; bottom: auto; top: 44px; width: 40%; }
  .al-fikir-skrin figcaption { padding-left: 14px; }
  .al-bukti { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 22px; }
  .al-bukti div { padding: 16px 12px 14px 0; }
  .al-bukti div + div { padding-left: 14px; }
  .al-bukti div:nth-child(3) { padding-left: 0; border-left: 0; border-top: 1px solid var(--ais-garis); }
  .al-bukti div:nth-child(4) { border-top: 1px solid var(--ais-garis); }
  .al-bukti dt { font-size: 36px; }
  .al-bukti dd { font-size: 13px; }
  .al-fikir-pautan { width: 100%; }
  .al-pil { flex: 1 1 100%; justify-content: center; }
  .al-pasukan { grid-template-columns: 112px minmax(0, 1fr); gap: 16px; align-items: start; }
  .al-pasukan-ayat { font-size: 16.5px; }
  .al-muka { grid-column: 1 / -1; gap: 10px 16px; }
  .al-muka img { width: 40px; height: 40px; }
}
@media (max-width: 600px) {
  .al-pasukan { grid-template-columns: 96px minmax(0, 1fr); }
  .al-tv { display: none; } /* telefon: papan skor kecil terlalu sempit untuk dibaca — skrin kad markah sahaja */
  .al-fikir-skrin figcaption { display: none; }
  .al-fikir-pautan { flex-direction: column; align-items: stretch; }
  .al-pil-hantu { background: none; border: 0; min-height: 44px; text-decoration: underline; text-underline-offset: 4px; }
  /* barisan muka: bulatan bertindih (nama penuh ada di bab Team, dan untuk pembaca skrin di sini) */
  .al-muka { display: flex; margin-left: 0; gap: 0; grid-column: 1 / -1; }
  .al-muka li + li { margin-left: -8px; }
  .al-muka img { width: 44px; height: 44px; border: 2px solid var(--malam); }
  .al-muka span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .al-pasukan-link { grid-column: 1 / -1; }
  .al-pasukan-foto figcaption { display: none; }
  .al-n { font-size: 13.5px; }
  .al-langkah li { padding-bottom: 12px; }
}

/* ============ PAGE DALAM: bab gelap (Work Systems, Hosting AwanPrime + Data centre) ============ */
.al-gelap { background: radial-gradient(1100px 560px at 82% 0%, rgba(29, 58, 138, .26), transparent 60%), linear-gradient(180deg, #0A1020, #0B1226 60%, #0A1020) !important; background-color: #0A1020 !important; color: var(--ais); }
.al-gelap .kicker, .al-gelap .kicker .no { color: var(--ais-redup); }
.al-gelap .kicker .no::after { background: var(--ais-redup); }
.al-gelap h2, .al-gelap h3 { color: var(--ais); }
.al-gelap .lead, .al-gelap .p2-tambahan { color: var(--ais-redup); }
.al-gelap .link-teks { color: var(--ais); }
.al-gelap .p2-kap { color: var(--ais-redup); }
/* Work: semua kad satu art direction (pentas gelap 16:10.5) */
.al-kerja .p2-sistem { gap: 20px; }
.al-kerja .p2-kad { background: linear-gradient(180deg, #121C38, #0D162E); border: 1px solid rgba(238, 242, 249, .10); border-radius: 16px; box-shadow: none; overflow: hidden; color: var(--ais); }
.al-kerja .p2-kad:hover, .al-kerja .p2-kad:focus-visible { border-color: rgba(238, 242, 249, .32); }
.al-kerja .p2-kad-shot { background: radial-gradient(60% 70% at 50% 35%, rgba(70, 110, 210, .30), transparent 72%), #0A1226; border-color: rgba(238, 242, 249, .08); }
.al-kerja .p2-kad-klien, .al-kerja .p2-kad-meta, .al-kerja .p2-kad-meta * { color: var(--label-gelap); } /* (am) #8F9CB7 6.1:1 → ≥ 7 */
.al-kerja .p2-kad-nama { color: var(--ais); }
.al-kerja .p2-kad-ayat { color: #B9C3D8; }
.al-kerja .p2-kad-link { color: var(--ais); }
.al-kerja .p2-kad-nama::after, .al-kerja .p2-kad-link::after { color: #8FA6DA; }
.al-tipo { display: flex !important; flex-direction: column; justify-content: space-between; padding: 22px 24px !important; box-sizing: border-box;
  background: linear-gradient(rgba(238, 242, 249, .045) 1px, transparent 1px) 0 0 / 100% 28px, linear-gradient(90deg, rgba(238, 242, 249, .045) 1px, transparent 1px) 0 0 / 28px 100%,
    radial-gradient(70% 80% at 85% 10%, rgba(70, 110, 210, .35), transparent 70%), #0A1226 !important; }
.al-tipo-k { font: 500 var(--label-fs)/1.4 var(--mono); letter-spacing: var(--label-ls); text-transform: uppercase; color: var(--label-gelap); }
.al-tipo-n { display: block; font: 600 clamp(38px, 4vw, 54px)/.95 var(--sans); letter-spacing: -.035em; color: var(--ais); }
.al-tipo-n i { font-style: normal; color: #7F95C8; }
.al-tipo-g { display: block; height: 1px; width: 56px; background: rgba(238, 242, 249, .5); margin: 14px 0 12px; }
.al-tipo-m { display: block; font: 500 var(--label-fs)/1.5 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: #8F9CB7; }
.al-shot-bingkai { display: flex !important; align-items: center; justify-content: center; }
.al-bingkai { width: 88%; border-radius: 10px; overflow: hidden; border: 1px solid rgba(238, 242, 249, .18); box-shadow: 0 24px 40px rgba(0, 0, 0, .5); background: #0E1730;
  transform: perspective(900px) rotateY(-7deg) rotateX(3deg); }
.al-bingkai b { display: block; height: 14px; background: #1A2547; position: relative; }
.al-bingkai b::before { content: ""; position: absolute; left: 9px; top: 4px; width: 6px; height: 6px; border-radius: 50%; background: #46557E; box-shadow: 10px 0 #46557E, 20px 0 #46557E; }
.al-bingkai img { display: block; width: 100% !important; height: auto !important; object-fit: contain; }
@media (prefers-reduced-motion: reduce) { .al-bingkai { transform: none; } }
/* Hosting AwanPrime: screenshot dalam bingkai peranti gelap, kuning tak dominan */
.al-ap .p2-ap-shot { background: #0E1730; border: 1px solid rgba(238, 242, 249, .16); border-radius: 14px; padding: 12px; box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .9); }
.al-ap .p2-ap-shot img { filter: saturate(.72) brightness(.9); border-radius: 0 0 8px 8px; max-height: 360px; object-fit: cover; object-position: 50% 0; }
.al-ap .p2-ap-pelayar { background: #121C38; color: var(--ais-redup); border-radius: 8px 8px 0 0; }
.al-ap .p2-ap-url { color: var(--ais-redup); background: transparent; }
.al-ap .p2-ap-kad { gap: 0; border-top: 1px solid var(--ais-garis); border-bottom: 1px solid var(--ais-garis); }
.al-ap .p2-ap-kad > li { background: transparent; border: 0; border-radius: 0; padding: 22px 22px 20px; }
.al-ap .p2-ap-kad > li + li { border-left: 1px solid var(--ais-garis); }
@media (max-width: 1180px) { .al-ap .p2-ap-kad > li:nth-child(3) { border-left: 0; } .al-ap .p2-ap-kad > li:nth-child(n+3) { border-top: 1px solid var(--ais-garis); } }
@media (max-width: 960px) { .al-ap .p2-ap-kad > li { border-left: 0 !important; padding: 16px 0; } .al-ap .p2-ap-kad > li + li { border-top: 1px solid var(--ais-garis); } }
.al-ap .p2-ap-shot { align-self: center; }
.al-ap .p2-ap-kad h3 { color: var(--ais); }
.al-ap .p2-ap-kad p { color: var(--ais-redup); }
.al-ap .p2-ap-talk { color: var(--ais); }
/* Hosting Data centre: tajuk + fakta kiri, mozek 3 foto sebenar kanan */
@media (min-width: 961px) {
  .al-dc > .wrap { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); column-gap: 56px; align-items: start; }
  .al-dc > .wrap > .kicker, .al-dc > .wrap > h2, .al-dc > .wrap > .lead { grid-column: 1; }
  .al-dc .p2-dc-grid { display: contents; }
  .al-dc .p2-dc-foto-baris { grid-column: 2; grid-row: 1 / span 5; display: grid; grid-template-columns: 1.15fr 1fr; grid-template-rows: auto auto; gap: 12px; margin: 0; }
  .al-dc .p2-dc-foto { position: relative; margin: 0; border-radius: 12px; overflow: hidden; border: 1px solid var(--ais-garis); }
  .al-dc .p2-dc-foto:first-child { grid-row: 1 / span 2; }
  .al-dc .p2-dc-foto img { display: block; width: 100%; height: 100%; object-fit: cover; max-height: none; }
  .al-dc .p2-dc-foto:first-child img { aspect-ratio: auto; height: 100%; }
  .al-dc .p2-dc-foto:not(:first-child) img { aspect-ratio: 4 / 3.6; }
  .al-dc .p2-dc-foto figcaption { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 26px 14px 10px; color: #fff; background: linear-gradient(transparent, rgba(5, 9, 20, .85)); }
  .al-dc .p2-dc-fakta { grid-column: 1; margin-top: 36px; }
}
.al-dc .p2-dc-fakta dt { color: var(--ais-redup); }
.al-dc .p2-dc-fakta dd { color: var(--ais); }
.al-dc .p2-dc-fakta > div { border-color: var(--ais-garis); }

/* homepage CTA: kandungan kini lebih tinggi daripada min-height lama → buang min-height + padding bawah rapat */
.al-cta-k8.cta { min-height: 0; padding-bottom: clamp(48px, 6vh, 72px); }
/* (al) pengimbang panjang: ruang kosong antara "What happens next" dan kaki (kaki 64–96 → 48–72) */
.kaki { padding-top: clamp(48px, 5vw, 72px); }