@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--color-merah:#c41e24;--color-merah-gelap:#9b1118;--color-merah-terang:#e63946;--color-merah-muda:#fde8e9;--color-kuning:#f2a900;--color-kuning-gelap:#cc8e00;--color-kuning-terang:#ffd23f;--color-kuning-muda:#fff7e0;--color-hitam:#1a1a1a;--color-hitam-lembut:#2d2d2d;--color-abu-gelap:#3d3d3d;--color-abu:#6b6b6b;--color-abu-terang:#9ca3af;--color-putih:#fff;--color-latar:#fafaf8;--color-latar-krem:#f5f0e8;--color-border:#e5e2da;--font-judul:"Playfair Display", Georgia, "Times New Roman", serif;--font-isi:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-penuh:9999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 30px #0000001f;--shadow-xl:0 20px 60px #00000026;--shadow-merah:0 4px 20px #c41e2440;--shadow-kuning:0 4px 20px #f2a90040;--transisi-cepat:.15s ease;--transisi-normal:.3s ease;--transisi-lambat:.5s ease;--transisi-halus:.6s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-isi);color:var(--color-hitam);background-color:var(--color-latar);line-height:1.7;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.judul-hero{font-family:var(--font-judul);letter-spacing:-.03em;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:800;line-height:1.05}.judul-seksi{font-family:var(--font-judul);letter-spacing:-.02em;color:var(--color-hitam);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15}.judul-kartu{font-family:var(--font-judul);color:var(--color-hitam);font-size:1.35rem;font-weight:700;line-height:1.3}.sub-judul{font-family:var(--font-isi);color:var(--color-abu);font-size:clamp(1.05rem,1.5vw,1.25rem);font-weight:400;line-height:1.7}.label-kecil{font-family:var(--font-isi);letter-spacing:.15em;text-transform:uppercase;color:var(--color-merah);font-size:.75rem;font-weight:600}.teks-isi{font-family:var(--font-isi);color:var(--color-abu-gelap);font-size:1rem;line-height:1.8}.wadah{width:100%;max-width:1200px;padding:0 var(--space-xl);margin:0 auto}.wadah-sempit{width:100%;max-width:800px;padding:0 var(--space-xl);margin:0 auto}.wadah-lebar{width:100%;max-width:1400px;padding:0 var(--space-xl);margin:0 auto}.seksi{padding:var(--space-4xl) 0}.seksi-besar{padding:calc(var(--space-4xl) * 1.5) 0}.navbar{z-index:1000;transition:background-color var(--transisi-normal), box-shadow var(--transisi-normal), backdrop-filter var(--transisi-normal);position:fixed;top:0;left:0;right:0}.navbar-transparan{background-color:#0000}.navbar-solid{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#1a1a1af2;box-shadow:0 1px 20px #00000026}.navbar-inner{padding:var(--space-lg) var(--space-xl);justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.navbar-logo{font-family:var(--font-judul);color:var(--color-putih);align-items:center;gap:var(--space-sm);font-size:1.5rem;font-weight:800;display:flex}.navbar-logo .aksen{color:var(--color-kuning)}.navbar-menu{align-items:center;gap:var(--space-xl);display:flex}.navbar-link{font-family:var(--font-isi);color:#fffc;transition:color var(--transisi-cepat);font-size:.9rem;font-weight:500;position:relative}.navbar-link:after{content:"";background:var(--color-kuning);width:0;height:2px;transition:width var(--transisi-normal);position:absolute;bottom:-4px;left:0}.navbar-link:hover{color:var(--color-kuning)}.navbar-link:hover:after{width:100%}.navbar-hamburger{cursor:pointer;padding:var(--space-sm);background:0 0;border:none;flex-direction:column;gap:5px;display:none}.navbar-hamburger span{background-color:var(--color-putih);width:24px;height:2px;transition:transform var(--transisi-normal), opacity var(--transisi-normal)}.hero{background:linear-gradient(135deg, var(--color-hitam) 0%, var(--color-hitam-lembut) 40%, var(--color-merah-gelap) 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#f2a90014 0%,#0000 70%);width:80%;height:200%;position:absolute;top:-50%;right:-20%}.hero:after{content:"";background:linear-gradient(to top, var(--color-latar), transparent);pointer-events:none;height:200px;position:absolute;bottom:0;left:0;right:0}.hero-ornamen{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-ornamen:before{content:"";border:1px solid #f2a9001a;border-radius:50%;width:300px;height:300px;animation:30s linear infinite rotasi-lambat;position:absolute;top:10%;left:5%}.hero-ornamen:after{content:"";border:1px solid #c41e241a;width:200px;height:200px;animation:25s linear infinite reverse rotasi-lambat;position:absolute;bottom:20%;right:8%;transform:rotate(45deg)}.hero-konten{z-index:2;text-align:center;padding:var(--space-4xl) var(--space-xl);max-width:900px;position:relative}.hero-label{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-penuh);margin-bottom:var(--space-xl);animation:masuk-atas .8s var(--transisi-halus) both;background:#f2a90026;border:1px solid #f2a9004d;display:inline-flex}.hero-label span{letter-spacing:.1em;text-transform:uppercase;color:var(--color-kuning);font-size:.8rem;font-weight:600}.hero .judul-hero{color:var(--color-putih);margin-bottom:var(--space-lg);animation:masuk-atas .8s var(--transisi-halus) .15s both}.hero .judul-hero .aksen-kuning{color:var(--color-kuning);display:block}.hero .sub-judul{color:#ffffffb3;margin-bottom:var(--space-2xl);max-width:600px;animation:masuk-atas .8s var(--transisi-halus) .3s both;margin-left:auto;margin-right:auto}.hero-tombol-grup{gap:var(--space-md);animation:masuk-atas .8s var(--transisi-halus) .45s both;flex-wrap:wrap;justify-content:center;display:flex}.hero-scroll{z-index:2;align-items:center;gap:var(--space-sm);color:#ffffff80;letter-spacing:.1em;text-transform:uppercase;animation:masuk-atas .8s var(--transisi-halus) .6s both;flex-direction:column;font-size:.75rem;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero-scroll-line{background:linear-gradient(#ffffff80,#0000);width:1px;height:40px;animation:2s ease-in-out infinite geser-bawah}.tombol{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-isi);border-radius:var(--radius-penuh);cursor:pointer;transition:all var(--transisi-normal);white-space:nowrap;border:2px solid #0000;padding:.85rem 2rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.tombol-merah{background:var(--color-merah);color:var(--color-putih);border-color:var(--color-merah)}.tombol-merah:hover{background:var(--color-merah-gelap);border-color:var(--color-merah-gelap);box-shadow:var(--shadow-merah);transform:translateY(-2px)}.tombol-kuning{background:var(--color-kuning);color:var(--color-hitam);border-color:var(--color-kuning)}.tombol-kuning:hover{background:var(--color-kuning-gelap);border-color:var(--color-kuning-gelap);box-shadow:var(--shadow-kuning);transform:translateY(-2px)}.tombol-outline{color:var(--color-putih);background:0 0;border-color:#ffffff4d}.tombol-outline:hover{background:#ffffff1a;border-color:#fff9;transform:translateY(-2px)}.tombol-outline-gelap{color:var(--color-hitam);border-color:var(--color-border);background:0 0}.tombol-outline-gelap:hover{border-color:var(--color-merah);color:var(--color-merah);transform:translateY(-2px)}.kartu{background:var(--color-putih);border-radius:var(--radius-lg);padding:var(--space-2xl);border:1px solid var(--color-border);transition:all var(--transisi-normal)}.kartu:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.kartu-ikon{border-radius:var(--radius-md);width:56px;height:56px;margin-bottom:var(--space-lg);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.kartu-ikon-merah{background:var(--color-merah-muda);color:var(--color-merah)}.kartu-ikon-kuning{background:var(--color-kuning-muda);color:var(--color-kuning-gelap)}.kartu-ikon-hitam{color:var(--color-hitam);background:#1a1a1a14}.kartu .judul-kartu{margin-bottom:var(--space-sm)}.kartu .teks-isi{font-size:.95rem}.kartu-fitur{background:linear-gradient(135deg, var(--color-hitam) 0%, var(--color-hitam-lembut) 100%);border-radius:var(--radius-xl);padding:var(--space-3xl);border:1px solid #ffffff14;position:relative;overflow:hidden}.kartu-fitur:before{content:"";pointer-events:none;background:radial-gradient(at 100% 0,#c41e2426,#0000 70%);width:50%;height:100%;position:absolute;top:0;right:0}.kartu-fitur .judul-kartu,.kartu-fitur .judul-seksi{color:var(--color-putih)}.kartu-fitur .teks-isi{color:#ffffffb3}.grid-2{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.seksi-header{text-align:center;margin-bottom:var(--space-3xl)}.seksi-header .label-kecil{margin-bottom:var(--space-md);display:block}.seksi-header .judul-seksi{margin-bottom:var(--space-md)}.seksi-header .sub-judul{max-width:600px;margin-left:auto;margin-right:auto}.statistik-bar{gap:var(--space-lg);padding:var(--space-2xl) var(--space-3xl);background:var(--color-putih);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:5;grid-template-columns:repeat(4,1fr);margin-top:-60px;display:grid;position:relative}.statistik-item{text-align:center;padding:var(--space-md);position:relative}.statistik-item:not(:last-child):after{content:"";background:var(--color-border);width:1px;height:70%;position:absolute;top:15%;right:0}.statistik-angka{font-family:var(--font-judul);color:var(--color-merah);margin-bottom:var(--space-xs);font-size:2.5rem;font-weight:800;line-height:1.1}.statistik-label{color:var(--color-abu);font-size:.85rem;font-weight:500}.info-grid{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.info-konten .judul-seksi{margin-bottom:var(--space-lg)}.info-konten .teks-isi{margin-bottom:var(--space-xl)}.daftar-batas{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.daftar-batas-item{align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-latar);border-radius:var(--radius-md);border-left:3px solid var(--color-kuning);display:flex}.daftar-batas-item .arah{color:var(--color-hitam);min-width:60px;font-weight:600}.daftar-batas-item .wilayah{color:var(--color-abu-gelap);font-size:.9rem}.timeline{padding-left:var(--space-3xl);position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--color-merah), var(--color-kuning));width:2px;position:absolute;top:0;bottom:0;left:8px}.timeline-item{margin-bottom:var(--space-2xl);position:relative}.timeline-item:before{content:"";left:calc(-1 * var(--space-3xl) + 2px);background:var(--color-merah);border:3px solid var(--color-latar);width:14px;height:14px;box-shadow:0 0 0 2px var(--color-merah);border-radius:50%;position:absolute;top:6px}.timeline-tahun{font-family:var(--font-judul);color:var(--color-merah);margin-bottom:var(--space-xs);font-size:1.1rem;font-weight:700}.timeline-judul{color:var(--color-hitam);margin-bottom:var(--space-xs);font-weight:600}.timeline-isi{color:var(--color-abu-gelap);font-size:.95rem;line-height:1.7}.wisata-kartu{background:var(--color-putih);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transisi-normal);position:relative;overflow:hidden}.wisata-kartu:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.wisata-placeholder{background:linear-gradient(135deg, var(--color-hitam) 0%, var(--color-merah-gelap) 100%);justify-content:center;align-items:center;height:200px;font-size:2.5rem;display:flex;position:relative;overflow:hidden}.wisata-placeholder:after{content:"";background:linear-gradient(135deg,#0000 50%,#f2a9001a 100%);position:absolute;inset:0}.wisata-konten{padding:var(--space-lg)}.wisata-konten .judul-kartu{margin-bottom:var(--space-sm);font-size:1.15rem}.wisata-konten .teks-isi{font-size:.9rem}.highlight-seksi{background:linear-gradient(135deg, var(--color-hitam) 0%, var(--color-merah-gelap) 100%);position:relative;overflow:hidden}.highlight-seksi:before{content:"";pointer-events:none;background:radial-gradient(#f2a9000f 0%,#0000 70%);width:60%;height:200%;position:absolute;top:-50%;left:-20%}.highlight-seksi .seksi-header .label-kecil{color:var(--color-kuning)}.highlight-seksi .seksi-header .judul-seksi{color:var(--color-putih)}.highlight-seksi .seksi-header .sub-judul{color:#fff9}.highlight-kartu{border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;transition:all var(--transisi-normal);background:#ffffff0d;border:1px solid #ffffff1a}.highlight-kartu:hover{background:#ffffff1a;border-color:#f2a9004d;transform:translateY(-4px)}.highlight-kartu-ikon{width:64px;height:64px;margin:0 auto var(--space-lg);background:#f2a90026;border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;display:flex}.highlight-kartu .judul-kartu{color:var(--color-putih);margin-bottom:var(--space-sm)}.highlight-kartu .teks-isi{color:#fff9;font-size:.9rem}.fakta-marquee{background:var(--color-kuning);padding:var(--space-lg) 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%)}.fakta-marquee-track{width:max-content;animation:25s linear infinite marquee-geser;display:flex}.fakta-marquee-group{align-items:center;gap:var(--space-xl);padding-right:var(--space-xl);flex-shrink:0;display:flex}.fakta-item{align-items:center;gap:var(--space-sm);color:var(--color-hitam);white-space:nowrap;letter-spacing:.01em;font-size:1rem;font-weight:700;display:flex}.fakta-item .ikon{font-size:1.3rem}.fakta-pemisah{color:var(--color-merah);opacity:.6;flex-shrink:0;font-size:.65rem}@keyframes marquee-geser{0%{transform:translate(0)}to{transform:translate(-25%)}}.infra-kartu{background:var(--color-putih);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--color-border);align-items:flex-start;gap:var(--space-lg);transition:all var(--transisi-normal);display:flex}.infra-kartu:hover{box-shadow:var(--shadow-md);border-color:var(--color-kuning)}.infra-ikon{border-radius:var(--radius-md);background:var(--color-kuning-muda);width:48px;min-width:48px;height:48px;color:var(--color-kuning-gelap);justify-content:center;align-items:center;font-size:1.3rem;display:flex}.infra-konten .judul-kartu{margin-bottom:var(--space-xs);font-size:1.1rem}.infra-konten .teks-isi{font-size:.9rem}.pembatas{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-xl) 0;display:flex}.pembatas-garis{background:var(--color-border);width:60px;height:1px}.pembatas-ornamen{background:var(--color-merah);width:8px;height:8px;transform:rotate(45deg)}.cta-seksi{background:var(--color-latar-krem);position:relative;overflow:hidden}.cta-seksi:before{content:"";pointer-events:none;background:radial-gradient(circle,#c41e240f,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.cta-konten{text-align:center;z-index:1;position:relative}.cta-konten .judul-seksi{margin-bottom:var(--space-md)}.cta-konten .sub-judul{margin-bottom:var(--space-2xl);max-width:500px;margin-left:auto;margin-right:auto}.footer{background:var(--color-hitam);color:#ffffffb3;padding:var(--space-4xl) 0 var(--space-xl)}.footer-grid{gap:var(--space-3xl);margin-bottom:var(--space-3xl);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand .navbar-logo{margin-bottom:var(--space-md)}.footer-brand .teks-isi{color:#ffffff80;font-size:.9rem}.footer-judul{font-family:var(--font-isi);color:var(--color-putih);margin-bottom:var(--space-lg);font-size:.95rem;font-weight:600}.footer-link-list{gap:var(--space-sm);flex-direction:column;display:flex}.footer-link{color:#ffffff80;transition:color var(--transisi-cepat);font-size:.9rem}.footer-link:hover{color:var(--color-kuning)}.footer-bawah{padding-top:var(--space-xl);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.footer-bawah p{color:#fff6;font-size:.85rem}@keyframes masuk-atas{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rotasi-lambat{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes geser-bawah{0%,to{opacity:.3;transform-origin:top;transform:scaleY(.5)}50%{opacity:1;transform-origin:top;transform:scaleY(1)}}@keyframes muncul{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animasi-muncul{opacity:0;transition:opacity .7s var(--transisi-halus), transform .7s var(--transisi-halus);transform:translateY(40px)}.animasi-muncul.terlihat{opacity:1;transform:translateY(0)}.animasi-tunda-1{transition-delay:.1s}.animasi-tunda-2{transition-delay:.2s}.animasi-tunda-3{transition-delay:.3s}.animasi-tunda-4{transition-delay:.4s}@media (max-width:1024px){.grid-4,.statistik-bar{grid-template-columns:repeat(2,1fr)}.footer-grid{gap:var(--space-2xl);grid-template-columns:1fr 1fr}}@media (max-width:768px){.wadah,.wadah-sempit,.wadah-lebar{padding:0 var(--space-md)}.grid-2,.grid-3,.grid-4,.info-grid,.daftar-batas{grid-template-columns:1fr}.statistik-bar{padding:var(--space-lg);grid-template-columns:repeat(2,1fr);margin-top:-40px}.statistik-item:not(:last-child):after{display:none}.timeline{padding-left:var(--space-xl)}.timeline-item:before{left:calc(-1 * var(--space-xl) + 2px)}.navbar-menu{display:none}.navbar-hamburger{display:flex}.navbar-menu.terbuka{padding:var(--space-xl);gap:var(--space-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a1afa;flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0}.navbar-inner{padding:var(--space-md)}.footer-grid{grid-template-columns:1fr}.footer-bawah{gap:var(--space-md);text-align:center;flex-direction:column}.hero-konten{padding:var(--space-3xl) var(--space-md)}.kartu{padding:var(--space-lg)}.kartu-fitur{padding:var(--space-xl)}.infra-kartu,.highlight-kartu{padding:var(--space-lg)}.seksi,.seksi-besar{padding:var(--space-3xl) 0}}@media (max-width:480px){.wadah,.wadah-sempit,.wadah-lebar{padding:0 var(--space-md)}.statistik-bar{padding:var(--space-md);grid-template-columns:1fr}.statistik-angka{font-size:2rem}.hero-tombol-grup{flex-direction:column;width:100%}.hero-tombol-grup .tombol{width:100%}.judul-hero{font-size:2.2rem}.judul-seksi{font-size:1.6rem}}.detail-hero{background:linear-gradient(135deg, var(--color-hitam) 0%, var(--color-hitam-lembut) 40%, var(--color-merah-gelap) 100%);min-height:400px;color:var(--color-putih);flex-direction:column;justify-content:flex-end;padding-top:100px;padding-bottom:100px;display:flex;position:relative;overflow:hidden}.detail-hero-icon{opacity:.1;filter:grayscale()brightness(200%);z-index:1;font-size:15rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tombol-kembali{align-items:center;gap:var(--space-xs);color:#ffffffb3;margin-bottom:var(--space-md);transition:color var(--transisi-cepat);font-weight:500;display:inline-flex}.tombol-kembali:hover{color:var(--color-kuning)}.detail-meta{align-items:center;gap:var(--space-xs);color:#fff9;font-size:.9rem;display:flex}.artikel-konten{background:var(--color-putih);border-radius:var(--radius-xl);padding:var(--space-3xl);box-shadow:var(--shadow-xl);z-index:10;margin-top:-60px;position:relative}.artikel-lead{color:var(--color-hitam);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border);font-size:1.15rem;font-weight:500;line-height:1.8}.artikel-konten p{margin-bottom:var(--space-lg)}.artikel-konten p:last-child{margin-bottom:0}@media (max-width:768px){.detail-hero{min-height:350px;padding-top:90px;padding-bottom:80px}.artikel-konten{padding:var(--space-xl);margin-top:-40px}}