.phead{position:relative;overflow:hidden;padding-block:clamp(28px,4vw,40px) clamp(40px,6vw,64px);border-bottom:3px solid var(--kuning)}.phead:after{content:"";position:absolute;right:-40px;bottom:-40px;width:min(46vw,520px);aspect-ratio:1;background:linear-gradient(var(--gelap-garis) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,var(--gelap-garis) 1px,transparent 1px) 0 0/32px 32px;-webkit-mask:radial-gradient(circle at 100% 100%,#000 0,transparent 70%);mask:radial-gradient(circle at 100% 100%,#000 0,transparent 70%);opacity:.7;pointer-events:none}.phead-isi{position:relative;z-index:1}.phead .crumbs{margin-bottom:clamp(20px,3vw,32px)}.phead h1{font-size:var(--t-6);max-width:20ch;color:#fff;text-transform:uppercase;letter-spacing:.005em;line-height:1.02}.phead-dek{margin-top:16px;max-width:60ch;font-size:var(--t-3)}.phead-dek,.phead-meta{color:var(--pada-gelap-2)}.phead-meta{margin-top:14px}.phead-aksi{gap:12px;margin-top:26px}.crumbs ol,.phead-aksi{display:flex;flex-wrap:wrap}.crumbs ol{gap:4px 0;list-style:none;margin:0;padding:0;font-size:var(--t-0);font-family:var(--mono);color:var(--teks-2)}.crumbs li+li:before{content:"/";margin-inline:8px;opacity:.5}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}.gelap .crumbs ol{color:var(--pada-gelap-2)}.gelap .crumbs a:hover{color:var(--kuning)}.crumbs-top{padding-top:22px}.list{padding-block:32px}.grid{display:grid;grid-gap:22px;gap:22px}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:960px){.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.grid--3{grid-template-columns:1fr}}.card{position:relative;display:flex;flex-direction:column;background:var(--kartu);border-radius:var(--r-k);box-shadow:var(--bayang);overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.card:hover{transform:translateY(-3px);box-shadow:var(--bayang-l)}.card-media{display:block}.cover{aspect-ratio:16/10;overflow:hidden;background:var(--latar-2)}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.card:hover .cover img{transform:scale(1.03)}.cover--empty{background:var(--latar-2)}.card-body{display:flex;flex-direction:column;gap:8px;padding:20px 20px 22px;flex:1 1}.card-cat{align-self:flex-start;font-family:var(--display);font-weight:700;font-size:var(--t-0);letter-spacing:.12em;text-transform:uppercase;color:var(--kuning-teks);text-decoration:none}.card-title{font-size:var(--t-3)}.card-title a{text-decoration:none}.card-title a:after{content:"";position:absolute;inset:0}.card-cat{position:relative;z-index:1}.card-title a:hover{text-decoration:underline}.card-excerpt{color:var(--teks-2);font-size:var(--t-1)}.card-meta{margin-top:auto;display:flex;gap:14px;color:var(--teks-2);font-size:var(--t-0)}.list-more{display:flex;justify-content:center;margin-top:28px}.empty{padding-block:48px;color:var(--teks-2)}.art-crumbs{padding-bottom:4px}.art-head{padding-block:24px 22px}.art-cat{font-family:var(--display);font-weight:700;font-size:var(--t-0);letter-spacing:.12em;text-transform:uppercase;color:var(--kuning-teks);text-decoration:none}.art-head h1{margin-top:12px;font-size:var(--t-5);max-width:24ch}.art-dek{margin-top:14px;max-width:62ch;font-size:var(--t-3);color:var(--teks-2)}.art-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:16px;color:var(--tinta-3);font-size:var(--t-0)}.art-cover img{width:100%;border-radius:var(--r-k);box-shadow:var(--bayang)}.art-cover figcaption{margin-top:8px;font-size:var(--t-0);color:var(--tinta-3)}.art-grid{display:grid;grid-template-columns:minmax(0,720px);justify-content:center;grid-gap:48px;gap:48px;padding-block:28px}.art-grid--toc{grid-template-columns:240px minmax(0,720px)}@media (max-width:1060px){.art-grid--toc{grid-template-columns:minmax(0,720px)}}.art-cta{display:grid;grid-gap:14px;gap:14px;margin-block:40px 28px;padding:26px;border-left:4px solid var(--kuning);border-radius:var(--r-k);background:var(--kartu);box-shadow:var(--bayang)}.art-cta p{font-family:var(--display);font-weight:600;font-size:var(--t-3)}.art-cta .btn{justify-self:start}.more-in{display:inline-block;margin-top:8px;font-weight:600}.related{padding-block:36px;border-top:var(--garis-tipis)}.related h2{font-size:var(--t-4);margin-bottom:20px}.share{display:flex;align-items:center;gap:10px;margin-top:24px;font-size:var(--t-0)}.prose{font-size:var(--t-2);line-height:1.7}.prose>*+*{margin-top:1.05em}.prose h2{font-size:var(--t-4);margin-top:1.9em}.prose h3{font-size:var(--t-3);margin-top:1.6em}.prose ol,.prose ul{padding-left:1.3em}.prose li+li{margin-top:.35em}.prose img{border-radius:var(--r-k)}.prose figcaption{font-size:var(--t-0);color:var(--tinta-3);margin-top:6px}.prose blockquote{margin-inline:0;padding:4px 0 4px 18px;border-left:3px solid var(--kuning);color:var(--teks-2)}.prose table{width:100%;border-collapse:collapse;font-size:var(--t-1)}.prose td,.prose th{padding:8px 10px;border:var(--garis-tipis);text-align:left;vertical-align:top}.prose th{font-family:var(--display);font-weight:600}.prose code{font-family:var(--mono);font-size:.9em;background:var(--kertas-2);padding:1px 4px}.doc-body{max-width:720px;padding-block:28px}.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);grid-gap:clamp(24px,4vw,48px);gap:clamp(24px,4vw,48px);padding-block:clamp(36px,5vw,56px) 0}.kontak-info{align-self:start;display:grid;grid-gap:18px;gap:18px;padding:clamp(22px,3vw,32px);border-radius:var(--r-k);background:var(--gelap);color:var(--pada-gelap)}.kontak-info h2{font-size:var(--t-4);color:#fff}.kontak-info ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:14px;gap:14px}.kontak-info li{display:grid;grid-template-columns:22px 1fr;grid-gap:12px;gap:12px;align-items:start}.kontak-info svg{width:20px;height:20px;margin-top:3px;color:var(--kuning)}.kontak-info a{text-decoration:none;color:#fff}.kontak-info a:hover{color:var(--kuning)}.kontak-info .btn{justify-self:start}@media (max-width:860px){.contact{grid-template-columns:1fr;gap:24px}}.cform{display:grid;grid-gap:16px;gap:16px;padding:clamp(20px,3vw,32px);border-radius:var(--r-k);background:var(--kartu);box-shadow:var(--bayang)}.field{display:grid;grid-gap:6px;gap:6px}.field label,.field legend{font-weight:600;font-size:var(--t-1)}.field input,.field select,.field textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid #b9c2cb;background:var(--kartu);border-radius:4px}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--tinta);outline-offset:0;border-color:var(--tinta)}.field [aria-invalid=true]{border-color:var(--merah)}.check{display:flex;gap:10px;align-items:flex-start;font-size:var(--t-1)}.check input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--tinta)}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-ok{padding:18px;border-left:4px solid var(--kuning);border-radius:var(--r-k);background:var(--kartu);box-shadow:var(--bayang);font-weight:600}.form-error{color:var(--merah);font-weight:600}.nf{padding-block:72px;max-width:640px}.nf-code{font-size:var(--t-4);color:var(--tinta-3)}.nf h1{margin-top:8px;font-size:var(--t-5)}.nf p{margin-top:12px;color:var(--teks-2)}.nf .btn,.nf-actions{margin-top:22px}.nf-actions{display:flex;flex-wrap:wrap;gap:10px}