:root { --blg-malam:#111b1a; --blg-kertas:#f7f2e9; --blg-aksen:#be644d; --blg-teduh:#3f746b; --blg-emas:#e2b65d; --blg-garis:color-mix(in srgb,var(--blg-malam) 15%,transparent); --blg-bayang:0 24px 70px rgba(12,18,22,.17); --blg-sudut:8px; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body.blg-kanvas { margin:0;background:var(--blg-kertas);color:var(--blg-malam);font-family:"Plus Jakarta Sans",sans-serif;line-height:1.65; } a { color:inherit; }
.blg-puncak { position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;padding:15px clamp(18px,4vw,56px);background:color-mix(in srgb,var(--blg-kertas) 90%,white);border-bottom:1px solid var(--blg-garis);backdrop-filter:blur(16px); }
.blg-nama { margin-right:auto;text-decoration:none;font:600 29px "DM Serif Display",serif; } .blg-jalur-nav,.blg-kaki nav { display:flex;gap:18px;flex-wrap:wrap; } .blg-jalur-nav a,.blg-kaki a { text-decoration:none;font-size:14px; }
.blg-pemicu-nav { display:none;padding:10px 14px;border:1px solid var(--blg-garis);background:white;border-radius:var(--blg-sudut); } .blg-laci-nav { display:none;position:absolute;right:18px;top:67px;width:min(330px,calc(100vw - 36px));padding:18px;background:white;border:1px solid var(--blg-garis);box-shadow:var(--blg-bayang); } .blg-laci-nav.blg-terbuka { display:grid;gap:10px; }
.blg-arus { overflow:hidden; } .blg-pembuka { min-height:calc(100vh - 72px);display:grid;align-items:center;gap:36px;padding:60px clamp(18px,5vw,72px); } .blg-belah { grid-template-columns:1.02fr .98fr; } .blg-berpusat { grid-template-columns:.85fr 1.15fr; } .blg-pesan-awal,.blg-bingkai-langit { min-width:0; }
.blg-penanda,.blg-judul-blok > p,.blg-ruang-pesan > div > p:first-child { color:var(--blg-aksen);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.08em; }
.blg-pembuka h1,.blg-judul-blok h2,.blg-naskah h1,.blg-naskah h2 { font-family:"DM Serif Display",serif;line-height:1.08;letter-spacing:0; } .blg-pembuka h1 { font-size:64px;margin:0 0 18px;overflow-wrap:anywhere; }
.blg-catatan-utama { padding:15px 17px;margin:18px 0;border:1px solid color-mix(in srgb,var(--blg-aksen) 45%,transparent);background:color-mix(in srgb,var(--blg-emas) 22%,white);font-weight:700;border-radius:var(--blg-sudut); }
.blg-aksi-awal,.blg-ajakan-akhir > div { display:flex;gap:12px;flex-wrap:wrap;margin-top:24px; } .blg-aksi-awal a,.blg-paket a,.blg-surat button,.blg-ajakan-akhir a,.blg-izin-lokal button { padding:13px 18px;border:0;background:var(--blg-malam);color:white;text-decoration:none;font-weight:800;border-radius:var(--blg-sudut);cursor:pointer; }
.blg-bingkai-langit { margin:0;min-height:410px;position:relative;background:var(--blg-malam);box-shadow:var(--blg-bayang);border-radius:var(--blg-sudut);overflow:hidden; } .blg-bingkai-langit img { display:block;width:100%;height:100%;min-height:410px;object-fit:cover; } .blg-bingkai-langit figcaption { position:absolute;bottom:14px;left:14px;padding:7px 10px;background:rgba(10,15,18,.75);color:white;font-size:12px; } .blg-strip { grid-column:1/-1;padding:12px;border-top:1px solid var(--blg-garis);text-align:center; }
.blg-hamparan { padding:clamp(58px,8vw,104px) clamp(18px,5vw,72px); } .blg-judul-blok { max-width:820px;margin-bottom:30px; } .blg-judul-blok h2,.blg-naskah h1 { margin:0;font-size:48px; } .blg-susunan { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.blg-nilai,.blg-paket,.blg-kisah,.blg-lembar,.blg-simpul-tanya,.blg-bab,.blg-alamat-kartu { padding:24px;background:color-mix(in srgb,white 82%,var(--blg-kertas));border:1px solid var(--blg-garis);border-radius:var(--blg-sudut);box-shadow:0 10px 30px rgba(12,18,22,.06); } .blg-nilai span,.blg-lembar span,.blg-bab > span { color:var(--blg-aksen);font-weight:800; }
.blg-pilihan { background:color-mix(in srgb,var(--blg-teduh) 12%,var(--blg-kertas)); } .blg-paket { min-height:360px;display:flex;flex-direction:column;justify-content:space-between; } .blg-paket em { color:var(--blg-aksen);font-style:normal;font-weight:800; } .blg-paket ul { padding-left:20px; }
.blg-kisah { margin:0; } .blg-kisah blockquote { margin:0 0 20px;font-size:18px; } .blg-kisah figcaption span { display:block;color:color-mix(in srgb,var(--blg-malam) 60%,transparent); } .blg-lembar { min-height:210px;text-decoration:none; }
.blg-ruang-pesan { display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;background:var(--blg-malam);color:white; } .blg-ruang-pesan a { color:inherit;font-weight:700; } .blg-surat { display:grid;gap:14px;padding:25px;background:white;color:var(--blg-malam);border-radius:var(--blg-sudut); } .blg-surat label { display:grid;gap:6px;font-weight:700; } .blg-surat input,.blg-surat textarea { width:100%;padding:13px;border:1px solid var(--blg-garis);font:inherit;border-radius:var(--blg-sudut); } .blg-hasil-surat { min-height:24px;margin:0;color:var(--blg-teduh);font-weight:800; }
.blg-tanya-jawab > div:last-child { max-width:920px;display:grid;gap:12px; } .blg-buka-jawab { width:100%;padding:0;text-align:left;border:0;background:none;font:800 16px "Plus Jakarta Sans",sans-serif;cursor:pointer; } .blg-isi-jawab { display:none;padding-top:10px; } .blg-simpul-tanya.blg-aktif .blg-isi-jawab { display:block; }
.blg-ajakan-akhir { background:linear-gradient(120deg,var(--blg-aksen),var(--blg-teduh));color:white; } .blg-ajakan-akhir h2 { max-width:900px; } .blg-kaki { padding:46px clamp(18px,5vw,72px);background:color-mix(in srgb,var(--blg-malam) 95%,black);color:white; } .blg-jejak-kaki { display:grid;gap:24px; } .blg-jejak-kaki address { font-style:normal;color:rgba(255,255,255,.75); }
.blg-izin-lokal { position:fixed;left:18px;right:18px;bottom:18px;z-index:30;display:none;align-items:center;justify-content:space-between;gap:18px;padding:16px;background:white;border:1px solid var(--blg-garis);box-shadow:var(--blg-bayang);border-radius:var(--blg-sudut); } .blg-izin-lokal.blg-tampil { display:flex; }
.blg-naskah { max-width:1050px;margin:0 auto;padding:clamp(60px,8vw,100px) 18px; } .blg-rute-kecil { display:flex;gap:10px;flex-wrap:wrap;color:var(--blg-aksen);margin-bottom:22px; } .blg-bab { margin:18px 0; } .blg-lanjutan { margin-top:24px;padding:24px;background:color-mix(in srgb,var(--blg-emas) 18%,white);border-radius:var(--blg-sudut); } .blg-lanjutan a { margin-right:14px;font-weight:800; } .blg-kolom-artikel { columns:2 320px;column-gap:20px; } .blg-kolom-artikel .blg-bab { break-inside:avoid; }
@media(max-width:860px) { .blg-jalur-nav { display:none; } .blg-pemicu-nav { display:block; } .blg-pembuka,.blg-belah,.blg-berpusat,.blg-ruang-pesan { grid-template-columns:1fr; } .blg-pembuka { min-height:auto;padding-top:48px; } .blg-pembuka h1 { font-size:40px; } .blg-judul-blok h2,.blg-naskah h1 { font-size:34px; } .blg-susunan { grid-template-columns:1fr; } .blg-izin-lokal { flex-direction:column;align-items:flex-start; } .blg-bingkai-langit,.blg-bingkai-langit img { min-height:300px; } }