@font-face{font-family:"Poppins";font-style:normal;font-weight:200;font-display:swap;src:url("fonts/poppins-200.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:300;font-display:swap;src:url("fonts/poppins-300.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/poppins-400.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/poppins-500.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/poppins-600.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/poppins-700.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url("fonts/poppins-800.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:900;font-display:swap;src:url("fonts/poppins-900.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:italic;font-weight:300;font-display:swap;src:url("fonts/poppins-300i.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:italic;font-weight:400;font-display:swap;src:url("fonts/poppins-400i.woff2") format("woff2")}

:root{
--hitam:#000000;
--titanium:#f2f3f5;
--arang:#222221;
--putih:#ffffff;
--baja:#222221;
--kuning:#a1988e;
--cokelat:#876a4c;
--gading:#f0e9de;
--biru:#1e3c55;
--krem:#d6c9b2;
--kunyit:#d99e2b;
--merah:#8c1c1c;
--karat:#ab3a20;
--bara:#d65434;
--jelaga:#17160f;
--kertas:#f5f2e9;
color-scheme:light;
--latar:var(--putih);
--latar-dua:var(--titanium);
--tinta:var(--arang);
--tinta-kuat:var(--hitam);
--tinta-redup:rgba(34,34,33,.7);
--garis:rgba(0,0,0,.12);
--garis-kuat:rgba(0,0,0,.3);
--kaca:rgba(255,255,255,.68);
--kaca-gelap:rgba(0,0,0,.6);
--kaki-latar:var(--hitam);
--kaki-logo:var(--arang);
--bayang:0,0,0;
--sorot-tanah:255,255,255;
--umum-kuat:var(--hitam);--umum-teks:var(--titanium);--umum-isi:var(--titanium);--umum-ikon:var(--hitam);--umum-lembut:var(--titanium);--umum-sorot:var(--titanium);
--konstruksi-kuat:var(--baja);--konstruksi-teks:var(--putih);--konstruksi-isi:var(--kuning);--konstruksi-ikon:var(--hitam);--konstruksi-lembut:#f1efee;--konstruksi-sorot:var(--kuning);
--interior-kuat:var(--cokelat);--interior-teks:var(--putih);--interior-isi:#c4a484;--interior-ikon:#24201c;--interior-lembut:var(--gading);--interior-sorot:var(--gading);
--pengadaan-kuat:var(--biru);--pengadaan-teks:var(--putih);--pengadaan-isi:var(--krem);--pengadaan-ikon:var(--biru);--pengadaan-lembut:#f4ede0;--pengadaan-sorot:var(--krem);
--surya-kuat:#8e6617;--surya-teks:var(--putih);--surya-isi:var(--kunyit);--surya-ikon:var(--hitam);--surya-lembut:#fbf3e1;--surya-sorot:var(--kunyit);
--kreatif-kuat:var(--karat);--kreatif-teks:var(--kertas);--kreatif-isi:var(--jelaga);--kreatif-ikon:var(--kertas);--kreatif-lembut:var(--kertas);--kreatif-sorot:var(--bara);
--cabang-kuat:var(--umum-kuat);--cabang-teks:var(--umum-teks);--cabang-isi:var(--umum-isi);--cabang-ikon:var(--umum-ikon);--cabang-lembut:var(--umum-lembut);--cabang-sorot:var(--umum-sorot);
--tepi:clamp(1.25rem,4.2vw,4.5rem);
--lebar:88rem;
--sudut:2px;
--lengkung:50% 50% 0 0/32% 32% 0 0;
--lentur:cubic-bezier(.22,.8,.16,1);
--halus:cubic-bezier(.65,0,.35,1);
--pantul:cubic-bezier(.2,1.3,.35,1);
--elastis:cubic-bezier(.34,1.56,.64,1)
}
@supports (transition-timing-function:linear(0,1)){
:root{--elastis:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017,1.077 20.4%,1.121,1.149 24.3%,1.159,1.163 27%,1.154,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.975 57.1%,.997 69.8%,1.003 76.9%,1)}
}

:root[data-tema="gelap"]{
color-scheme:dark;
--latar:var(--hitam);--latar-dua:var(--arang);--tinta:var(--titanium);--tinta-kuat:var(--putih);--tinta-redup:rgba(242,243,245,.68);--garis:rgba(255,255,255,.14);--garis-kuat:rgba(255,255,255,.34);--kaca:rgba(34,34,33,.55);--kaca-gelap:rgba(34,34,33,.72);--kaki-latar:var(--arang);--kaki-logo:var(--hitam);--sorot-tanah:255,255,255;
--umum-kuat:var(--titanium);--umum-teks:var(--hitam);--umum-isi:var(--arang);--umum-ikon:var(--titanium);--umum-lembut:var(--arang);
--konstruksi-kuat:var(--kuning);--konstruksi-teks:var(--hitam);--konstruksi-isi:var(--baja);--konstruksi-ikon:var(--putih);--konstruksi-lembut:#1f1c19;
--interior-kuat:#c4a484;--interior-teks:#24201c;--interior-isi:var(--cokelat);--interior-ikon:var(--gading);--interior-lembut:#1c1916;
--pengadaan-kuat:var(--krem);--pengadaan-teks:var(--biru);--pengadaan-isi:var(--biru);--pengadaan-ikon:var(--krem);--pengadaan-lembut:#15222f;
--surya-kuat:var(--kunyit);--surya-teks:var(--hitam);--surya-isi:#8e6617;--surya-ikon:var(--putih);--surya-lembut:#1a1610;
--kreatif-kuat:var(--bara);--kreatif-teks:var(--jelaga);--kreatif-isi:var(--kertas);--kreatif-ikon:var(--jelaga);--kreatif-lembut:var(--jelaga)
}

.warna-kreatif{--cabang-kuat:var(--kreatif-kuat);--cabang-teks:var(--kreatif-teks);--cabang-isi:var(--kreatif-isi);--cabang-ikon:var(--kreatif-ikon);--cabang-lembut:var(--kreatif-lembut);--cabang-sorot:var(--kreatif-sorot)}
.warna-umum{--cabang-kuat:var(--umum-kuat);--cabang-teks:var(--umum-teks);--cabang-isi:var(--umum-isi);--cabang-ikon:var(--umum-ikon);--cabang-lembut:var(--umum-lembut);--cabang-sorot:var(--umum-sorot)}
.warna-konstruksi{--cabang-kuat:var(--konstruksi-kuat);--cabang-teks:var(--konstruksi-teks);--cabang-isi:var(--konstruksi-isi);--cabang-ikon:var(--konstruksi-ikon);--cabang-lembut:var(--konstruksi-lembut);--cabang-sorot:var(--konstruksi-sorot)}
.warna-interior{--cabang-kuat:var(--interior-kuat);--cabang-teks:var(--interior-teks);--cabang-isi:var(--interior-isi);--cabang-ikon:var(--interior-ikon);--cabang-lembut:var(--interior-lembut);--cabang-sorot:var(--interior-sorot)}
.warna-pengadaan{--cabang-kuat:var(--pengadaan-kuat);--cabang-teks:var(--pengadaan-teks);--cabang-isi:var(--pengadaan-isi);--cabang-ikon:var(--pengadaan-ikon);--cabang-lembut:var(--pengadaan-lembut);--cabang-sorot:var(--pengadaan-sorot)}
.warna-surya{--cabang-kuat:var(--surya-kuat);--cabang-teks:var(--surya-teks);--cabang-isi:var(--surya-isi);--cabang-ikon:var(--surya-ikon);--cabang-lembut:var(--surya-lembut);--cabang-sorot:var(--surya-sorot)}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:9.5rem;background:var(--latar)}
body{font-family:"Poppins",sans-serif;font-weight:400;font-size:.9562rem;line-height:1.72;color:var(--tinta);background:var(--latar);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;text-rendering:optimizeLegibility;transition:background-color .5s var(--halus),color .5s var(--halus)}
.kepala,.kaki{font-size:1.125rem}
img,svg,iframe{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
button{cursor:pointer}
ul,ol{list-style:none}
fieldset{border:0;min-width:0}
strong{font-weight:800}
::selection{background:var(--tinta-kuat);color:var(--latar)}
:focus-visible{outline:2px solid var(--tinta-kuat);outline-offset:4px}
h1,h2,h3,h4{font-weight:400;text-wrap:balance}
p{text-wrap:pretty}
html:has(dialog[open]){overflow:hidden}

.tersembunyi{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lompat{position:fixed;z-index:100;top:1rem;left:1rem;padding:.8rem 1.25rem;background:var(--tinta-kuat);color:var(--latar);font-size:.9375rem;font-weight:600;transform:translateY(-200%);transition:transform .4s var(--lentur)}
.lompat:focus{transform:none}
.wadah{width:min(100% - 2 * var(--tepi),var(--lebar));margin-inline:auto}

.logo-bode{display:block;width:100%;aspect-ratio:1207/431;background-color:currentColor;-webkit-mask:url("images/bode-group-logo.png") center/contain no-repeat;mask:url("images/bode-group-logo.png") center/contain no-repeat}
.logo-rangkai{display:flex;flex-direction:column;align-items:center;width:max-content;line-height:1}
.logo-rangkai .logo-bode{flex:none;width:7.7em}
.logo-grup{display:block;margin-top:.2em;padding-left:.1em;font-size:.96em;font-weight:600;line-height:1;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}

.mungil{display:inline-flex;align-items:center;gap:.65rem;font-size:.6906rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-redup)}
.judul-besar{font-size:clamp(2.04rem,4.25vw,4.08rem);font-weight:300;line-height:1.03;letter-spacing:-.042em;color:var(--tinta-kuat)}
.judul-besar strong,.judul-sedang strong{color:var(--cabang-kuat)}
.judul-sedang{font-size:clamp(1.615rem,2.805vw,2.635rem);font-weight:400;line-height:1.12;letter-spacing:-.03em;color:var(--tinta-kuat)}
.teks-awal{font-size:clamp(1.003rem,1.3175vw,1.207rem);font-weight:400;line-height:1.68;color:var(--tinta-redup)}
.teks-redup{color:var(--tinta-redup)}

.tautan{font-weight:600;background:linear-gradient(currentColor,currentColor) 0 100%/100% 2px no-repeat;padding-bottom:.12em;transition:background-size .7s var(--lentur)}
.tautan:hover{background-size:0 2px;background-position:100% 100%}

.tombol{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:1.25rem;height:3.4rem;padding:0 0 0 1.5rem;border:0;border-radius:var(--sudut);background:var(--cabang-kuat);color:var(--cabang-teks);font-size:.85rem;font-weight:600;letter-spacing:.005em;line-height:1.2;overflow:hidden;transition:color .5s var(--halus),transform .7s var(--lentur),box-shadow .7s var(--lentur)}
.tombol::before{content:"";position:absolute;z-index:-1;inset:0;background:var(--cabang-isi);transform:scaleX(0);transform-origin:100% 50%;transition:transform .8s var(--lentur)}
.tombol:hover,.tombol:focus-visible{color:var(--cabang-ikon)}
.tombol:hover::before,.tombol:focus-visible::before{transform:scaleX(1)}
.tombol-panah{position:relative;flex:none;display:grid;place-items:center;width:3.4rem;height:100%;background:var(--cabang-isi);color:var(--cabang-ikon);overflow:hidden}
.tombol-panah svg{width:1.15rem;height:1.15rem;transition:transform .7s var(--lentur)}
.tombol-panah svg+svg{position:absolute;transform:translate(-170%,170%)}
.tombol:hover .tombol-panah svg:first-child,.tombol:focus-visible .tombol-panah svg:first-child{transform:translate(170%,-170%)}
.tombol:hover .tombol-panah svg+svg,.tombol:focus-visible .tombol-panah svg+svg{transform:none}
.tombol.balik{background:var(--cabang-teks);color:var(--cabang-kuat)}
.tombol.balik::before{background:var(--cabang-isi)}
.tombol.balik:hover{color:var(--cabang-ikon)}
.tombol[disabled]{opacity:.6;pointer-events:none}

.kepala{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;flex-direction:column;align-items:center;gap:.84rem;padding-top:1.3rem;pointer-events:none;color:var(--tinta-kuat);transition:color .6s var(--halus)}
.kepala.di-gelap{color:var(--titanium)}
.kepala-logo{pointer-events:auto;display:block;font-size:.842rem;padding:.24rem 0;transition:opacity .5s var(--halus),transform .9s var(--elastis)}
.kepala-logo .logo-bode{transform-origin:50% 100%}
.kepala-logo:hover .logo-bode,.kepala-logo:focus-visible .logo-bode{animation:kenyal .9s linear}
.kepala-logo:active .logo-bode{transform:scale(.9,.84);transition:transform .12s}
@keyframes kenyal{0%{transform:scale(1,1)}22%{transform:scale(1.14,.86)}38%{transform:scale(.9,1.1)}52%{transform:scale(1.06,.95)}66%{transform:scale(.98,1.02)}80%{transform:scale(1.01,.99)}100%{transform:scale(1,1)}}
.kepala-logo.sembunyi{opacity:0;pointer-events:none}
.kepala.ringkas .kepala-logo{opacity:0;transform:translateY(-1.6rem);pointer-events:none}
.navigasi{pointer-events:auto;position:relative;display:flex;align-items:center;gap:.12rem;padding:.36rem;border-radius:999px;background:var(--kaca);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 18px 40px -24px rgba(0,0,0,.45);transition:transform .9s var(--elastis),background-color .6s var(--halus),box-shadow .6s var(--halus)}
.navigasi:hover{box-shadow:0 22px 46px -24px rgba(0,0,0,.55)}
.navigasi-sorot{position:absolute;z-index:0;top:.36rem;bottom:.36rem;left:0;width:var(--sorot-lebar,0px);border-radius:999px;background:var(--garis);opacity:0;transform:translate3d(var(--sorot-datar,0px),0,0) scale(var(--sorot-skala,1));pointer-events:none;transition:opacity .35s var(--halus)}
.navigasi.disorot .navigasi-sorot{opacity:1}
.kepala.di-gelap .navigasi-sorot{background:rgba(242,243,245,.16)}
.navigasi::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.2) 30%,rgba(255,255,255,0) 50%,rgba(255,255,255,.2) 72%,rgba(255,255,255,.75));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.kepala.ringkas .navigasi{transform:translateY(-4.55rem)}
.kepala.di-gelap .navigasi{background:rgba(0,0,0,.26);box-shadow:0 18px 40px -24px rgba(0,0,0,.6)}
.kepala.di-gelap .navigasi::before,:root[data-tema="gelap"] .navigasi::before{background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.12) 30%,rgba(255,255,255,0) 50%,rgba(255,255,255,.12) 72%,rgba(255,255,255,.4))}
.navigasi-tautan{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.54rem;padding:.74rem 1.44rem;border:0;border-radius:999px;background:transparent;font-size:1.05rem;font-weight:400;letter-spacing:.01em;line-height:1.2;color:var(--tinta);white-space:nowrap;transition:color .4s var(--halus),background-color .4s var(--halus),transform .7s var(--elastis)}
.navigasi-tautan:hover{transform:translateY(-1px)}
.navigasi-tautan:active{transform:scale(.88);transition:color .4s var(--halus),background-color .4s var(--halus),transform .12s var(--halus)}
.navigasi-tautan[aria-current="page"]{background:var(--tinta-kuat);color:var(--latar)}
.kepala.di-gelap .navigasi-tautan{color:var(--titanium)}
.kepala.di-gelap .navigasi-tautan[aria-current="page"]{background:var(--titanium);color:var(--hitam)}
.navigasi.tanpa-skrip .navigasi-tautan:hover{background:var(--garis)}
.ikon-turun{width:.84rem;height:.84rem;transition:transform .8s var(--elastis)}
.navigasi-tautan:hover .ikon-turun{transform:translateY(1px)}
.menu-turun{position:relative}
.menu-turun.buka .ikon-turun{transform:rotate(180deg)}
.menu-turun.buka .navigasi-tautan:hover .ikon-turun{transform:rotate(180deg) translateY(1px)}

.daftar-turun{position:fixed;z-index:61;left:50%;top:var(--turun-atas,7.25rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;width:min(42rem,calc(100vw - 1.5rem));padding:.5rem;border-radius:1rem;background:var(--kaca-gelap);-webkit-backdrop-filter:blur(26px) saturate(1.6);backdrop-filter:blur(26px) saturate(1.6);color:var(--titanium);box-shadow:0 44px 90px -40px rgba(0,0,0,.75);pointer-events:auto;opacity:0;visibility:hidden;transform:translate(-50%,-.8rem) scale(.94);transform-origin:50% 0;clip-path:inset(0 0 100% 0 round 1rem);transition:opacity .3s var(--halus),transform .5s var(--lentur),clip-path .6s var(--lentur),visibility 0s .6s}
.daftar-turun::before{content:"";position:absolute;inset:-14px 0;z-index:-1;pointer-events:auto}
.daftar-turun::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.1) 28%,rgba(255,255,255,0) 52%,rgba(255,255,255,.08) 76%,rgba(255,255,255,.28));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.daftar-turun.buka{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1);clip-path:inset(-14px 0 -14px 0 round 1rem);transition:opacity .35s var(--halus),transform 1s var(--elastis),clip-path .8s var(--lentur),visibility 0s}
.turun-butir{position:relative;display:grid;grid-template-columns:4.25rem minmax(0,1fr);align-items:center;gap:1rem;padding:.6rem 2.6rem .6rem .6rem;border-radius:.55rem;opacity:0;transform:translateY(.9rem) scale(.96);translate:0 0;scale:1;transition:opacity .3s var(--halus),transform .5s var(--lentur),background-color .4s var(--halus),translate .7s var(--elastis),scale .7s var(--elastis)}
.daftar-turun.buka .turun-butir{opacity:1;transform:none;transition:opacity .5s var(--halus) calc(var(--urut,0) * 55ms + 100ms),transform 1s var(--elastis) calc(var(--urut,0) * 55ms + 100ms),background-color .4s var(--halus),translate .7s var(--elastis),scale .7s var(--elastis)}
.turun-butir:hover,.turun-butir:focus-visible{translate:.3rem 0}
.turun-butir:last-of-type:nth-of-type(odd){grid-column:1/-1}
.turun-butir:active{scale:.96;transition:opacity .3s,transform .5s,background-color .4s,translate .7s var(--elastis),scale .12s var(--halus)}
.turun-butir:hover,.turun-butir:focus-visible{background:rgba(255,255,255,.09)}
.turun-gambar{position:relative;width:4.25rem;height:4.25rem;border-radius:.3rem;overflow:hidden;background:var(--arang)}
.turun-gambar{transition:border-radius .7s var(--elastis),transform .8s var(--elastis)}
.turun-butir:hover .turun-gambar{transform:rotate(-3deg) scale(1.04)}
.turun-gambar img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--elastis)}
.turun-gambar::after{content:"";position:absolute;right:0;bottom:0;width:.95rem;height:.95rem;background:var(--titanium);transform:scale(0);transform-origin:100% 100%;transition:transform .7s var(--elastis)}
.turun-butir:hover .turun-gambar::after,.turun-butir:focus-visible .turun-gambar::after{transform:scale(1)}
.turun-butir:hover .turun-gambar img{transform:scale(1.1)}
.turun-nama{display:block;font-size:1.0625rem;font-weight:700;line-height:1.25;color:var(--titanium);letter-spacing:-.01em}
.turun-uraian{display:block;margin-top:.15rem;font-size:.8125rem;line-height:1.45;color:rgba(242,243,245,.66)}
.turun-domain{display:block;margin-top:.35rem;font-size:.75rem;font-weight:600;letter-spacing:.04em;color:rgba(242,243,245,.86)}
.turun-butir>svg{position:absolute;top:.85rem;right:.85rem;width:1rem;height:1rem;color:var(--titanium);opacity:0;transform:translate(-.4rem,.4rem) scale(.6);transition:opacity .3s,transform .8s var(--elastis)}
.turun-butir:hover>svg,.turun-butir:focus-visible>svg{opacity:1;transform:none}
.turun-jurnal{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.3rem;margin-top:.15rem;opacity:0;transition:opacity .4s var(--halus)}
.daftar-turun.buka .turun-jurnal{opacity:1;transition:opacity .6s var(--halus) .38s}
.turun-jurnal a{display:flex;align-items:center;gap:.85rem;min-width:0;padding:1rem 1.15rem;border-radius:.55rem;background:rgba(255,255,255,.07);color:var(--titanium);font-size:.9375rem;font-weight:500;transition:background-color .4s var(--halus),scale .7s var(--elastis)}
.turun-jurnal a:hover,.turun-jurnal a:focus-visible{background:rgba(255,255,255,.14)}
.turun-jurnal a:active{scale:.97;transition:background-color .4s var(--halus),scale .12s var(--halus)}
.jurnal-pintu strong{font-weight:700}
.jurnal-baru{justify-content:space-between}
.baru-tanda{flex:none;font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(242,243,245,.6)}
.baru-judul{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.turun-jurnal svg{width:1rem;height:1rem;flex:none;transition:transform .8s var(--elastis)}
.turun-jurnal a:hover svg{transform:translate(.25rem,-.25rem) scale(1.15)}

.sampul{position:relative;height:100vh;height:100svh;min-height:34rem;overflow:hidden;background:var(--latar);color:var(--titanium)}
.sampul-bingkai{position:absolute;inset:0;overflow:hidden;background:var(--hitam);clip-path:inset(calc(var(--tutup,0) * 3%))}
.gerak .sampul-bingkai{animation:sampul-buka 2s var(--lentur) .1s backwards}
@keyframes sampul-buka{from{clip-path:inset(16% 14%)}}
.sampul-latar{position:absolute;inset:-4% -3%;transform:translate3d(var(--datar,0px),calc(var(--tegak,0px) + var(--turun,0px)),0)}
.sampul-latar img{width:100%;height:100%;object-fit:cover;animation:napas 24s ease-in-out infinite alternate}
@keyframes napas{from{transform:scale(1.04)}to{transform:scale(1.13)}}
.sampul-kabut{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.44) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 50%,rgba(0,0,0,.66) 100%)}
.sampul-logo{position:absolute;z-index:2;top:27%;left:50%;width:max-content;font-size:clamp(1.95rem,5.7vw,5.7rem);color:var(--titanium);transform-origin:50% 0;transform:translateX(-50%);will-change:transform}
.sampul-logo .logo-rangkai{filter:drop-shadow(0 12px 30px rgba(0,0,0,.35))}
.gerak .sampul-logo .logo-bode{animation:bangkit 1.7s var(--lentur) .6s backwards}
.gerak .sampul-logo .logo-grup{animation:bangkit 1.4s var(--lentur) 1.05s backwards}
@keyframes bangkit{from{opacity:0;transform:translateY(22%);clip-path:inset(0 0 100% 0)}}
.sampul-judul{--jeda:1100ms;position:absolute;z-index:2;left:var(--tepi);right:var(--tepi);bottom:clamp(2.75rem,9vh,6rem);text-align:center;font-size:clamp(1.19rem,2.295vw,2.295rem);font-weight:400;line-height:1.2;letter-spacing:-.02em;color:var(--titanium)}
.sampul-judul strong{font-weight:800}
.sampul-isyarat{position:absolute;z-index:2;right:var(--tepi);bottom:clamp(2.75rem,9vh,6rem);width:1.5rem;height:2.4rem;border:1px solid rgba(242,243,245,.55)}
.sampul-isyarat span{position:absolute;left:50%;top:.45rem;width:2px;height:.6rem;background:var(--titanium);animation:titik-turun 2.4s var(--halus) infinite}
@keyframes titik-turun{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}80%{opacity:0;transform:translate(-50%,1rem)}100%{opacity:0;transform:translate(-50%,1rem)}}

.kata-luar{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}
.kata-dalam{display:inline-block;transform-origin:0 100%;transition:transform 1.3s var(--lentur);transition-delay:calc(var(--urut,0) * 45ms + var(--jeda,0ms))}
.gerak [data-pecah] .kata-dalam{transform:translateY(112%) rotate(7deg)}
.gerak [data-pecah].tampak .kata-dalam{transform:none}
.gerak [data-muncul]{opacity:0;transform:translateY(2.4rem);transition:opacity 1.1s var(--halus),transform 1.3s var(--lentur);transition-delay:calc(var(--tunda,0) * 1ms)}
.gerak [data-muncul].tampak{opacity:1;transform:none}
[data-bukaan]{clip-path:inset(calc((1 - var(--buka,1)) * var(--buka-tegak,12%)) calc((1 - var(--buka,1)) * var(--buka-datar,10%)))}
[data-apung]{transform:translate3d(0,var(--apung,0px),0)}

.pengantar{padding:clamp(7rem,15vw,13rem) var(--tepi)}
.pengantar-teks{max-width:66rem;margin-inline:auto;font-size:clamp(1.445rem,2.805vw,2.7625rem);font-weight:400;line-height:1.28;letter-spacing:-.025em;color:var(--tinta-kuat)}
.pengantar-teks strong{font-weight:800}
.pengantar-teks .kata{transition:opacity .6s var(--halus)}
.gerak .pengantar-teks .kata{opacity:.14}
.gerak .pengantar-teks .kata.nyala{opacity:1}

.cabang{position:relative;background:var(--latar)}
.cabang-lekat{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;overflow:clip}
.cabang-lajur{display:flex;height:100%;width:max-content;transform:translate3d(var(--lajur,0px),0,0);will-change:transform}
.panel{--angkat:0;position:relative;flex:none;width:100vw;height:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(3rem,7vw,8rem);padding:9.5rem clamp(2rem,7vw,8rem) 7.5rem}
.panel-teks{max-width:34rem}
.panel-media{position:relative;justify-self:center;width:100%;max-width:44rem}
.panel-gambar{position:relative;height:min(56vh,37rem);overflow:hidden;background:var(--latar-dua);transform:translate3d(0,calc(var(--angkat) * -12px),0) scale(calc(.97 + var(--angkat) * .03));box-shadow:0 calc(10px + var(--angkat) * 34px) calc(30px + var(--angkat) * 56px) calc(-22px - var(--angkat) * 4px) rgba(var(--bayang),calc(.14 + var(--angkat) * .2))}
.panel-gambar::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 10px 12px 24px -14px rgba(var(--sorot-tanah),calc(.18 + var(--angkat) * .22)),inset -14px -18px 30px -18px rgba(var(--bayang),calc(.14 + var(--angkat) * .14))}
.panel-gambar img{position:absolute;top:0;left:-9%;width:118%;max-width:none;height:100%;object-fit:cover;transform:translate3d(var(--dalam,0px),0,0)}
.panel-interior .panel-media{order:2;width:min(100%,28rem)}
.panel-interior .panel-gambar{border-radius:var(--lengkung);height:min(60vh,40rem)}
.panel-pengadaan .panel-media{width:min(100%,30rem)}
.panel-pengadaan .panel-gambar{overflow:visible;background:none;box-shadow:none;transform:none}
.panel-pengadaan .panel-gambar::after{display:none}
.tumpuk-kartu{position:absolute;left:50%;top:50%;width:60%;aspect-ratio:3/4;overflow:hidden;background:var(--latar-dua);box-shadow:0 calc(14px + var(--sebar,0) * 26px) calc(34px + var(--sebar,0) * 40px) -26px rgba(var(--bayang),calc(.18 + var(--sebar,0) * .16));transform:translate(-50%,-50%) translateX(calc(var(--sebar,0) * var(--geser-datar,0%))) translateY(calc(var(--sebar,0) * var(--geser-tegak,0%))) rotate(calc(var(--sebar,0) * var(--putar,0deg)))}
.tumpuk-kartu::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 8px 10px 22px -14px rgba(var(--sorot-tanah),.35),inset -12px -14px 26px -18px rgba(var(--bayang),.22)}
.tumpuk-kartu img{width:100%;height:100%;object-fit:cover}
.tumpuk-kartu:nth-child(1){--geser-datar:-50%;--geser-tegak:6%;--putar:-8deg;z-index:1}
.tumpuk-kartu:nth-child(2){--geser-datar:0%;--geser-tegak:-4%;--putar:0deg;z-index:3}
.tumpuk-kartu:nth-child(3){--geser-datar:50%;--geser-tegak:8%;--putar:8deg;z-index:2}
.panel-surya .panel-media{order:2;width:min(100%,32rem)}
.panel-surya .panel-gambar{height:auto;aspect-ratio:1;border-radius:50%;background:var(--latar-dua)}
.panel-surya .panel-gambar::after{border-radius:50%;box-shadow:inset 18px 22px 40px -22px rgba(var(--sorot-tanah),.9),inset -24px -30px 50px -26px rgba(var(--bayang),.2)}
.panel-surya .panel-gambar svg{position:absolute;inset:0;width:100%;height:100%}
.panel-kreatif .panel-media{width:min(100%,25rem)}
.panel-kreatif .panel-gambar{height:auto;aspect-ratio:4/5}
.panel-kreatif .panel-gambar img{left:-6%;width:112%}
.bidik-sudut{position:absolute;inset:clamp(.7rem,1.6vw,1.1rem);z-index:3;pointer-events:none;background:linear-gradient(currentColor,currentColor) 0 0/1.5rem 2px no-repeat,linear-gradient(currentColor,currentColor) 0 0/2px 1.5rem no-repeat,linear-gradient(currentColor,currentColor) 100% 0/1.5rem 2px no-repeat,linear-gradient(currentColor,currentColor) 100% 0/2px 1.5rem no-repeat,linear-gradient(currentColor,currentColor) 0 100%/1.5rem 2px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/2px 1.5rem no-repeat,linear-gradient(currentColor,currentColor) 100% 100%/1.5rem 2px no-repeat,linear-gradient(currentColor,currentColor) 100% 100%/2px 1.5rem no-repeat;color:rgba(245,242,233,.92);transform:scale(calc(1.06 - var(--angkat,1) * .06));transition:transform .9s var(--elastis)}
.panel-nama{font-size:clamp(2.55rem,5.1vw,5.44rem);font-weight:800;line-height:.95;letter-spacing:-.05em;color:var(--tinta-kuat)}
.panel-uraian{max-width:32rem;margin:2rem 0 2.75rem;color:var(--tinta-redup);font-size:1.0094rem;line-height:1.72}
.cabang-progres{position:absolute;left:50%;bottom:2.5rem;display:grid;grid-template-columns:repeat(var(--jumlah,4),1fr);gap:.4rem;width:min(18rem,56vw);transform:translateX(-50%)}
.cabang-progres span{position:relative;height:4px;background:var(--garis);overflow:hidden}
.cabang-progres span::after{content:"";position:absolute;inset:0;background:var(--tinta-kuat);transform-origin:0 50%;transform:scaleX(clamp(0,calc(var(--maju,0) * var(--jumlah,4) - var(--ke,0)),1))}
.cabang-progres span:nth-child(1){--ke:0}
.cabang-progres span:nth-child(2){--ke:1}
.cabang-progres span:nth-child(3){--ke:2}
.cabang-progres span:nth-child(4){--ke:3}
.cabang-progres span:nth-child(5){--ke:4}

.alasan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,7rem);width:min(100% - 2 * var(--tepi),var(--lebar));margin:0 auto;padding:clamp(4rem,8vw,7rem) 0}
.alasan-gambar{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;padding:8rem 0 3rem}
.alasan-tumpuk{position:relative;width:100%;height:100%;max-height:46rem}
.alasan-bingkai{position:absolute;inset:0;overflow:hidden;background:var(--latar-dua);clip-path:inset(100% 0 0 0);transition:clip-path 1.3s var(--lentur)}
.alasan-bingkai.aktif{clip-path:inset(0)}
.alasan-bingkai.lalu{clip-path:inset(0 0 100% 0)}
.alasan-bingkai img{width:100%;height:100%;object-fit:cover;transform:scale(1.16);transition:transform 1.8s var(--lentur)}
.alasan-bingkai.aktif img{transform:scale(1)}
.alasan-butir{min-height:88vh;min-height:88svh;display:flex;flex-direction:column;justify-content:center;transition:opacity .9s var(--halus)}
.gerak .alasan-butir{opacity:.18}
.gerak .alasan-butir.aktif{opacity:1}
.alasan-butir h2{font-size:clamp(1.7rem,2.89vw,2.89rem);font-weight:700;line-height:1.08;letter-spacing:-.035em;color:var(--tinta-kuat);max-width:16ch}
.alasan-butir p{margin-top:1.4rem;max-width:31rem;color:var(--tinta-redup);font-size:1.0094rem}

.ajakan{padding:clamp(7rem,14vw,12rem) var(--tepi);text-align:center}
.ajakan-kalimat{max-width:58rem;margin:0 auto 3rem;font-size:clamp(1.615rem,3.4vw,3.23rem);font-weight:400;line-height:1.14;letter-spacing:-.035em;color:var(--tinta-kuat)}
.ajakan-kalimat strong{font-weight:800}
.ajakan-sempit .ajakan-kalimat{max-width:48rem}
.ajakan-gelap{background:var(--kaki-latar)}
.ajakan-gelap .ajakan-kalimat{color:var(--titanium)}
.ajakan-gelap .tombol{background:var(--titanium);color:var(--hitam)}
.ajakan-gelap .tombol::before{background:var(--putih)}
.ajakan-gelap .tombol-panah{background:var(--hitam);color:var(--titanium)}
.ajakan-gelap .tombol:hover{color:var(--hitam)}

.kutipan{padding:0}
.kutipan-bingkai{--buka-tegak:9%;--buka-datar:12%;position:relative;height:108vh;height:108svh;min-height:36rem;overflow:hidden;background:var(--hitam);color:var(--titanium)}
.kutipan-bingkai>img{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover}
.kutipan-bingkai::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.04) 40%,rgba(0,0,0,.72) 100%)}
.kutipan-isi{position:absolute;z-index:1;left:var(--tepi);right:var(--tepi);bottom:clamp(3rem,10vh,7rem);max-width:52rem}
.kutipan-isi p{font-size:clamp(1.53rem,3.23vw,3.06rem);font-weight:400;line-height:1.14;letter-spacing:-.032em}
.kutipan-isi strong{font-weight:800}
.kutipan-isi cite{display:block;margin-top:1.75rem;font-style:normal;font-size:.7438rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(242,243,245,.8)}

.kaki{background:var(--kaki-latar);color:var(--titanium)}
.kaki-panel{position:relative;overflow:hidden;padding:clamp(4rem,7vw,6.5rem) var(--tepi) clamp(5.5rem,13vw,12rem)}
.kaki-kisi{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:clamp(2rem,4vw,3.5rem);width:min(100%,var(--lebar));margin:0 auto}
.kaki-alamat{font-size:clamp(1.6rem,2.8vw,2.6rem);font-weight:700;line-height:1.12;letter-spacing:-.035em;max-width:15ch}
.kaki-alamat span{display:block;margin-top:1rem;font-size:1rem;font-weight:400;letter-spacing:0;line-height:1.6;color:rgba(242,243,245,.7)}
.kaki-kolom{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;font-size:1.0625rem;font-weight:400;line-height:1.5}
.kaki-kolom small{display:block;font-size:.8125rem;letter-spacing:.02em;color:rgba(242,243,245,.64)}
.kaki-kolom a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .6s var(--lentur),color .4s}
.kaki-kolom a:hover{background-size:100% 1px;color:var(--putih)}
.kaki-kolom .jarak{margin-top:.9rem}
.kaki-sosial{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:.6rem 1.5rem;margin-top:1.1rem}
.kaki-sosial a{display:inline-flex;align-items:center;gap:.45rem;font-size:.9375rem;font-weight:600}
.kaki-sosial a::before{content:"";width:.45rem;height:.45rem;background:currentColor;opacity:.5;transition:opacity .4s,transform .6s var(--lentur)}
.kaki-sosial a:hover::before{opacity:1;transform:rotate(45deg)}
.kaki-pilihan{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:min(100%,var(--lebar));margin:clamp(3rem,6vw,4.5rem) auto 0}
.kaki-pilihan a{position:relative;display:flex;flex-direction:column;gap:.55rem;min-height:8.5rem;padding:1.35rem 3.2rem 1.4rem 1.35rem;border-radius:var(--sudut);background:rgba(255,255,255,.055);transition:background-color .5s var(--halus),translate .8s var(--elastis),scale .8s var(--elastis)}
.kaki-pilihan a:hover,.kaki-pilihan a:focus-visible{background:rgba(255,255,255,.1);translate:0 -.3rem}
.kaki-pilihan a:active{scale:.97;transition:background-color .5s var(--halus),scale .12s var(--halus)}
.kaki-pilihan span{display:flex;align-items:center;gap:.55rem;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(242,243,245,.6)}
.kaki-pilihan strong{font-size:1.0625rem;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:var(--titanium)}
.kaki-pilihan svg{position:absolute;top:1.3rem;right:1.2rem;width:1rem;height:1rem;color:var(--titanium);opacity:.5;transition:opacity .4s,transform .8s var(--elastis)}
.kaki-pilihan a:hover svg{opacity:1;transform:translate(.2rem,-.2rem) scale(1.15)}
.kaki-bawah{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem 2rem;width:min(100%,var(--lebar));margin:clamp(3rem,6vw,5rem) auto 0;font-size:.875rem;color:rgba(242,243,245,.7)}
.kaki-tema{display:inline-flex;gap:2px;padding:2px;border:1px solid rgba(242,243,245,.22);background:var(--kaki-latar)}
.kaki-tema button{padding:.45rem .9rem;border:0;background:transparent;font-size:.8125rem;font-weight:600;color:rgba(242,243,245,.72);transition:background-color .4s,color .4s}
.kaki-tema button:hover{color:var(--titanium)}
.kaki-tema button[aria-pressed="true"]{background:var(--titanium);color:var(--hitam)}
.kaki-logo{position:absolute;z-index:0;left:50%;bottom:0;width:min(100% - 2 * var(--tepi),var(--lebar));color:var(--kaki-logo);transform:translate(-50%,19%);pointer-events:none}

.pembuka{position:relative;min-height:100vh;min-height:100svh;display:grid;align-content:center;padding:13rem var(--tepi) 6rem;background:var(--latar);overflow:hidden}
.pembuka-isi{width:min(100%,var(--lebar));margin:0 auto}
.pembuka h1{max-width:15ch;font-size:clamp(2.465rem,5.78vw,5.95rem);font-weight:300;line-height:1;letter-spacing:-.055em;color:var(--tinta-kuat)}
.pembuka h1 strong{font-weight:900}
.pembuka-visi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,7rem);margin-top:clamp(3rem,6vw,5rem);align-items:end}
.pembuka-visi p{max-width:35rem}
.pembuka-jembatan{display:flex;align-items:center;gap:1.25rem;font-size:.9031rem;font-weight:500;color:var(--tinta-kuat)}
.pembuka-jembatan i{position:relative;display:block;flex:none;width:2px;height:4.5rem;background:var(--garis);overflow:hidden}
.pembuka-jembatan i::after{content:"";position:absolute;left:0;top:0;width:100%;height:40%;background:var(--tinta-kuat);animation:alir 2.6s var(--halus) infinite}
@keyframes alir{from{transform:translateY(-100%)}to{transform:translateY(260%)}}

.indeks-bidang{position:fixed;z-index:50;right:clamp(.75rem,1.4vw,1.5rem);top:50%;display:grid;gap:.75rem;opacity:0;pointer-events:none;transform:translate(1rem,-50%);transition:opacity .6s var(--halus),transform .9s var(--lentur)}
.indeks-bidang.tampil{opacity:1;pointer-events:auto;transform:translate(0,-50%)}
.indeks-bidang a{position:relative;display:grid;place-items:center;width:1.75rem;height:1.75rem}
.indeks-bidang i{display:block;width:.6rem;height:.6rem;box-shadow:0 0 0 1.5px var(--garis-kuat);transform:rotate(45deg);transition:background-color .5s var(--halus),box-shadow .5s var(--halus),transform .9s var(--lentur)}
.indeks-bidang a.aktif i{background:var(--cabang-kuat);box-shadow:0 0 0 1.5px var(--cabang-kuat);transform:rotate(225deg) scale(1.35)}
.indeks-bidang span{position:absolute;right:calc(100% + .5rem);top:50%;padding:.4rem .75rem;background:var(--cabang-kuat);color:var(--cabang-teks);font-size:.6906rem;font-weight:700;white-space:nowrap;opacity:0;transform:translate(.6rem,-50%);pointer-events:none;transition:opacity .4s var(--halus),transform .6s var(--lentur)}
.indeks-bidang a:hover span,.indeks-bidang a:focus-visible span,.indeks-bidang a.baru span{opacity:1;transform:translate(0,-50%)}

.bidang{padding:clamp(6rem,12vw,11rem) 0}
.bidang-kepala{display:grid;gap:1.5rem;max-width:46rem}
.bidang-aksi{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem 2rem;margin-top:2.75rem}
.bidang-aksi .tautan{color:var(--cabang-kuat)}

.konstruksi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2.5rem,6vw,7rem);align-items:start}
.konstruksi-topeng{position:sticky;top:8rem;width:100%;height:min(calc(100vh - 11rem),46rem);height:min(calc(100svh - 11rem),46rem)}
.topeng{position:absolute;overflow:hidden;background:var(--latar-dua);transform:translate3d(0,var(--geser,0px),0);will-change:clip-path,transform}
.topeng img{width:100%;height:100%;object-fit:cover;transform:scale(var(--skala-foto,1.18))}
.topeng-satu{left:0;top:0;width:62%;height:58%;z-index:2}
.topeng-dua{right:0;top:9%;width:47%;height:42%;z-index:3}
.topeng-tiga{left:5%;bottom:0;width:45%;height:45%;z-index:3}
.topeng-empat{right:3%;bottom:5%;width:51%;height:40%;z-index:2}
.topeng-lima{right:-3%;bottom:-3%;width:26%;height:24%;background:var(--cabang-isi);z-index:1}
.tahap{display:grid;gap:4px;margin-top:3rem}
.tahap-butir{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:1.15rem;padding:1.6rem 1.7rem;border-radius:var(--sudut);background:var(--latar-dua);transition:background-color .6s var(--halus),transform .8s var(--lentur)}
.tahap-butir:hover{background:var(--cabang-lembut);transform:translateX(.4rem)}
.tahap-butir svg{width:2.2rem;height:2.2rem;color:var(--cabang-kuat);margin-top:.15rem;transition:transform 1.2s var(--pantul) .25s,opacity .8s var(--halus) .25s}
.tahap-butir:hover svg{transform:rotate(90deg)}
.tahap-butir h3{font-size:1.1156rem;font-weight:700;line-height:1.3;color:var(--tinta-kuat);letter-spacing:-.015em}
.tahap-butir p{margin-top:.5rem;font-size:.9031rem;line-height:1.7;color:var(--tinta-redup)}
.gerak .tahap-butir[data-muncul]{transform:translate3d(4rem,0,0);transition:opacity 1s var(--halus),transform 1.2s var(--lentur),background-color .6s var(--halus)}
.gerak .tahap-butir[data-muncul] svg{opacity:0;transform:rotate(-120deg) scale(.4)}
.gerak .tahap-butir[data-muncul].tampak{transform:none}
.gerak .tahap-butir[data-muncul].tampak svg{opacity:1;transform:none}
.gerak .tahap-butir[data-muncul].tampak:hover{transform:translateX(.4rem)}
.gerak .tahap-butir[data-muncul].tampak:hover svg{transform:rotate(90deg)}

.interior-atas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,7rem);align-items:start}
.interior-teks{display:grid;gap:1.3rem;color:var(--tinta-redup)}
.interior-teks strong{font-weight:700;color:var(--cabang-kuat)}
.ciri{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
.ciri li{padding:.55rem 1rem;border-radius:var(--sudut);background:var(--cabang-lembut);color:var(--cabang-kuat);font-size:.7438rem;font-weight:600}
.mozaik{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.4vw,1.25rem);margin-top:clamp(3.5rem,7vw,6rem);padding-inline:var(--tepi)}
.mozaik-kolom{display:grid;gap:clamp(.75rem,1.4vw,1.25rem);align-content:start}
.mozaik-kolom:nth-child(2){margin-top:clamp(3rem,8vw,8rem)}
.mozaik-kolom:nth-child(3){margin-top:clamp(1rem,3vw,3rem)}
.mozaik figure{position:relative;overflow:hidden;background:var(--latar-dua)}
.mozaik-kolom:nth-child(2) figure:nth-child(2),.mozaik-kolom:nth-child(1) figure:nth-child(3){border-radius:var(--lengkung)}
.mozaik img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--lentur)}
.mozaik figure:hover img{transform:scale(1.05)}
.gerak .mozaik figure[data-muncul]{opacity:1;transform:none;background:transparent}
.gerak .mozaik figure[data-muncul] img{clip-path:inset(100% 0 0 0)}
.gerak .mozaik figure[data-muncul].tampak img{clip-path:inset(0);animation:singkap 1.8s var(--lentur) calc(var(--tunda,0) * 1ms) backwards}
@keyframes singkap{from{clip-path:inset(100% 0 0 0);transform:scale(1.28)}to{clip-path:inset(0);transform:scale(1)}}
.rasio-tinggi{aspect-ratio:3/4}
.rasio-lebar{aspect-ratio:4/3}
.rasio-kotak{aspect-ratio:1}
.mozaik figcaption{position:absolute;left:1rem;bottom:1rem;padding:.45rem .8rem;background:var(--cabang-kuat);font-size:.6906rem;font-weight:600;color:var(--cabang-teks);opacity:0;transform:translateY(.5rem);transition:opacity .5s,transform .7s var(--lentur)}
.mozaik figure:hover figcaption{opacity:1;transform:none}

.petak{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(15rem,auto);gap:4px;margin-top:clamp(3rem,6vw,4.5rem)}
.petak-kartu{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:1.75rem;padding:clamp(1.6rem,2.4vw,2.3rem);border-radius:var(--sudut);background:var(--latar-dua);overflow:hidden}
.petak-kartu h3{font-size:clamp(1.1475rem,1.615vw,1.445rem);font-weight:700;line-height:1.2;letter-spacing:-.025em;color:var(--tinta-kuat)}
.petak-kartu p{margin-top:.5rem;font-size:.9031rem;line-height:1.7;color:var(--tinta-redup)}
.petak-gambar{padding:0}
.petak-gambar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--lentur)}
.petak-gambar:hover img{transform:scale(1.05)}
.petak-lebar{grid-column:span 2}
.petak-tinggi{grid-row:span 2}
.petak-lembut{background:var(--cabang-lembut)}
.petak-kuat{background:var(--cabang-kuat)}
.petak-kuat h3{color:var(--cabang-teks)}
.petak-kuat p{color:var(--cabang-teks);opacity:.82}
.petak-kuat .temu{color:var(--cabang-isi)}
.temu{width:3.4rem;height:2.1rem;color:var(--cabang-kuat);overflow:visible}
.temu circle{transition:transform 1.2s var(--pantul)}
.gerak .petak .temu circle:first-child{transform:translateX(-9px)}
.gerak .petak .temu circle:last-child{transform:translateX(9px)}
.gerak .petak.terbagi .temu circle{transform:none;transition-delay:calc(var(--urut,0) * 85ms + 700ms)}
.petak.selesai .petak-kartu:hover .temu circle:first-child{transform:translateX(5px)}
.petak.selesai .petak-kartu:hover .temu circle:last-child{transform:translateX(-5px)}
.gerak .petak-kartu{opacity:0;transform:translate3d(var(--jauh-datar,0),var(--jauh-tegak,4rem),0) rotate(var(--miring,0deg)) scale(.86)}
.gerak .petak.terbagi .petak-kartu{opacity:1;transform:none;transition:transform 1.3s var(--pantul) calc(var(--urut,0) * 85ms),opacity .6s var(--halus) calc(var(--urut,0) * 85ms)}
.gerak .petak.selesai .petak-kartu{transition:transform .7s var(--lentur),box-shadow .7s var(--lentur)}
.petak.selesai .petak-kartu:hover{transform:translate3d(0,-6px,0);box-shadow:0 26px 40px -30px rgba(var(--bayang),.45);z-index:2}

.surya{position:relative;isolation:isolate;overflow:hidden;padding:clamp(7rem,14vw,12rem) var(--tepi);background:var(--latar)}
.surya>*{position:relative;z-index:1}
.surya>.lensa{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;--kuat:0;--surya-datar:50%;--surya-tegak:20%}
:root[data-tema="gelap"] .lensa{mix-blend-mode:screen}
.lensa span{position:absolute;left:0;top:0;display:block;border-radius:50%;will-change:transform,opacity}
.lensa-silau{inset:0;width:auto!important;height:auto!important;border-radius:0!important;background:radial-gradient(circle at var(--surya-datar) var(--surya-tegak),rgba(217,158,43,.2) 0%,rgba(217,158,43,.08) 22%,rgba(217,158,43,0) 55%);opacity:var(--kuat)}
.lensa-pendar{width:84vmax;height:84vmax;margin:-42vmax 0 0 -42vmax;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 2.4%,rgba(255,236,190,.75) 4.5%,rgba(217,158,43,.42) 9%,rgba(217,158,43,.18) 20%,rgba(217,158,43,.06) 34%,rgba(217,158,43,0) 52%);opacity:var(--kuat)}
.lensa-bintang{width:62vmax;height:62vmax;margin:-31vmax 0 0 -31vmax;opacity:calc(var(--kuat) * .9);-webkit-mask:radial-gradient(circle,#000 0%,rgba(0,0,0,.7) 10%,rgba(0,0,0,0) 52%);mask:radial-gradient(circle,#000 0%,rgba(0,0,0,.7) 10%,rgba(0,0,0,0) 52%)}
.lensa-bintang::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,0) 0deg 5deg,rgba(255,244,214,.55) 6deg,rgba(217,158,43,.3) 7deg,rgba(255,255,255,0) 8.5deg 15deg);animation:putar-sinar 80s linear infinite}
.lensa-bintang::after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 7deg,rgba(255,255,255,0) 0deg 21deg,rgba(255,255,255,.7) 22deg,rgba(255,255,255,0) 23deg 45deg);animation:putar-sinar 140s linear infinite reverse}
@keyframes putar-sinar{to{transform:rotate(360deg)}}
.lensa-garis{width:180vw;height:7px;margin:-3.5px 0 0 -90vw;border-radius:50%!important;background:linear-gradient(90deg,rgba(217,158,43,0) 0%,rgba(217,158,43,.22) 30%,rgba(255,240,205,.95) 50%,rgba(217,158,43,.22) 70%,rgba(217,158,43,0) 100%);filter:blur(1.5px);opacity:calc(var(--kuat) * .85)}
.lensa-cincin{width:26rem;height:26rem;margin:-13rem 0 0 -13rem;background:radial-gradient(circle,rgba(217,158,43,0) 58%,rgba(255,236,190,.3) 64%,rgba(217,158,43,.16) 68%,rgba(142,102,23,.08) 71%,rgba(217,158,43,0) 76%);opacity:var(--kuat)}
.lensa-hantu{width:var(--ukuran);height:var(--ukuran);margin:calc(var(--ukuran) / -2) 0 0 calc(var(--ukuran) / -2);background:radial-gradient(circle,rgba(217,158,43,.08) 0%,rgba(217,158,43,.18) 52%,rgba(240,200,120,.42) 70%,rgba(142,102,23,.16) 82%,rgba(217,158,43,0) 92%);opacity:calc(var(--kuat) * var(--rapat,1))}
.lensa-hantu.isi{background:radial-gradient(circle,rgba(240,200,120,.6) 0%,rgba(217,158,43,.32) 40%,rgba(217,158,43,0) 72%)}
.lensa-hantu.segi{border-radius:0;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);background:radial-gradient(circle,rgba(217,158,43,.26) 0%,rgba(240,200,120,.32) 60%,rgba(142,102,23,.14) 100%)}
.surya-kepala{display:grid;justify-items:center;gap:1.5rem;max-width:52rem;margin:0 auto;text-align:center}
.surya-lukis{max-width:74rem;margin:clamp(3rem,7vw,6rem) auto}
.surya-lukis svg{width:100%;height:auto;overflow:visible}
.lukis-busur{stroke:var(--tinta-redup);opacity:.5}
.lukis-tanah{stroke:var(--garis-kuat)}
.lukis-dinding{fill:var(--latar);stroke:var(--garis-kuat)}
.lukis-atap{stroke:var(--tinta-kuat)}
.lukis-panel{stroke:var(--arang)}
.lukis-pintu{fill:var(--cabang-lembut);stroke:var(--garis-kuat)}
.lukis-bayang{fill:var(--tinta-kuat);opacity:.1}
.lukis-sinar{stroke:var(--kunyit)}
.lukis-cincin{stroke:var(--kunyit);opacity:.7}
.lukis-inti{fill:var(--putih)}
.pendar-tengah{stop-color:var(--putih)}
.pendar-luar{stop-color:var(--kunyit)}
:root[data-tema="gelap"] .lukis-panel{stroke:var(--baja)}
.surya-lukis .jam{font-family:"Poppins",sans-serif;font-size:13.6px;font-weight:600;letter-spacing:.06em;fill:var(--tinta-redup);transition:fill .5s}
.surya-lukis .jam.dekat{fill:var(--cabang-kuat)}
.surya-lukis .batang{fill:var(--garis);transition:fill .5s var(--halus)}
.surya-lukis .batang.isi{fill:var(--kunyit)}
.surya-lukis .kilau{opacity:calc(var(--terik,0) * .5 + var(--kilap,0) * .5)}
.surya-lukis .kilap{fill:var(--putih);filter:drop-shadow(0 0 6px rgba(255,236,190,.95)) drop-shadow(0 0 16px rgba(217,158,43,.8))}
.surya-lukis [data-sinar]{transition:opacity .3s}
.surya-fakta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(2rem,4vw,4rem);max-width:var(--lebar);margin:0 auto}
.fakta h3{font-size:1.1687rem;font-weight:700;line-height:1.28;letter-spacing:-.02em;color:var(--tinta-kuat)}
.fakta p{margin-top:.75rem;font-size:.9031rem;line-height:1.75;color:var(--tinta-redup)}
.fakta svg{width:2.4rem;height:2.4rem;margin-bottom:1.25rem;color:var(--cabang-kuat)}
.surya-catatan{display:grid;justify-items:center;gap:2rem;max-width:42rem;margin:clamp(4rem,8vw,7rem) auto 0;padding:clamp(2rem,4vw,3rem);background:var(--cabang-lembut);text-align:center}
.surya-catatan p{font-size:clamp(1.02rem,1.445vw,1.275rem);font-weight:400;line-height:1.6;color:var(--tinta-kuat)}

.jurnal-pembuka{padding:14rem 0 clamp(3rem,6vw,5rem)}
.jurnal-pembuka h1{max-width:18ch;font-size:clamp(2.38rem,5.27vw,5.27rem);font-weight:300;line-height:1.02;letter-spacing:-.05em;color:var(--tinta-kuat)}
.jurnal-pembuka h1 strong{font-weight:900}
.jurnal-pembuka p{max-width:38rem;margin-top:1.75rem}
.sorotan{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.sorotan-gambar{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--latar-dua)}
.sorotan-gambar img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--lentur)}
.sorotan:hover .sorotan-gambar img{transform:scale(1.04)}
.sorotan h2{margin:1.2rem 0 1.1rem;font-size:clamp(1.615rem,2.805vw,2.635rem);font-weight:700;line-height:1.08;letter-spacing:-.04em;color:var(--tinta-kuat)}
.sorotan p{color:var(--tinta-redup);max-width:33rem}
.sorotan .tombol{margin-top:2.25rem}
.saring{display:flex;flex-wrap:wrap;gap:.5rem;margin:clamp(5rem,10vw,8rem) 0 clamp(2.5rem,5vw,3.5rem)}
.saring button{padding:.7rem 1.2rem;border-radius:var(--sudut);border:1px solid var(--garis-kuat);background:transparent;font-size:.7969rem;font-weight:600;color:var(--tinta-kuat);transition:background-color .4s,color .4s,border-color .4s}
.saring button:hover{border-color:var(--tinta-kuat)}
.saring button[aria-pressed="true"]{background:var(--tinta-kuat);border-color:var(--tinta-kuat);color:var(--latar)}
.kisi-artikel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2.5rem,4.5vw,4rem) clamp(1.25rem,2.4vw,2.25rem);padding-bottom:clamp(5rem,10vw,8rem)}
.kartu-artikel{display:flex;flex-direction:column}
.kartu-artikel[hidden]{display:none}
.kartu-gambar{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--latar-dua);clip-path:inset(0);transition:clip-path .9s var(--lentur)}
.kartu-gambar::after{content:"";position:absolute;left:0;bottom:0;width:2.25rem;height:2.25rem;background:var(--tinta-kuat);transform:scale(0);transform-origin:0 100%;transition:transform .7s var(--lentur)}
.kartu-gambar img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--lentur)}
.kartu-artikel:hover .kartu-gambar{clip-path:inset(3%)}
.kartu-artikel:hover .kartu-gambar::after{transform:scale(1)}
.kartu-artikel:hover .kartu-gambar img{transform:scale(1.08)}
.kartu-artikel .mungil{margin-top:1.4rem}
.kartu-artikel h3{margin-top:.7rem;font-size:clamp(1.105rem,1.445vw,1.3175rem);font-weight:700;line-height:1.25;letter-spacing:-.025em;color:var(--tinta-kuat)}
.kartu-artikel p{margin-top:.7rem;font-size:.9031rem;line-height:1.7;color:var(--tinta-redup)}
.titik-pisah{width:.3rem;height:.3rem;background:currentColor;opacity:.6;transform:rotate(45deg)}
.sampul-gambar{display:block;position:relative;overflow:hidden;background:var(--latar-dua)}
.sampul-gambar svg{position:absolute;inset:0;width:100%;height:100%}
.kartu-gambar .sampul-gambar,.sorotan-gambar .sampul-gambar,.artikel-gambar .sampul-gambar{position:absolute;inset:0}

.artikel{padding-top:clamp(11rem,16vw,14rem)}
.artikel-kepala{width:min(100% - 2 * var(--tepi),56rem);margin:0 auto;text-align:center}
.artikel-kepala .mungil{justify-content:center;flex-wrap:wrap}
.artikel-kepala .mungil a{color:var(--tinta-kuat)}
.artikel-kepala h1{margin-top:1.4rem;font-size:clamp(1.955rem,4.25vw,3.91rem);font-weight:700;line-height:1.04;letter-spacing:-.045em;color:var(--tinta-kuat)}
.artikel-ringkas{margin:1.75rem auto 0;max-width:42rem;font-size:clamp(1.003rem,1.36vw,1.19rem);font-weight:400;line-height:1.65;color:var(--tinta-redup)}
.artikel-gambar{--buka-tegak:6%;--buka-datar:8%;position:relative;height:min(74vh,46rem);height:min(74svh,46rem);margin:clamp(3rem,6vw,5rem) var(--tepi) 0;overflow:hidden;background:var(--latar-dua)}
.artikel-gambar img{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover}
.artikel-isi{width:min(100% - 2 * var(--tepi),44rem);margin:clamp(3.5rem,7vw,6rem) auto 0}
.artikel-isi>*+*{margin-top:1.5rem}
.artikel-isi p,.artikel-isi li{font-size:1.0094rem;line-height:1.85;color:var(--tinta)}
.artikel-isi h2{margin-top:3.5rem;font-size:clamp(1.36rem,2.04vw,1.785rem);font-weight:700;line-height:1.2;letter-spacing:-.025em;color:var(--tinta-kuat)}
.artikel-isi h3{margin-top:2.5rem;font-size:1.1156rem;font-weight:700;line-height:1.3;color:var(--tinta-kuat)}
.artikel-isi ul{display:grid;gap:.7rem;padding-left:1.4rem}
.artikel-isi ul li{position:relative}
.artikel-isi ul li::before{content:"";position:absolute;left:-1.3rem;top:.72em;width:.42rem;height:.42rem;background:var(--tinta-kuat)}
.artikel-isi strong{font-weight:700;color:var(--tinta-kuat)}
.artikel-isi a{font-weight:600;color:var(--tinta-kuat);background:linear-gradient(currentColor,currentColor) 0 100%/100% 2px no-repeat}
.artikel-isi blockquote{margin:3rem 0;padding:clamp(1.75rem,3vw,2.5rem);background:var(--latar-dua);font-size:clamp(1.19rem,1.785vw,1.4875rem);font-weight:600;line-height:1.4;letter-spacing:-.02em;color:var(--tinta-kuat)}
.artikel-ajakan{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;width:min(100% - 2 * var(--tepi),56rem);margin:clamp(4rem,8vw,6rem) auto 0;padding:clamp(1.9rem,3.5vw,3rem);background:var(--cabang-kuat);color:var(--cabang-teks)}
.artikel-ajakan p{font-size:clamp(1.105rem,1.615vw,1.36rem);font-weight:700;line-height:1.3;letter-spacing:-.02em}
.artikel-ajakan small{display:block;margin-top:.5rem;font-size:.7969rem;opacity:.82}
.terkait{padding:clamp(5rem,10vw,8rem) 0 0}
.terkait .kisi-artikel{margin-top:2.5rem}

.tentang-sampul{display:grid;grid-template-columns:40% 60%;min-height:100vh;min-height:100svh}
.tentang-foto{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;background:var(--hitam);color:var(--titanium)}
.tentang-foto img{position:absolute;left:0;top:-7%;width:100%;height:114%;object-fit:cover}
.tentang-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.66) 100%)}
.gerak .tentang-foto{animation:geser-buka 1.8s var(--lentur) .1s backwards}
@keyframes geser-buka{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
.tentang-logo{position:absolute;z-index:1;left:50%;bottom:clamp(2rem,6vh,4rem);width:max-content;font-size:clamp(.98rem,1.7vw,1.56rem);transform:translateX(-50%)}
.tentang-catatan{display:flex;align-items:center;padding:12rem clamp(1.75rem,6vw,7rem) 5rem}
.tentang-catatan p{max-width:42rem;font-size:clamp(1.19rem,1.955vw,1.9125rem);font-weight:400;line-height:1.42;letter-spacing:-.02em;color:var(--tinta-kuat)}
.tentang-catatan strong{font-weight:800}

.pengalaman{padding:clamp(7rem,13vw,11rem) var(--tepi);background:var(--latar-dua)}
.ketik{max-width:22ch;min-height:2.3em;font-size:clamp(1.785rem,3.995vw,3.825rem);font-weight:300;line-height:1.08;letter-spacing:-.045em;color:var(--tinta-kuat)}
.ketik-ubah{font-weight:900;letter-spacing:-.05em}
.ketik-kursor{display:inline-block;width:.08em;height:.9em;margin-left:.06em;background:var(--tinta-kuat);vertical-align:-.1em;animation:kedip 1.05s steps(1) infinite}
@keyframes kedip{50%{opacity:0}}
.garis-waktu{position:relative;max-width:68rem;margin:clamp(4rem,8vw,7rem) auto 0}
.garis-sumbu{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--garis);overflow:hidden}
.garis-sumbu span{position:absolute;inset:0;background:var(--tinta-kuat);transform-origin:50% 0;transform:scaleY(var(--isi,1))}
.gerak .garis-sumbu span{transform:scaleY(var(--isi,0))}
.waktu-butir{position:relative;width:50%;padding:0 3.75rem clamp(3rem,6vw,4.5rem) 0;text-align:right}
.waktu-butir.kanan{margin-left:50%;padding:0 0 clamp(3rem,6vw,4.5rem) 3.75rem;text-align:left}
.waktu-titik{position:absolute;top:.35rem;right:-.45rem;width:.9rem;height:.9rem;background:var(--latar-dua);box-shadow:0 0 0 2px var(--tinta-redup);transform:rotate(45deg);transition:background-color .6s var(--halus),box-shadow .8s var(--lentur),transform .8s var(--lentur)}
.waktu-butir.kanan .waktu-titik{right:auto;left:-.45rem}
.waktu-butir.lewat .waktu-titik{background:var(--tinta-kuat);box-shadow:0 0 0 6px var(--garis);transform:rotate(225deg)}
.waktu-tanda{font-size:.6906rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-redup)}
.waktu-butir h3{margin:.45rem 0 .6rem;font-size:clamp(1.2325rem,1.785vw,1.615rem);font-weight:700;line-height:1.2;letter-spacing:-.03em;color:var(--tinta-kuat)}
.waktu-butir p{font-size:.9031rem;line-height:1.75;color:var(--tinta-redup)}
.waktu-butir>div{transition:opacity .9s var(--halus),transform 1.1s var(--lentur)}
.gerak .waktu-butir>div{opacity:.25;transform:translateY(1.5rem)}
.gerak .waktu-butir.lewat>div{opacity:1;transform:none}

.kontak{padding:clamp(6rem,12vw,10rem) var(--tepi);background:var(--latar)}
.kontak-wadah{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:4px;width:min(100%,var(--lebar));margin:0 auto}
.formulir{display:flex;flex-direction:column;gap:1rem;padding:clamp(1.75rem,4vw,3.75rem);background:var(--latar-dua)}
.formulir .judul-sedang{margin-bottom:.5rem}
.formulir>p{margin-bottom:1rem}
.isian{position:relative}
.isian input,.isian textarea{display:block;width:100%;padding:1.7rem 1.25rem .7rem;border:1px solid var(--garis);border-radius:var(--sudut);background:var(--latar);font-size:.9031rem;line-height:1.5;color:var(--tinta-kuat);outline:0;transition:border-color .4s,box-shadow .4s}
.isian textarea{min-height:10rem;resize:vertical}
.isian label{position:absolute;left:1.25rem;top:1.15rem;font-size:.9031rem;color:var(--tinta-redup);pointer-events:none;transform-origin:0 0;transition:transform .45s var(--lentur),color .4s}
.isian input:focus,.isian textarea:focus{border-color:var(--tinta-kuat);box-shadow:0 0 0 1px var(--tinta-kuat)}
.isian input:focus+label,.isian input:not(:placeholder-shown)+label,.isian textarea:focus+label,.isian textarea:not(:placeholder-shown)+label{transform:translateY(-.66rem) scale(.74);color:var(--tinta-kuat)}
.isian-ganda{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.pilihan{display:flex;flex-wrap:wrap;gap:.5rem;padding:.25rem 0 .5rem}
.pilihan legend{width:100%;margin-bottom:.75rem;font-size:.7969rem;font-weight:500;color:var(--tinta-redup)}
.pilihan input{position:absolute;opacity:0;pointer-events:none}
.pilihan label{position:relative;padding:.65rem 1.1rem;border-radius:var(--sudut);border:1px solid var(--garis-kuat);font-size:.7969rem;font-weight:600;color:var(--tinta-kuat);cursor:pointer;transition:background-color .4s,color .4s,border-color .4s}
.pilihan label:hover{border-color:var(--tinta-kuat)}
.pilihan input:checked+label{background:var(--tinta-kuat);border-color:var(--tinta-kuat);color:var(--latar)}
.pilihan input:focus-visible+label{outline:2px solid var(--tinta-kuat);outline-offset:3px}
.jebakan{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.formulir-kaki{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-top:.75rem}
.formulir-kaki small{max-width:22rem;font-size:.7438rem;line-height:1.55;color:var(--tinta-redup)}
.formulir-status{min-height:1.5rem;font-size:.85rem;font-weight:500;color:var(--tinta-kuat)}
.formulir-status.gagal{color:var(--merah)}
:root[data-tema="gelap"] .formulir-status.gagal{color:var(--kunyit)}
.peta{position:relative;min-height:30rem;overflow:hidden;background:var(--latar-dua)}
.peta iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.05)}
:root[data-tema="gelap"] .peta iframe{filter:grayscale(1) invert(.92) contrast(.92)}
.peta-kartu{position:absolute;left:1rem;right:1rem;bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.4rem;background:var(--kaca-gelap);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--titanium)}
.peta-kartu p{font-size:.85rem;line-height:1.5;font-weight:500}
.peta-kartu a{font-size:.7969rem;color:var(--titanium)}

.galeri{position:relative;padding-top:clamp(6rem,12vw,10rem)}
.galeri-kepala{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1.5rem 3rem}
.galeri-kepala p{max-width:32rem;margin-top:1rem}
.galeri-petunjuk{display:inline-flex;align-items:center;gap:.8rem;font-size:.7438rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-redup)}
.galeri-petunjuk i{position:relative;display:block;width:3.5rem;height:2px;background:var(--garis)}
.galeri-petunjuk i::after{content:"";position:absolute;left:0;top:-3px;width:8px;height:8px;background:var(--tinta-kuat);animation:petunjuk-geser 2.6s var(--halus) infinite}
@keyframes petunjuk-geser{0%,10%{transform:translateX(0) rotate(0)}50%,60%{transform:translateX(calc(3.5rem - 8px)) rotate(180deg)}100%{transform:translateX(0) rotate(360deg)}}
.pameran{position:relative}
.pameran-lekat{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;overflow:clip;cursor:grab;user-select:none;-webkit-user-select:none}
.pameran-lekat.seret{cursor:grabbing}
.pameran-lajur{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;gap:clamp(5rem,12svh,9rem);width:max-content;padding:0 clamp(2rem,10vw,10rem) 0 var(--tepi);transform:translate3d(var(--lajur,0px),0,0);will-change:transform}
.pameran-huruf{position:relative;display:flex;align-items:flex-end;gap:clamp(.35rem,.9vw,.9rem);height:min(64svh,42rem);padding-top:4svh;flex:none}
.huruf-butir{--angkat:0;position:relative;height:100%;flex:none;transform:translate3d(0,var(--naik,0px),0) rotate(var(--putar,0deg));transform-origin:50% 100%;will-change:transform;filter:drop-shadow(0 calc(12px + var(--angkat) * 22px) calc(14px + var(--angkat) * 22px) rgba(var(--bayang),calc(.16 + var(--angkat) * .14)))}
.huruf-satu{aspect-ratio:591/862}
.huruf-dua{aspect-ratio:595/862}
.huruf-tiga{aspect-ratio:592/862}
.huruf-empat{aspect-ratio:579/862}
.huruf-kartu{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:var(--latar-dua);cursor:inherit;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform:perspective(1000px) rotateX(var(--angguk,0deg)) rotateY(var(--toleh,0deg)) scale(var(--skala,1));transition:transform .7s var(--lentur)}
.huruf-satu .huruf-kartu{-webkit-mask-image:url("images/bode-logo-letter-b-mask.png");mask-image:url("images/bode-logo-letter-b-mask.png")}
.huruf-dua .huruf-kartu{-webkit-mask-image:url("images/bode-logo-letter-o-mask.png");mask-image:url("images/bode-logo-letter-o-mask.png")}
.huruf-tiga .huruf-kartu{-webkit-mask-image:url("images/bode-logo-letter-d-mask.png");mask-image:url("images/bode-logo-letter-d-mask.png")}
.huruf-empat .huruf-kartu{-webkit-mask-image:url("images/bode-logo-letter-e-mask.png");mask-image:url("images/bode-logo-letter-e-mask.png")}
.huruf-kartu img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;transform:scale(1.14) translate3d(var(--foto-datar,0px),0,0);transition:transform 1.4s var(--lentur)}
.huruf-kartu:hover img{transform:scale(1.22) translate3d(var(--foto-datar,0px),0,0)}
.huruf-kartu::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at var(--cahaya-datar,50%) var(--cahaya-tegak,30%),rgba(255,255,255,.34),rgba(255,255,255,0) 48%);opacity:0;transition:opacity .5s var(--halus)}
.huruf-kartu:hover::after{opacity:1}
.pameran-papan{position:relative;flex:none;height:100%;width:calc(var(--panjang,150) * 1svh)}
.papan-butir{position:absolute;left:calc(var(--letak-datar) * 1svh);top:calc(var(--letak-tegak) * 1svh);width:calc(var(--lebar-cetak) * 1svh);transform:rotate(calc(var(--miring-cetak,0) * 1deg + var(--ayun,0deg)));transform-origin:50% 0}
.papan-paku{position:absolute;z-index:3;left:50%;top:-.35rem;width:.9rem;height:.9rem;margin-left:-.45rem;border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 42%),var(--arang);box-shadow:0 2px 2px rgba(0,0,0,.3),0 7px 9px -5px rgba(0,0,0,.45)}
:root[data-tema="gelap"] .papan-paku{background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 46%),var(--baja)}
.papan-kartu{position:relative;display:block;width:100%;padding:.6svh .6svh 0;border:0;background:var(--putih);color:var(--arang);text-align:left;cursor:inherit;box-shadow:0 1px 1px rgba(0,0,0,.06),0 14px 22px -12px rgba(0,0,0,.3),0 34px 44px -34px rgba(0,0,0,.28);transition:box-shadow .6s var(--lentur),translate .7s var(--elastis)}
:root[data-tema="gelap"] .papan-kartu{background:var(--titanium);box-shadow:0 1px 1px rgba(0,0,0,.4),0 18px 30px -14px rgba(0,0,0,.8)}
.papan-kartu:hover,.papan-kartu:focus-visible{translate:0 -5px;box-shadow:0 1px 1px rgba(0,0,0,.06),0 24px 30px -14px rgba(0,0,0,.34),0 50px 60px -40px rgba(0,0,0,.3)}
.papan-kartu.lengkung,.papan-kartu.lengkung .papan-foto{border-radius:var(--lengkung)}
.papan-foto{display:block;width:100%;aspect-ratio:var(--rasio,4/3);overflow:hidden;background:var(--latar-dua)}
.papan-foto img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;transition:transform 1.2s var(--lentur)}
.papan-kartu:hover .papan-foto img{transform:scale(1.06)}
.papan-teks{display:block;padding:1.1svh .25svh 1.3svh;font-size:clamp(.6375rem,1.3175svh,.7969rem);font-weight:600;line-height:1.3;letter-spacing:-.005em;color:var(--arang)}
.pameran-progres{position:absolute;left:var(--tepi);right:var(--tepi);bottom:2rem;height:2px;background:var(--garis)}
.pameran-progres span{position:absolute;inset:0;background:var(--tinta-kuat);transform-origin:0 50%;transform:scaleX(var(--maju,0))}

.jendela{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--tinta);overflow:hidden}
.jendela::backdrop{background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.jendela-isi{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:4px;height:100%;padding:clamp(.75rem,2.5vw,2.25rem)}
.jendela-foto{position:relative;overflow:hidden;background:var(--hitam)}
.jendela-foto img{width:100%;height:100%;object-fit:cover}
.jendela[open] .jendela-foto{animation:jendela-buka 1.1s var(--lentur)}
@keyframes jendela-buka{from{clip-path:inset(12% 10%)}to{clip-path:inset(0)}}
.jendela-teks{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:clamp(1.75rem,3vw,3rem);background:var(--latar);overflow-y:auto}
.jendela[open] .jendela-teks{animation:jendela-teks .9s var(--lentur) .1s backwards}
@keyframes jendela-teks{from{opacity:0;transform:translateX(2rem)}}
.jendela-teks h2{margin:1rem 0 1.25rem;font-size:clamp(1.445rem,2.21vw,2.04rem);font-weight:700;line-height:1.12;letter-spacing:-.035em;color:var(--tinta-kuat)}
.jendela-teks p{color:var(--tinta-redup)}
.jendela-bawah{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.jendela-hitung{font-size:.7438rem;font-weight:600;letter-spacing:.08em;color:var(--tinta-redup)}
.jendela-arah{display:flex;gap:4px}
.jendela-arah button,.jendela-tutup{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:var(--sudut);border:1px solid var(--garis-kuat);background:var(--latar);color:var(--tinta-kuat);transition:background-color .4s,color .4s,border-color .4s}
.jendela-arah button:hover,.jendela-tutup:hover{background:var(--tinta-kuat);border-color:var(--tinta-kuat);color:var(--latar)}
.jendela-arah svg,.jendela-tutup svg{width:1.15rem;height:1.15rem}
.jendela-tutup{position:absolute;top:1.25rem;right:1.25rem}

[data-besar]{cursor:zoom-in}
.pameran-lekat [data-besar]{cursor:inherit}
.pameran-lekat:not(.seret) [data-besar]:hover{cursor:zoom-in}
figure[data-besar]:focus-visible{outline:2px solid var(--tinta-kuat);outline-offset:4px}

.tanya{padding:clamp(6rem,12vw,10rem) var(--tepi) clamp(4rem,8vw,7rem)}
.tanya-wadah{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,7rem);align-items:start;width:min(100%,var(--lebar));margin:0 auto}
.tanya-kepala{position:sticky;top:8rem;display:grid;gap:1.25rem}
.tanya-daftar{display:grid;gap:4px}
.tanya-butir{border-radius:var(--sudut);background:var(--latar-dua);transition:background-color .5s var(--halus),translate .8s var(--elastis)}
.tanya-butir:hover{translate:.35rem 0}
.tanya-butir[open]{background:var(--latar-dua);translate:0 0}
.tanya-butir summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.45rem 1.6rem;cursor:pointer;list-style:none;font-size:clamp(.935rem,1.2325vw,1.105rem);font-weight:700;line-height:1.35;letter-spacing:-.015em;color:var(--tinta-kuat)}
.tanya-butir summary::-webkit-details-marker{display:none}
.tanya-butir summary:active .tanda-buka{scale:.86;transition:transform .8s var(--elastis),background-color .4s,scale .1s}
.tanda-buka{position:relative;flex:none;width:2.4rem;height:2.4rem;border-radius:var(--sudut);background:var(--latar);transition:transform .9s var(--elastis),background-color .4s var(--halus),scale .7s var(--elastis)}
.tanda-buka::before,.tanda-buka::after{content:"";position:absolute;left:50%;top:50%;width:.9rem;height:2px;margin:-1px 0 0 -.45rem;background:var(--tinta-kuat);transition:transform .9s var(--elastis),background-color .4s var(--halus)}
.tanda-buka::after{transform:rotate(90deg)}
.tanya-butir summary:hover .tanda-buka{transform:rotate(90deg)}
.tanya-butir[open] .tanda-buka{background:var(--tinta-kuat);transform:rotate(180deg)}
.tanya-butir[open] .tanda-buka::before,.tanya-butir[open] .tanda-buka::after{background:var(--latar)}
.tanya-butir[open] .tanda-buka::after{transform:rotate(0)}
.tanya-jawab{overflow:hidden}
.tanya-jawab p{max-width:44rem;padding:0 1.6rem 1.6rem;font-size:.9031rem;line-height:1.75;color:var(--tinta-redup)}

.galat{min-height:100vh;min-height:100svh;display:grid;place-content:center;justify-items:center;gap:1.75rem;padding:10rem var(--tepi);text-align:center}
.galat h1{font-size:clamp(2.21rem,5.1vw,4.675rem);font-weight:300;line-height:1.02;letter-spacing:-.05em;color:var(--tinta-kuat);max-width:16ch}
.galat h1 strong{font-weight:900}

.artikel-isi ol{display:grid;gap:.7rem;padding-left:1.5rem;list-style:decimal}
.artikel-isi ol li::marker{font-weight:700;color:var(--tinta-kuat)}
.artikel-isi ul ul,.artikel-isi ol ol,.artikel-isi ul ol,.artikel-isi ol ul{margin-top:.7rem}
.artikel-isi em{font-style:italic}
.artikel-isi hr{width:3.2rem;height:2px;margin:3.5rem auto;border:0;background:var(--garis-kuat)}
.artikel-isi .isi-gambar{width:min(56rem,100vw - 2 * var(--tepi));margin:3rem 0 3rem 50%;translate:-50% 0}
.artikel-isi .isi-gambar.lebar{width:calc(100vw - 2 * var(--tepi))}
.isi-gambar img{display:block;width:100%;height:auto;background:var(--latar-dua)}
.isi-gambar figcaption{max-width:44rem;margin-top:.85rem;font-size:.7969rem;line-height:1.55;color:var(--tinta-redup)}
.isi-gambar.lebar figcaption{padding-inline:.25rem}
.tulisan-latar .sampul-gambar,.belah-bingkai .sampul-gambar,.panduan-foto .sampul-gambar,.cerita-sampul .sampul-gambar{position:absolute;inset:0}

.templat-sampul{padding-top:0}
.tulisan-sampul{position:relative;display:flex;align-items:flex-end;min-height:100vh;min-height:100svh;overflow:hidden;background:var(--hitam);color:var(--titanium)}
.tulisan-latar{position:absolute;inset:0}
.tulisan-latar img{position:absolute;left:0;top:-7%;width:100%;height:114%;object-fit:cover}
.gerak .tulisan-latar{animation:sampul-buka 1.8s var(--lentur) backwards}
.tulisan-sampul::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,.12) 52%,rgba(0,0,0,.8) 100%);pointer-events:none}
.tulisan-judul{position:relative;z-index:1;width:min(100% - 2 * var(--tepi),var(--lebar));margin:0 auto;padding-bottom:clamp(3rem,9vh,6.5rem)}
.tulisan-judul .mungil{flex-wrap:wrap;color:rgba(242,243,245,.78)}
.tulisan-judul .mungil a{color:var(--titanium)}
.tulisan-judul h1{max-width:17ch;margin-top:1.2rem;font-size:clamp(2.21rem,5.44vw,5.61rem);font-weight:800;line-height:.98;letter-spacing:-.05em;color:var(--putih)}
.tulisan-judul .artikel-ringkas{max-width:40rem;margin:1.6rem 0 0;color:rgba(242,243,245,.84)}
.templat-sampul .artikel-isi{margin-top:clamp(4rem,8vw,7rem)}

.templat-belah{padding-top:0}
.belah{display:grid;grid-template-columns:42% minmax(0,1fr);align-items:start}
.belah-foto{position:sticky;top:0;height:100vh;height:100svh;padding:.75rem 0 .75rem .75rem}
.belah-bingkai{position:relative;height:100%;overflow:hidden;background:var(--latar-dua)}
.belah-bingkai img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--lentur)}
.belah-bingkai:hover img{transform:scale(1.03)}
.gerak .belah-bingkai{animation:geser-buka 1.6s var(--lentur) .1s backwards}
.belah-teks{padding:clamp(11rem,16vw,14rem) clamp(1.5rem,5vw,6rem) 0}
.belah .artikel-kepala{width:auto;margin:0;text-align:left}
.belah .artikel-kepala .mungil{justify-content:flex-start}
.belah .artikel-kepala h1{font-size:clamp(1.87rem,3.4vw,3.315rem)}
.belah .artikel-ringkas{margin-left:0}
.belah .artikel-isi{width:auto;max-width:44rem;margin:clamp(2.5rem,5vw,4rem) 0 0}
.belah .artikel-isi .isi-gambar,.belah .artikel-isi .isi-gambar.lebar{width:100%;margin-left:0;translate:none}

.panduan-kepala{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:end;width:min(100% - 2 * var(--tepi),var(--lebar));margin:0 auto}
.panduan-judul .mungil{flex-wrap:wrap}
.panduan-judul .mungil a{color:var(--tinta-kuat)}
.panduan-judul h1{margin-top:1.3rem;font-size:clamp(1.955rem,3.91vw,3.74rem);font-weight:700;line-height:1.04;letter-spacing:-.045em;color:var(--tinta-kuat)}
.panduan-judul .artikel-ringkas{margin:1.5rem 0 0}
.panduan-foto{position:relative;aspect-ratio:4/5;max-height:70vh;overflow:hidden;border-radius:var(--lengkung);background:var(--latar-dua)}
.panduan-foto img{width:100%;height:100%;object-fit:cover}
.gerak .panduan-foto{animation:bangkit-foto 1.5s var(--lentur) .15s backwards}
@keyframes bangkit-foto{from{transform:translateY(3rem);clip-path:inset(100% 0 0 0)}to{transform:none;clip-path:inset(0)}}
.panduan-tubuh{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:start;width:min(100% - 2 * var(--tepi),70rem);margin:clamp(4rem,8vw,6rem) auto 0}
.panduan-indeks{position:sticky;top:8rem;display:grid;gap:.2rem;padding:.6rem;border-radius:var(--sudut);background:var(--latar-dua)}
.panduan-indeks:not(:has(a)){display:none}
.panduan-indeks a{position:relative;display:block;padding:.6rem .7rem .6rem 1.65rem;border-radius:var(--sudut);font-size:.7438rem;font-weight:500;line-height:1.35;color:var(--tinta-redup);transition:background-color .45s var(--halus),color .45s var(--halus),translate .7s var(--elastis)}
.panduan-indeks a::before{content:"";position:absolute;left:.7rem;top:1.08em;width:.34rem;height:.34rem;background:currentColor;opacity:.45;transform:rotate(45deg) scale(.7);transition:transform .7s var(--elastis),opacity .3s}
.panduan-indeks a:hover{color:var(--tinta-kuat);translate:.2rem 0}
.panduan-indeks a[aria-current="true"]{background:var(--latar);color:var(--tinta-kuat);font-weight:700}
.panduan-indeks a[aria-current="true"]::before{opacity:1;transform:rotate(45deg) scale(1.25)}
.templat-panduan .artikel-isi{width:auto;margin:0}
.templat-panduan .artikel-isi h2{scroll-margin-top:7rem}
.templat-panduan .artikel-isi .isi-gambar,.templat-panduan .artikel-isi .isi-gambar.lebar{width:100%;margin-left:0;translate:none}

.cerita-kepala{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:1.5rem clamp(2rem,5vw,5rem);align-items:end;width:min(100% - 2 * var(--tepi),var(--lebar));margin:0 auto}
.cerita-kepala .mungil{grid-column:1/-1;flex-wrap:wrap}
.cerita-kepala .mungil a{color:var(--tinta-kuat)}
.cerita-kepala h1{font-size:clamp(2.38rem,5.95vw,6.12rem);font-weight:300;line-height:.98;letter-spacing:-.055em;color:var(--tinta-kuat)}
.cerita-kepala .artikel-ringkas{margin:0;padding-bottom:.6rem}
.cerita-sampul{--buka-tegak:4%;--buka-datar:6%;position:relative;width:min(100% - 2 * var(--tepi),76rem);aspect-ratio:16/10;margin:clamp(3rem,6vw,5rem) auto 0;overflow:hidden;border-radius:var(--lengkung);background:var(--latar-dua)}
.cerita-sampul img{position:absolute;left:0;top:-5%;width:100%;height:110%;object-fit:cover}
.artikel-isi.cerita-isi{width:min(100% - 2 * var(--tepi),40rem)}
.cerita-isi>p:first-child::first-letter{float:left;margin:.06em .12em 0 0;font-size:4.4em;font-weight:800;line-height:.8;color:var(--tinta-kuat)}
.cerita-isi .isi-gambar{width:min(68rem,100vw - 2 * var(--tepi));margin-block:clamp(3rem,6vw,5rem)}
.cerita-isi .isi-gambar.lebar{width:100vw}
.cerita-isi .isi-gambar.lebar figcaption{padding-inline:var(--tepi)}

.galeri-halaman{position:relative}
.hamparan{position:relative;background:var(--latar)}
.hamparan-lapis{columns:4 16rem;column-gap:clamp(1.5rem,3vw,3rem);padding:clamp(11rem,16vw,14rem) var(--tepi) 4rem}
.hampar-ubin{position:relative;display:block;width:100%;margin:0 0 clamp(1.5rem,3vw,3rem);padding:0;border:0;background:none;text-align:left;color:var(--tinta);break-inside:avoid}
.ubin-foto{display:block;width:100%;aspect-ratio:var(--rasio,4/3);overflow:hidden;border-radius:var(--sudut);background:var(--latar-dua);transition:scale .9s var(--elastis)}
.ubin-foto img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;transition:transform 1.4s var(--lentur)}
.hampar-ubin:hover .ubin-foto img,.hampar-ubin:focus-visible .ubin-foto img{transform:scale(1.06)}
.hampar-ubin:active .ubin-foto{scale:.96;transition:scale .15s var(--halus)}
.ubin-teks{display:block;margin-top:.6rem;font-size:.6906rem;font-weight:600;line-height:1.35;color:var(--tinta-redup)}
.hamparan-kartu{position:relative;z-index:2;display:grid;gap:1rem;justify-items:start;width:min(100% - 2 * var(--tepi),28rem);margin:0 var(--tepi) 3rem}
.hamparan-kartu h1{font-size:clamp(1.445rem,2.21vw,2.04rem);font-weight:400;line-height:1.1;letter-spacing:-.03em;color:var(--tinta-kuat)}
.hamparan-kartu h1 strong{font-weight:800}
.hamparan-kartu p{font-size:.7969rem;line-height:1.6;color:var(--tinta-redup)}
.hamparan-turun{display:none;align-items:center;gap:.6rem;padding:.65rem 1rem;border:0;border-radius:var(--sudut);background:var(--tinta-kuat);color:var(--latar);font-size:.7438rem;font-weight:600;transition:scale .7s var(--elastis)}
.hamparan-turun svg{width:1rem;height:1rem;transition:transform .7s var(--elastis)}
.hamparan-turun:hover svg{transform:translateY(.2rem)}
.hamparan-turun:active{scale:.94;transition:scale .12s}
.hamparan.hidup{height:100vh;height:100svh;overflow:hidden;overflow:clip;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;outline:none}
.hamparan.hidup.seret{cursor:grabbing}
.hamparan.hidup .hamparan-lapis{position:absolute;inset:0;columns:auto;padding:0}
.hamparan.hidup .hampar-ubin{position:absolute;left:0;top:0;width:var(--kolom,18rem);margin:0;cursor:inherit;will-change:transform}
.hamparan.hidup .ubin-foto{scale:calc(1 - var(--laju,0) * .07);transition:none}
.hamparan.hidup:not(.seret) .hampar-ubin:hover{cursor:zoom-in}
.hamparan.hidup .ubin-teks{position:absolute;left:0;right:0;top:100%;opacity:0;translate:0 -.3rem;transition:opacity .4s var(--halus),translate .6s var(--elastis)}
.hamparan.hidup .hampar-ubin:hover .ubin-teks,.hamparan.hidup .hampar-ubin:focus-visible .ubin-teks{opacity:1;translate:0 0}
.gerak .hamparan.hidup .ubin-foto{animation:timbul 1.3s var(--elastis) calc(var(--jarak,0) * 1ms + 200ms) backwards}
@keyframes timbul{from{opacity:0;transform:scale(.55)}}
.hamparan.hidup .hamparan-kartu{position:absolute;left:var(--tepi);bottom:clamp(1.5rem,4vh,2.75rem);margin:0;padding:1.5rem 1.6rem 1.6rem;border-radius:var(--sudut);background:var(--kaca);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);box-shadow:0 30px 60px -36px rgba(0,0,0,.45);cursor:auto}
.hamparan.hidup .hamparan-turun{display:inline-flex}
@media (max-width:52rem){
.belah{grid-template-columns:1fr}
.belah-foto{position:relative;height:64vh;height:64svh;padding:0}
.belah-teks{padding:2.75rem var(--tepi) 0}
.panduan-kepala,.cerita-kepala{grid-template-columns:1fr}
.panduan-foto{aspect-ratio:4/3}
.panduan-tubuh{grid-template-columns:1fr}
.panduan-indeks{position:relative;top:0}
.cerita-sampul{aspect-ratio:4/5}
}
@media (max-width:47.99rem){
.hamparan-lapis{columns:2;column-gap:1rem;padding-top:7.5rem}
.hamparan.hidup .hamparan-kartu{top:4.75rem;bottom:auto;right:auto;width:auto;max-width:calc(100% - 2 * var(--tepi));gap:.65rem;padding:.85rem 1rem}
.hamparan-kartu h1{font-size:1.0625rem}
.hamparan-turun{padding:.5rem .8rem;font-size:.6906rem}
.hamparan.hidup .hamparan-kartu p{display:none}
}
.kreatif{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2rem,6vw,7rem);align-items:start;margin-top:clamp(2rem,5vw,4rem)}
.kreatif-daftar{display:grid}
.kreatif-butir{display:grid;align-content:center;gap:.9rem;min-height:52vh;min-height:52svh;padding:2rem 0;opacity:.3;transition:opacity .8s var(--halus)}
.kreatif-butir.aktif{opacity:1}
.kreatif-tanda{justify-self:start;padding:.3rem .6rem;border-radius:var(--sudut);background:var(--cabang-lembut);font-size:.6906rem;font-weight:800;letter-spacing:.06em;color:var(--cabang-kuat);transition:background-color .6s var(--halus),color .6s var(--halus)}
.kreatif-butir.aktif .kreatif-tanda{background:var(--cabang-kuat);color:var(--cabang-teks)}
.kreatif-butir h3{font-size:clamp(1.445rem,2.295vw,2.21rem);font-weight:700;line-height:1.1;letter-spacing:-.035em;color:var(--tinta-kuat)}
.kreatif-butir p{max-width:31rem;color:var(--tinta-redup)}
.kreatif-panggung{position:sticky;top:10rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;height:calc(100vh - 12.5rem);height:calc(100svh - 12.5rem);min-height:24rem}
.bidik-bingkai{position:relative;flex:none;width:100%;height:60%;overflow:hidden;background:var(--jelaga);color:var(--kertas);box-shadow:0 40px 70px -46px rgba(23,22,15,.7)}
.bidik-bingkai img{width:100%;height:100%;object-fit:cover;filter:blur(var(--fokus,0px));transform:scale(1.03)}
.bidik-bingkai .bidik-sudut{transform:none}
.bidik-bingkai::after{content:"";position:absolute;inset:0;z-index:4;background:var(--kertas);opacity:0;pointer-events:none}
.bidik-bingkai.jepret::after{animation:jepret .55s var(--halus)}
@keyframes jepret{0%{opacity:.5}100%{opacity:0}}
.bidik-bingkai.jepret .bidik-sudut{animation:bidik-kunci .9s var(--elastis)}
@keyframes bidik-kunci{from{transform:scale(1.09);opacity:.35}}
.bidik-rekam{position:absolute;left:calc(clamp(.7rem,1.6vw,1.1rem) + 2.1rem);top:calc(clamp(.7rem,1.6vw,1.1rem) + .55rem);z-index:3;display:flex;align-items:center;gap:.45rem;font-size:.6375rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--kertas)}
.bidik-rekam i{width:.55rem;height:.55rem;border-radius:50%;background:var(--bara);animation:rekam 1.4s steps(2,jump-none) infinite}
@keyframes rekam{50%{opacity:.15}}
.bidik-format{display:flex;align-items:center;gap:.7rem;padding:.55rem .9rem;border-radius:var(--sudut);background:var(--cabang-kuat);font-size:.7969rem;font-weight:500;color:var(--cabang-teks)}
.bidik-format strong{font-weight:800;letter-spacing:.04em}
.bidik-format.ganti{animation:format-ganti .7s var(--elastis)}
@keyframes format-ganti{from{transform:translateY(.6rem) scale(.9);opacity:0}}
@media (max-width:52rem){
.kreatif{grid-template-columns:1fr;gap:0}
.kreatif-panggung{order:-1;position:sticky;top:4.75rem;z-index:2;height:46vh;height:46svh;min-height:0;padding:.75rem 0;background:var(--latar)}
.bidik-bingkai{height:78%}
.kreatif-butir{min-height:62vh;min-height:62svh}
.panel-kreatif .panel-media{width:min(62%,15rem)}
}
@media (prefers-reduced-motion:reduce){
.bidik-rekam i{animation:none}
.bidik-bingkai img{filter:none}
}
.tombol.terang{background:var(--titanium);color:var(--hitam)}
.tombol.terang::before{background:var(--putih)}
.tombol.terang .tombol-panah{background:var(--hitam);color:var(--titanium)}
.tombol.terang:hover,.tombol.terang:focus-visible{color:var(--hitam)}
.catatan-kepala .mungil,.kartu-tulis .mungil,.obrolan-judul .mungil,.sisi-kepala .mungil,.suara-kepala .mungil,.lapangan-judul .mungil,.harian-judul .mungil,.banding-kepala .mungil,.album-kepala .mungil,.surat-kepala .mungil,.langkah-kepala .mungil,.bukti-kepala .mungil,.formulir-judul .mungil{flex-wrap:wrap}
.catatan-kepala .mungil a,.kartu-tulis .mungil a,.obrolan-judul .mungil a,.sisi-kepala .mungil a,.suara-kepala .mungil a,.lapangan-judul .mungil a,.harian-judul .mungil a,.banding-kepala .mungil a,.album-kepala .mungil a,.surat-kepala .mungil a{color:var(--tinta-kuat)}
.catatan-foto .sampul-gambar,.kartu-foto .sampul-gambar,.obrolan-foto .sampul-gambar,.suara-gambar .sampul-gambar,.lapangan-pita .sampul-gambar,.harian-foto .sampul-gambar,.album-sampul .sampul-gambar,.cabang-foto .sampul-gambar,.formulir-foto .sampul-gambar{position:absolute;inset:0}

.catatan-kepala{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:clamp(1.5rem,4vw,3rem);align-items:end;width:min(100% - 2 * var(--tepi),50rem);margin:0 auto}
.catatan-judul h1{margin-top:1.1rem;font-size:clamp(1.7rem,2.89vw,2.635rem);font-weight:700;line-height:1.08;letter-spacing:-.035em;color:var(--tinta-kuat)}
.catatan-judul .artikel-ringkas{margin:1.2rem 0 0;font-size:.9562rem}
.catatan-foto{position:relative;aspect-ratio:1;overflow:hidden;background:var(--latar-dua);rotate:2deg;transition:rotate .9s var(--elastis)}
.catatan-foto:hover{rotate:0deg}
.catatan-foto img{width:100%;height:100%;object-fit:cover}
.artikel-isi.isi-catatan{width:min(100% - 2 * var(--tepi),50rem);margin-top:clamp(2.5rem,5vw,3.5rem)}
.isi-catatan .isi-gambar,.isi-catatan .isi-gambar.lebar{width:100%;margin-left:0;translate:none}

.kartu-pos{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center;width:min(100% - 2 * var(--tepi),var(--lebar));margin:0 auto;padding:clamp(2.5rem,6vw,5.5rem);background:var(--latar-dua)}
.kartu-cetak{padding:clamp(.6rem,1.2vw,1rem) clamp(.6rem,1.2vw,1rem) clamp(2.2rem,4vw,3.4rem);background:var(--putih);box-shadow:0 2px 3px rgba(0,0,0,.06),0 30px 50px -28px rgba(0,0,0,.4);rotate:-2.5deg;transition:rotate 1s var(--elastis),translate 1s var(--elastis)}
.kartu-cetak:hover{rotate:-.5deg;translate:0 -.4rem}
.gerak .kartu-cetak{animation:kartu-jatuh 1.3s var(--elastis) .2s backwards}
@keyframes kartu-jatuh{from{opacity:0;transform:translateY(-3rem) rotate(-8deg)}}
.kartu-foto{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--latar-dua)}
.kartu-foto img{width:100%;height:100%;object-fit:cover}
.kartu-tulis{display:grid;gap:1.1rem;align-content:center}
.kartu-perangko{justify-self:end;padding:.55rem .7rem;outline:1.5px dashed var(--garis-kuat);outline-offset:3px;font-size:.5844rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-redup);rotate:3deg}
.kartu-tulis h1{font-size:clamp(1.785rem,3.23vw,3.06rem);font-weight:700;line-height:1.06;letter-spacing:-.04em;color:var(--tinta-kuat)}
.kartu-tulis .artikel-ringkas{margin:0}
.templat-kartu .artikel-isi{margin-top:clamp(3.5rem,7vw,5.5rem)}

.obrolan-kepala{display:grid;grid-template-columns:clamp(11rem,20vw,17rem) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:end;width:min(100% - 2 * var(--tepi),62rem);margin:0 auto}
.obrolan-foto{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:var(--lengkung);background:var(--latar-dua)}
.obrolan-foto img{width:100%;height:100%;object-fit:cover}
.obrolan-judul h1{margin-top:1.2rem;font-size:clamp(1.87rem,3.57vw,3.4rem);font-weight:300;line-height:1.04;letter-spacing:-.045em;color:var(--tinta-kuat)}
.obrolan-judul .artikel-ringkas{margin:1.3rem 0 0}
.isi-obrolan h2{position:relative;margin-top:3.25rem;padding-left:2.25rem;font-size:clamp(1.105rem,1.615vw,1.36rem);line-height:1.3}
.isi-obrolan h2::before{content:"";position:absolute;left:.3rem;top:.45em;width:.7rem;height:.7rem;background:var(--tinta-kuat);transform:rotate(45deg)}
.isi-obrolan h2~p,.isi-obrolan h2~ul,.isi-obrolan h2~ol,.isi-obrolan h2~blockquote{margin-left:2.25rem}

.sisi-kepala{width:min(100% - 2 * var(--tepi),var(--lebar));margin:0 auto}
.sisi-kepala h1{max-width:16ch;margin-top:1.4rem;font-size:clamp(2.38rem,5.61vw,5.95rem);font-weight:300;line-height:.98;letter-spacing:-.055em;color:var(--tinta-kuat)}
.sisi-kepala .artikel-ringkas{max-width:40rem;margin:1.75rem 0 0}
.artikel-isi.isi-sisi{width:min(100% - 2 * var(--tepi),64rem);padding-left:18rem}
.isi-sisi::after{content:"";display:block;clear:both}
.isi-sisi h2{float:left;clear:left;width:15rem;margin:3rem 0 1rem -18rem;font-size:1.0625rem;line-height:1.3}
.isi-sisi h2+*{margin-top:3rem}
.isi-sisi .isi-gambar,.isi-sisi .isi-gambar.lebar{width:100%;margin-left:0;translate:none}

.suara-kepala{display:grid;justify-items:center;gap:1.4rem;width:min(100% - 2 * var(--tepi),64rem);margin:0 auto;text-align:center}
.suara-kepala .mungil{justify-content:center}
.suara-judul{font-size:clamp(2.04rem,4.59vw,4.76rem);font-weight:300;line-height:1.05;letter-spacing:-.045em;color:var(--tinta-kuat)}
.suara-judul::before{content:"\201C";display:block;height:.5em;font-size:2.2em;font-weight:800;line-height:1;color:var(--tinta-kuat)}
.suara-kepala .artikel-ringkas{max-width:40rem;margin:0}
.suara-gambar{--buka-tegak:5%;--buka-datar:8%;position:relative;height:min(62vh,38rem);margin:clamp(3rem,6vw,5rem) var(--tepi) 0;overflow:hidden;background:var(--latar-dua)}
.suara-gambar img{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover}

.lapangan-kepala{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start;width:min(100% - 2 * var(--tepi),64rem);margin:0 auto}
.lapangan-cap{display:grid;justify-items:center;gap:.2rem;width:7.5rem;padding:1rem .6rem;outline:2px solid var(--tinta-kuat);outline-offset:-2px;text-align:center;color:var(--tinta-kuat);rotate:-4deg}
.lapangan-cap strong{font-size:2.21rem;font-weight:800;line-height:1}
.lapangan-cap span{font-size:.6906rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.lapangan-cap em{margin-top:.3rem;font-size:.5844rem;font-style:normal;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-redup)}
.gerak .lapangan-cap{animation:cap-tekan .9s var(--elastis) .45s backwards}
@keyframes cap-tekan{from{opacity:0;transform:scale(1.7)}}
.lapangan-judul h1{margin-top:1.1rem;font-size:clamp(1.955rem,3.74vw,3.57rem);font-weight:700;line-height:1.04;letter-spacing:-.045em;color:var(--tinta-kuat)}
.lapangan-judul .artikel-ringkas{margin:1.3rem 0 0}
.lapangan-pita{--buka-tegak:8%;--buka-datar:3%;position:relative;height:min(48vh,30rem);margin-top:clamp(3rem,6vw,5rem);overflow:hidden;background:var(--latar-dua)}
.lapangan-pita img{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover}
.isi-lapangan figcaption{display:flex;align-items:center;gap:.6rem;font-size:.6375rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.isi-lapangan figcaption::before{content:"";flex:none;width:.4rem;height:.4rem;background:currentColor;transform:rotate(45deg)}

.harian-kepala{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,.75fr);gap:clamp(1.5rem,4vw,4rem);align-items:end;width:min(100% - 2 * var(--tepi),var(--lebar));margin:0 auto}
.harian-tanggal{display:grid;line-height:.9;color:var(--tinta-kuat)}
.harian-tanggal strong{font-size:clamp(4.25rem,9.35vw,8.5rem);font-weight:800;letter-spacing:-.06em}
.harian-tanggal span{margin-top:.6rem;font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-redup)}
.harian-judul h1{margin-top:1rem;font-size:clamp(1.615rem,2.55vw,2.465rem);font-weight:700;line-height:1.08;letter-spacing:-.035em;color:var(--tinta-kuat)}
.harian-judul .artikel-ringkas{margin:1.1rem 0 0;font-size:.9562rem}
.harian-foto{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--latar-dua)}
.harian-foto img{width:100%;height:100%;object-fit:cover}
.templat-harian .artikel-isi{margin-top:clamp(3.5rem,7vw,5rem)}
.isi-harian h2{display:table;margin-top:3rem;padding:.45rem .8rem;background:var(--tinta-kuat);font-size:.7438rem;font-weight:700;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;color:var(--latar)}

.banding-kepala{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.5rem clamp(2rem,5vw,4rem);align-items:end;width:min(100% - 2 * var(--tepi),var(--lebar));margin:0 auto}
.banding-kepala .mungil{grid-column:1/-1}
.banding-kepala h1{font-size:clamp(2.04rem,4.25vw,4.08rem);font-weight:800;line-height:1;letter-spacing:-.05em;color:var(--tinta-kuat)}
.banding-kepala .artikel-ringkas{margin:0}
.banding-geser{position:relative;width:min(68rem,100vw - 2 * var(--tepi));aspect-ratio:var(--rasio,3/2);margin:3rem 0 0 50%;translate:-50% 0;overflow:hidden;background:var(--latar-dua);user-select:none;-webkit-user-select:none;touch-action:pan-y}
.banding-geser img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.banding-geser .banding-lalu{clip-path:inset(0 calc(100% - var(--batas,50%)) 0 0)}
.banding-garis{position:absolute;top:0;bottom:0;left:var(--batas,50%);width:2px;margin-left:-1px;background:var(--putih);pointer-events:none}
.banding-garis::after{content:"";position:absolute;left:50%;top:50%;width:2.4rem;height:2.4rem;margin:-1.2rem 0 0 -1.2rem;background:var(--putih);box-shadow:0 10px 24px -8px rgba(0,0,0,.5);transform:rotate(45deg);transition:transform .7s var(--elastis)}
.banding-geser:hover .banding-garis::after{transform:rotate(45deg) scale(1.15)}
.banding-label{position:absolute;top:1rem;padding:.4rem .65rem;background:rgba(0,0,0,.58);font-size:.6375rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--putih);pointer-events:none}
.banding-label.kiri{left:1rem}
.banding-label.kanan{right:1rem}
.banding-geser input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.banding-geser:has(input:focus-visible){outline:2px solid var(--tinta-kuat);outline-offset:4px}
.banding-teks{margin-top:.85rem;font-size:.7969rem;line-height:1.55;color:var(--tinta-redup)}

.album-kepala{display:grid;justify-items:center;gap:1.2rem;width:min(100% - 2 * var(--tepi),56rem);margin:0 auto;text-align:center}
.album-kepala .mungil{justify-content:center}
.album-kepala h1{font-size:clamp(2.04rem,4.25vw,4.08rem);font-weight:300;line-height:1.02;letter-spacing:-.05em;color:var(--tinta-kuat)}
.album-kepala .artikel-ringkas{margin:0}
.album-sampul{--buka-tegak:4%;--buka-datar:4%;position:relative;width:min(100% - 2 * var(--tepi),76rem);aspect-ratio:21/9;margin:clamp(3rem,6vw,4.5rem) auto 0;overflow:hidden;background:var(--latar-dua)}
.album-sampul img{width:100%;height:100%;object-fit:cover}
.artikel-isi.isi-album{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:clamp(.75rem,1.6vw,1.25rem);width:min(100% - 2 * var(--tepi),76rem)}
.isi-album>*{grid-column:2/6}
.isi-album>.isi-gambar,.isi-album>.isi-gambar.lebar{grid-column:1/-1;width:100%;margin:2.5rem 0 0;translate:none}
.isi-album>.isi-gambar:has(+.isi-gambar),.isi-album>.isi-gambar+.isi-gambar{grid-column:span 3}
.isi-album>.isi-gambar img{aspect-ratio:16/9;object-fit:cover}
.isi-album>.isi-gambar:has(+.isi-gambar) img,.isi-album>.isi-gambar+.isi-gambar img{aspect-ratio:4/5}

.surat-kertas{width:min(100% - 2 * var(--tepi),50rem);margin:0 auto;padding:clamp(2rem,6vw,4.75rem) clamp(1.5rem,6vw,4.75rem) clamp(2.5rem,6vw,4rem);background:var(--latar-dua);box-shadow:0 40px 80px -60px rgba(0,0,0,.45)}
.gerak .surat-kertas{animation:surat-buka 1.3s var(--lentur) .1s backwards}
@keyframes surat-buka{from{opacity:0;transform:translateY(2.5rem) rotate(-1deg)}}
.surat-kepala h1{margin-top:1.1rem;font-size:clamp(1.615rem,2.72vw,2.465rem);font-weight:700;line-height:1.1;letter-spacing:-.035em;color:var(--tinta-kuat)}
.surat-kepala .artikel-ringkas{margin:1.1rem 0 0;font-size:.9775rem}
.surat-foto{position:relative;float:right;width:clamp(10rem,32%,15rem);margin:1.75rem 0 1rem 2rem;padding:.45rem .45rem 1.6rem;background:var(--putih);box-shadow:0 18px 30px -18px rgba(0,0,0,.4);rotate:2.5deg}
.surat-foto img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.surat-foto .sampul-gambar{position:relative;display:block;aspect-ratio:4/5}
.artikel-isi.isi-surat{width:auto;margin:2rem 0 0}
.isi-surat .isi-gambar,.isi-surat .isi-gambar.lebar{clear:both;width:100%;margin-left:0;translate:none}
.surat-tanda{clear:both;display:flex;justify-content:flex-end;margin-top:3rem;font-size:.68rem;color:var(--tinta-kuat)}

.templat-kasus,.templat-tawaran,.templat-cabang{padding-top:0}
.kasus-sampul{position:relative;display:flex;align-items:flex-end;min-height:84vh;min-height:84svh;overflow:hidden;background:var(--hitam);color:var(--titanium)}
.kasus-sampul::after,.tawaran-sampul::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.1) 35%,rgba(0,0,0,.25) 60%,rgba(0,0,0,.8) 100%);pointer-events:none}
.kasus-sampul .tulisan-latar,.tawaran-sampul .tulisan-latar{z-index:0}
.kasus-judul{position:relative;z-index:1;width:min(100% - 2 * var(--tepi),var(--lebar));margin:0 auto;padding-bottom:clamp(7rem,15vh,9.5rem)}
.kasus-judul .mungil,.tawaran-isi .mungil{flex-wrap:wrap;color:rgba(242,243,245,.8)}
.kasus-judul .mungil a{color:var(--titanium)}
.kasus-judul h1{max-width:18ch;margin-top:1.2rem;font-size:clamp(2.125rem,5.1vw,5.1rem);font-weight:800;line-height:1;letter-spacing:-.05em;color:var(--putih)}
.kasus-judul .artikel-ringkas{max-width:40rem;margin:1.4rem 0 0;color:rgba(242,243,245,.85)}
.kasus-fakta{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:4px;width:min(100% - 2 * var(--tepi),var(--lebar));margin:-4.5rem auto 0}
.kasus-fakta div{display:grid;align-content:start;gap:.45rem;padding:1.35rem 1.4rem;background:var(--latar);box-shadow:0 30px 50px -40px rgba(0,0,0,.5)}
.kasus-fakta dt{font-size:.6375rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-redup)}
.kasus-fakta dd{font-size:1.02rem;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--tinta-kuat)}
.artikel-isi.isi-kasus{position:relative;width:min(100% - 2 * var(--tepi),52rem);margin-top:clamp(4rem,8vw,6rem);padding-left:4rem}
.isi-kasus::before,.isi-kasus::after{content:"";position:absolute;left:1rem;top:.6rem;width:2px}
.isi-kasus::before{bottom:0;background:var(--garis)}
.isi-kasus::after{height:calc((100% - .6rem) * var(--isi,0));background:var(--tinta-kuat)}
.isi-kasus h2{position:relative;scroll-margin-top:8rem}
.isi-kasus h2::before{content:"";position:absolute;left:-3.45rem;top:.3em;width:.9rem;height:.9rem;background:var(--latar);box-shadow:0 0 0 2px var(--tinta-kuat);transform:rotate(45deg);transition:background-color .5s var(--halus),transform .9s var(--elastis)}
.isi-kasus h2.lewat::before{background:var(--tinta-kuat);transform:rotate(225deg) scale(1.15)}

.tawaran-sampul::after{background:radial-gradient(ellipse 75% 65% at 50% 55%,rgba(0,0,0,.62),rgba(0,0,0,.3) 70%,rgba(0,0,0,.45))}
.tawaran-sampul{position:relative;display:grid;place-items:center;min-height:100vh;min-height:100svh;overflow:hidden;background:var(--hitam);color:var(--titanium);text-align:center}
.tawaran-isi{position:relative;z-index:1;display:grid;justify-items:center;gap:1.4rem;width:min(100% - 2 * var(--tepi),56rem);padding:10rem 0 5rem}
.tawaran-isi .mungil{justify-content:center}
.tawaran-isi h1{font-size:clamp(2.21rem,5.1vw,5.1rem);font-weight:800;line-height:1;letter-spacing:-.05em;color:var(--putih)}
.tawaran-isi .artikel-ringkas{max-width:38rem;margin:0;color:rgba(242,243,245,.86)}
.tawaran-isi .tombol{margin-top:.75rem}
.templat-tawaran .artikel-isi{margin-top:clamp(4rem,8vw,7rem)}
.tawaran-batang{position:fixed;left:50%;bottom:1.25rem;z-index:55;display:flex;align-items:center;gap:1.5rem;width:min(100% - 2rem,44rem);padding:.5rem .5rem .5rem 1.4rem;border-radius:var(--sudut);background:var(--kaca);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 24px 50px -24px rgba(0,0,0,.5);transform:translate(-50%,160%);transition:transform .9s var(--elastis)}
.tawaran-batang.tampil{transform:translate(-50%,0)}
.tawaran-batang p{flex:1;min-width:0;overflow:hidden;font-size:.7969rem;font-weight:600;white-space:nowrap;text-overflow:ellipsis;color:var(--tinta-kuat)}
.tawaran-batang .tombol{flex:none;height:2.9rem}
.tawaran-batang .tombol-panah{width:2.9rem}

.cabang-kepala{display:grid;justify-items:start;gap:1.3rem;padding:clamp(11rem,16vw,14rem) max(var(--tepi),(100% - var(--lebar)) / 2) clamp(9rem,14vw,12rem);background:var(--cabang-kuat);color:var(--cabang-teks)}
.cabang-merek{display:inline-flex;align-items:center;gap:.65rem;font-size:.6906rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.cabang-merek::before{content:"";width:.6rem;height:.6rem;background:var(--cabang-isi);transform:rotate(45deg)}
.cabang-kepala h1{max-width:18ch;font-size:clamp(2.21rem,5.1vw,5.27rem);font-weight:800;line-height:1;letter-spacing:-.05em;color:inherit}
.cabang-kepala .artikel-ringkas{max-width:40rem;margin:0;color:inherit;opacity:.88}
.cabang-kepala .tombol{margin-top:.5rem}
.cabang-foto{position:relative;width:min(100% - 2 * var(--tepi),72rem);aspect-ratio:2/1;margin:clamp(-7rem,-10vw,-5rem) auto 0;overflow:hidden;background:var(--latar-dua);box-shadow:0 40px 80px -50px rgba(0,0,0,.6)}
.cabang-foto img{width:100%;height:100%;object-fit:cover}
.gerak .cabang-foto{animation:bangkit-foto 1.5s var(--lentur) .2s backwards}
.isi-cabang h2,.isi-cabang a,.isi-cabang strong{color:var(--cabang-kuat)}
.isi-cabang blockquote{background:var(--cabang-lembut);color:var(--cabang-kuat)}
.isi-cabang ul li::before{background:var(--cabang-kuat)}

.langkah-kepala{display:grid;justify-items:center;gap:1.3rem;width:min(100% - 2 * var(--tepi),60rem);margin:0 auto;text-align:center}
.langkah-kepala .mungil{justify-content:center}
.langkah-kepala h1{font-size:clamp(2.125rem,4.59vw,4.59rem);font-weight:300;line-height:1.02;letter-spacing:-.05em;color:var(--tinta-kuat)}
.langkah-kepala .artikel-ringkas{max-width:40rem;margin:0}
.langkah-jalur{display:flex;justify-content:center;width:min(100% - 2 * var(--tepi),var(--lebar));margin:clamp(3rem,6vw,4.5rem) auto 0}
.langkah-jalur:not(:has(a)){display:none}
.langkah-jalur a{position:relative;flex:1 1 0;min-width:8.5rem;max-width:16rem;display:grid;justify-items:center;align-content:start;gap:.9rem;padding:0 .75rem;text-align:center;font-size:.7969rem;font-weight:600;line-height:1.35;color:var(--tinta-redup);transition:color .4s var(--halus)}
.langkah-jalur a::before{content:"";position:absolute;top:.55rem;left:0;right:0;height:2px;background:var(--garis)}
.langkah-jalur a:first-child::before{left:50%}
.langkah-jalur a:last-child::before{right:50%}
.langkah-jalur a:only-child::before{display:none}
.langkah-jalur i{position:relative;z-index:1;width:1.1rem;height:1.1rem;background:var(--latar);box-shadow:0 0 0 2px var(--tinta-kuat);transform:rotate(45deg);transition:background-color .5s var(--halus),transform .9s var(--elastis)}
.langkah-jalur a:hover,.langkah-jalur a[aria-current="true"]{color:var(--tinta-kuat)}
.langkah-jalur a[aria-current="true"] i{background:var(--tinta-kuat);transform:rotate(225deg) scale(1.15)}
.isi-langkah h2{font-size:clamp(1.53rem,2.55vw,2.21rem);font-weight:300;letter-spacing:-.03em;scroll-margin-top:8rem}

.bukti-kepala{width:min(100% - 2 * var(--tepi),var(--lebar));margin:0 auto}
.bukti-kepala h1{max-width:20ch;margin-top:1.3rem;font-size:clamp(2.125rem,4.76vw,4.76rem);font-weight:800;line-height:1;letter-spacing:-.05em;color:var(--tinta-kuat)}
.bukti-kepala .artikel-ringkas{max-width:40rem;margin:1.5rem 0 0}
.bukti-angka{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:4px;width:min(100% - 2 * var(--tepi),var(--lebar));margin:clamp(3rem,6vw,4.5rem) auto 0}
.bukti-angka div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:.6rem;padding:1.6rem 1.5rem;background:var(--latar-dua)}
.bukti-angka dd{font-size:clamp(1.87rem,3.4vw,3.06rem);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--tinta-kuat)}
.bukti-angka dt{font-size:.7438rem;font-weight:500;line-height:1.45;color:var(--tinta-redup)}
.gerak .bukti-angka div{animation:angka-naik 1.1s var(--elastis) backwards}
.gerak .bukti-angka div:nth-child(2){animation-delay:.1s}
.gerak .bukti-angka div:nth-child(3){animation-delay:.2s}
.gerak .bukti-angka div:nth-child(4){animation-delay:.3s}
@keyframes angka-naik{from{opacity:0;transform:translateY(1.5rem) scale(.96)}}
.isi-bukti blockquote{position:relative;padding:2.25rem 2rem 2rem 4.75rem;font-weight:500}
.isi-bukti blockquote::before{content:"\201C";position:absolute;left:1.25rem;top:.5rem;font-size:3.825rem;font-weight:800;line-height:1;color:var(--tinta-kuat)}

.formulir-laman{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2rem,6vw,6rem);align-items:start;width:min(100% - 2 * var(--tepi),var(--lebar));margin:0 auto}
.formulir-judul{position:sticky;top:10rem;display:grid;gap:1.3rem}
.formulir-judul h1{font-size:clamp(1.955rem,3.91vw,3.74rem);font-weight:800;line-height:1.02;letter-spacing:-.045em;color:var(--tinta-kuat)}
.formulir-judul .artikel-ringkas{margin:0}
.formulir-foto{position:relative;aspect-ratio:4/3;margin-top:.75rem;overflow:hidden;border-radius:var(--lengkung);background:var(--latar-dua)}
.formulir-foto img{width:100%;height:100%;object-fit:cover}
.templat-formulir .artikel-isi{margin-top:clamp(4rem,8vw,6rem)}

@media (max-width:52rem){
.catatan-kepala,.kartu-pos,.obrolan-kepala,.banding-kepala,.formulir-laman{grid-template-columns:1fr}
.catatan-foto{aspect-ratio:16/10;rotate:0deg}
.obrolan-foto{width:min(60%,14rem)}
.kartu-pos{padding:1.5rem}
.harian-kepala{grid-template-columns:auto minmax(0,1fr)}
.harian-foto{grid-column:1/-1;aspect-ratio:16/10}
.artikel-isi.isi-sisi{padding-left:0}
.isi-sisi h2{float:none;width:auto;margin:2.75rem 0 0}
.isi-sisi h2+*{margin-top:1rem}
.isi-album>*,.isi-album>.isi-gambar:has(+.isi-gambar),.isi-album>.isi-gambar+.isi-gambar{grid-column:1/-1}
.surat-foto{float:none;width:min(70%,15rem);margin:1.75rem auto 0}
.artikel-isi.isi-kasus{padding-left:2.75rem}
.isi-kasus::before,.isi-kasus::after{left:.5rem}
.isi-kasus h2::before{left:-2.65rem}
.langkah-jalur{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}
.formulir-judul{position:static}
}
@media (max-width:47.99rem){
.lapangan-kepala{grid-template-columns:1fr}
.lapangan-cap{justify-self:start}
.tawaran-batang{bottom:calc(5.9rem + env(safe-area-inset-bottom,0px))}
.tawaran-batang p{display:none}
.tawaran-batang{width:auto;padding:.4rem}
}
@media (max-width:68rem){
.kaki-kisi{grid-template-columns:repeat(2,minmax(0,1fr))}
.kaki-alamat{grid-column:1/-1}
.surya-fakta{grid-template-columns:repeat(2,minmax(0,1fr))}
.petak{grid-template-columns:repeat(2,minmax(0,1fr))}
.kisi-artikel{grid-template-columns:repeat(2,minmax(0,1fr))}
.jendela-isi{grid-template-columns:1fr;grid-template-rows:minmax(0,1.2fr) auto}
.indeks-bidang{display:none}
}

@media (max-width:52rem){
.konstruksi,.interior-atas,.pembuka-visi,.sorotan,.kontak-wadah{grid-template-columns:1fr}
.konstruksi-topeng{position:relative;top:0;height:auto;aspect-ratio:1}
.alasan{grid-template-columns:1fr;gap:0}
.alasan-gambar{position:sticky;top:4.75rem;z-index:2;height:auto;padding:0;aspect-ratio:16/10}
.alasan-tumpuk{max-height:none}
.alasan-butir{min-height:80vh;min-height:80svh;justify-content:flex-end;padding:0 0 17vh;padding-bottom:17svh}
.tentang-sampul{grid-template-columns:1fr}
.tentang-foto{min-height:72vh;min-height:72svh}
.tentang-catatan{padding:4rem var(--tepi) 3rem}
.garis-sumbu{left:.5rem}
.waktu-butir,.waktu-butir.kanan{width:100%;margin-left:0;padding:0 0 3rem 2.75rem;text-align:left}
.waktu-titik,.waktu-butir.kanan .waktu-titik{left:.05rem;right:auto}
.mozaik{grid-template-columns:repeat(2,minmax(0,1fr))}
.mozaik-kolom:nth-child(3){display:none}
.peta{min-height:26rem}
.tanya-wadah{grid-template-columns:1fr}
.tanya-kepala{position:relative;top:0}
.artikel-ajakan{grid-template-columns:1fr}
.panel{grid-template-columns:1fr;padding:7rem var(--tepi) 8rem}
}

@media (max-width:47.99rem){
body{font-size:.9031rem}
.kepala,.kaki{font-size:1.0625rem}
.kepala{padding-top:1rem}
.kepala-logo{font-size:.7rem}
.navigasi{position:fixed;left:50%;bottom:calc(.85rem + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--kaca)}
.kepala.ringkas .navigasi{transform:translateX(-50%)}
.kepala.di-gelap .navigasi{background:var(--kaca);box-shadow:0 18px 40px -24px rgba(0,0,0,.45)}
.kepala.di-gelap .navigasi-tautan{color:var(--tinta)}
.kepala.di-gelap .navigasi-tautan[aria-current="page"]{background:var(--tinta-kuat);color:var(--latar)}
.navigasi-tautan{padding:.9rem 1.2rem;font-size:.975rem}
.daftar-turun{top:auto;bottom:var(--turun-bawah,5.5rem);grid-template-columns:1fr;max-height:calc(100svh - 8rem);overflow-y:auto;transform:translate(-50%,.8rem) scale(.94);transform-origin:50% 100%;clip-path:inset(100% 0 0 0 round 1rem)}
.daftar-turun.buka{clip-path:inset(0 0 0 0 round 1rem)}
.turun-butir{grid-template-columns:3.6rem minmax(0,1fr)}
.turun-gambar{width:3.6rem;height:3.6rem}
.baru-tanda{display:none}
.sampul-judul{bottom:calc(6.25rem + env(safe-area-inset-bottom,0px))}
.sampul-isyarat{display:none}
.sampul-logo{top:30%;font-size:min(10.1vw,2.85rem)}
.panel{width:100vw;grid-template-rows:auto auto;align-content:center;gap:1.6rem;padding:5.5rem var(--tepi) 11rem}
.panel-media{order:0!important}
.panel-gambar{height:30vh;height:30svh}
.panel-interior .panel-media{width:min(72%,18rem)}
.panel-interior .panel-gambar{height:34svh}
.panel-surya .panel-media{width:min(66%,16rem)}
.panel-pengadaan .panel-media{width:min(76%,19rem);height:30svh}
.panel-pengadaan .panel-gambar{height:100%}
.panel-nama{font-size:clamp(2.21rem,10.2vw,3.23rem)}
.panel-uraian{margin:.9rem 0 1.4rem;font-size:.85rem}
.cabang-progres{bottom:calc(6.1rem + env(safe-area-inset-bottom,0px))}
.petak{grid-template-columns:1fr}
.petak-lebar{grid-column:auto}
.petak-tinggi{grid-row:auto;min-height:20rem}
.petak-gambar{min-height:16rem}
.surya-fakta,.kisi-artikel{grid-template-columns:1fr}
.surya-lukis .jam{font-size:34px}
.isian-ganda{grid-template-columns:1fr}
.kaki{padding-bottom:calc(5.25rem + env(safe-area-inset-bottom,0px))}
.kaki-kisi{grid-template-columns:1fr}
.kaki-pilihan{grid-template-columns:1fr}
.kaki-pilihan a{min-height:0}
.kaki-panel{padding-bottom:4.5rem}
.galeri-petunjuk{display:none}
.pameran-huruf{height:min(52svh,26rem)}
.pameran-progres{bottom:calc(6.2rem + env(safe-area-inset-bottom,0px))}
.jendela-tutup{top:1.5rem;right:1.5rem}
.pembuka{padding-top:8rem}
.jurnal-pembuka{padding-top:8.5rem}
.artikel{padding-top:7.5rem}
.artikel-isi p,.artikel-isi li{font-size:.9562rem}
}

@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
.gerak [data-muncul],.gerak .waktu-butir>div,.gerak .petak-kartu,.gerak .tahap-butir[data-muncul]{opacity:1;transform:none}
.gerak .tahap-butir[data-muncul] svg{opacity:1;transform:none}
.gerak .mozaik figure[data-muncul] img{clip-path:none}
.gerak [data-pecah] .kata-dalam{transform:none}
.gerak .pengantar-teks .kata{opacity:1}
.gerak .alasan-butir{opacity:1}
.lensa-hantu,.lensa-bintang{display:none}
}
.kaki-hak{display:grid;justify-items:start;gap:.35rem}
.kaki-buat{color:inherit;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .6s cubic-bezier(.22,.8,.16,1)}
.kaki-buat strong{font-weight:700}
.kaki-buat:hover,.kaki-buat:focus-visible{background-size:100% 1px}