:root{--color-bg: #fff1f1;--color-card: #ffffff;--color-olive-soft: #c5c475;--color-olive: #908f32;--color-primary: #6b6a1f;--color-primary-hover: #55541a;--color-on-primary: #ffffff;--color-pill: #fff1f1;--color-text: #1d1d12;--color-text-muted: #55553f;--color-border: #ead9d9;--color-border-strong: #cdbdbd;--color-danger: #a8321f;--color-danger-bg: #fbe3de;--color-success: #3d6b2f;--color-success-bg: #e6f0dc;--color-warning-bg: #fbf1cf;--font-display: "Sniglet", "Poppins", system-ui, sans-serif;--font-sans: "Poppins", "Segoe UI", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-card: 0 12px 32px -16px rgba(60, 50, 20, .22);--shadow-lift: 0 20px 44px -18px rgba(60, 50, 20, .32);--max-width: 1120px}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--color-primary)}h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:1.15;letter-spacing:.01em}h1{font-size:clamp(1.9rem,6vw,2.6rem)}h2{font-size:clamp(1.4rem,4.5vw,1.9rem)}h3{font-size:1.15rem}:focus-visible{outline:3px solid var(--color-olive);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:-999px;top:8px;z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-on-primary);border-radius:999px}.skip-link:focus{left:8px}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}.page{padding-top:var(--space-6);padding-bottom:var(--space-8)}.stack>*+*{margin-top:var(--space-4)}.row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.muted{color:var(--color-text-muted)}.small{font-size:.85rem}.band{background:var(--color-olive-soft)}.kicker{font-family:var(--font-display);font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-5);border-radius:999px;border:2px solid transparent;font-weight:600;text-decoration:none;transition:background-color .15s,transform .15s,border-color .15s;background:var(--color-primary);color:var(--color-on-primary)}.btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-ghost{background:var(--color-card);color:var(--color-text);border-color:var(--color-border-strong)}.btn-ghost:hover{background:var(--color-pill);border-color:var(--color-olive)}.btn-danger{background:var(--color-card);color:var(--color-danger);border-color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-bg)}.btn-sm{min-height:38px;padding:var(--space-1) var(--space-4);font-size:.875rem}.pill{display:inline-block;padding:var(--space-2) var(--space-5);background:var(--color-pill);border-radius:999px;font-family:var(--font-display);font-weight:800;box-shadow:0 4px #0000001f}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card)}.card-olive{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field label,.label{font-weight:600;font-size:.875rem}.input,.field input,.field select,.field textarea{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);background:var(--color-card);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm)}.field textarea{min-height:96px;resize:vertical}.input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #908f3240}.grid-form{display:grid;gap:var(--space-3);grid-template-columns:minmax(0,1fr)}@media(min-width:640px){.grid-form{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-form .span-2{grid-column:span 2}}.check{display:flex;gap:var(--space-2);align-items:center;min-height:44px}.check input{width:20px;height:20px;accent-color:var(--color-primary)}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-warning-bg);font-size:.9rem}.notice-ok{background:var(--color-success-bg);color:var(--color-success)}.notice-err{background:var(--color-danger-bg);color:var(--color-danger)}.chip{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px var(--space-3);border-radius:999px;font-size:.78rem;font-weight:600;background:var(--color-pill);border:1px solid var(--color-border)}.chip-ok{background:var(--color-success-bg);color:var(--color-success);border-color:transparent}.chip-warn{background:var(--color-warning-bg);color:#6b4d00;border-color:transparent}.chip-err{background:var(--color-danger-bg);color:var(--color-danger);border-color:transparent}.tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1)}.tab{flex:0 0 auto;min-height:40px;padding:var(--space-1) var(--space-4);border-radius:999px;border:1.5px solid var(--color-border-strong);background:var(--color-card);font-weight:600;font-size:.875rem;text-decoration:none;color:var(--color-text);display:inline-flex;align-items:center;gap:var(--space-1)}.tab:hover{border-color:var(--color-olive)}.tab[aria-current=page],.tab[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.badge{min-width:20px;padding:0 6px;border-radius:999px;background:var(--color-danger);color:#fff;font-size:.72rem;text-align:center}.route-loading{padding:var(--space-7) 0;text-align:center;color:var(--color-text-muted)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media print{.no-print{display:none!important}body{background:#fff}}.demo-bar a{color:var(--color-olive-soft);font-weight:600}.demo-bar{padding:var(--space-1) var(--space-4);background:var(--color-text);color:#fff;font-size:.8rem;text-align:center}.site-header{position:sticky;top:0;z-index:50;background:var(--color-olive-soft);border-bottom:3px solid var(--color-olive)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:64px}.brand img{width:92px;height:auto;filter:drop-shadow(0 2px 0 rgba(0,0,0,.25))}.nav{display:flex;gap:var(--space-1);overflow-x:auto}.nav-link{display:inline-flex;align-items:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-3);border-radius:999px;color:var(--color-text);font-weight:600;font-size:.9rem;text-decoration:none;white-space:nowrap;background:none;border:none;transition:background-color .15s}.nav-link:hover{background:#ffffff73}.nav-link[aria-current=page]{background:var(--color-pill)}.site-footer{margin-top:var(--space-7);padding:var(--space-6) 0;background:var(--color-text);color:#f3f0e6}.footer-inner{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;align-items:center}.footer-nama{font-family:var(--font-display);font-size:1.3rem}.h3{font-size:1.15rem}.cover{width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:var(--radius-sm);background:var(--color-border)}.cover-teks{display:flex;flex-direction:column;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:linear-gradient(160deg,var(--color-olive-soft),var(--color-olive));color:var(--color-text);text-align:center;font-family:var(--font-display);font-size:.95rem;line-height:1.2;overflow:hidden}.cover-teks small{font-family:var(--font-sans);font-size:.7rem}.grid-buku{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0}@media(min-width:640px){.grid-buku{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:960px){.grid-buku{grid-template-columns:repeat(4,minmax(0,1fr))}}.book-card{display:flex;flex-direction:column;background:var(--color-card);border-radius:var(--radius-lg);padding:var(--space-2);color:inherit;text-decoration:none;box-shadow:var(--shadow-card);border:1px solid var(--color-border);transition:transform .15s,box-shadow .15s}.book-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}.book-card-body{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-1) var(--space-1)}.book-card-judul{font-family:var(--font-sans);font-weight:700;font-size:.95rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-card-penulis{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stars{display:flex;align-items:center;gap:var(--space-1);border:none;padding:0}.stars legend{margin-bottom:var(--space-1)}.star{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:1.8rem;color:var(--color-border-strong);cursor:pointer}.star.on{color:#d69e1c}.star:focus-within{outline:3px solid var(--color-olive);border-radius:var(--radius-sm)}.hero{position:relative;overflow:hidden;padding:var(--space-7) 0 var(--space-8)}.hero-inner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4)}.hero-logo{width:min(460px,86vw);filter:drop-shadow(0 6px 0 rgba(0,0,0,.25))}.hero-sapa{font-family:var(--font-display);font-size:clamp(1.3rem,4vw,1.7rem)}.hero-cta{justify-content:center}.kenalan{display:grid;gap:var(--space-5);align-items:center;padding-top:var(--space-7);padding-bottom:var(--space-7)}.kenalan .card-olive h2{text-transform:uppercase;margin-bottom:var(--space-3)}.kenalan-img{width:min(340px,80%);margin:0 auto}.kenalan-cerita{font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:.06em;text-align:center;color:var(--color-primary);line-height:1.7}.kenalan-cerita p+p{margin-top:var(--space-4)}@media(min-width:900px){.kenalan{grid-template-columns:1fr 1fr 1fr}}.seksi{padding-top:var(--space-6);padding-bottom:var(--space-6)}.seksi>h2,.seksi-kepala{margin-bottom:var(--space-4)}.seksi-kepala{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between}.seksi-band{padding:var(--space-7) 0}.judul-pill{display:table;margin:0 auto var(--space-6);padding:var(--space-3) var(--space-6)}.vslider{--tinggi: min(88vw, 520px);display:grid;grid-template-columns:minmax(0,1fr) 72px;grid-template-areas:"utama thumbs" "bawah .";column-gap:var(--space-3);row-gap:var(--space-3);max-width:760px;margin:0 auto}@media(min-width:640px){.vslider{grid-template-columns:minmax(0,1fr) 96px}}.vslider-utama{grid-area:utama;position:relative;height:var(--tinggi);overflow:hidden;border-radius:var(--radius-xl);background:var(--color-olive);box-shadow:var(--shadow-lift)}.vslider-utama img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .5s ease}.vslider-utama img.on{opacity:1}.vslider-bawah{grid-area:bawah;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.vslider-nama{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.9rem,2.8vw,1.15rem)}.vslider-nav{display:flex;flex:0 0 auto;gap:var(--space-2)}.vslider-nav button{width:44px;height:44px;border-radius:50%;border:none;background:var(--color-pill);font-weight:700;box-shadow:0 4px #0000001f;transition:transform .15s}.vslider-nav button:hover{transform:translateY(-2px)}.vslider-thumbs{grid-area:thumbs;height:var(--tinggi);list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;scrollbar-width:none}.vslider-thumbs::-webkit-scrollbar{display:none}.vslider-thumbs button{display:block;width:100%;padding:0;border:3px solid transparent;border-radius:var(--radius-md);overflow:hidden;background:none;opacity:.6;transition:opacity .2s,border-color .2s}.vslider-thumbs button:hover{opacity:.9}.vslider-thumbs button[aria-current=true]{opacity:1;border-color:var(--color-pill)}.vslider-thumbs img{width:100%;aspect-ratio:1;object-fit:cover}.cara-grid{display:grid;gap:var(--space-5);align-items:stretch}@media(min-width:800px){.cara-grid{grid-template-columns:3fr 2fr}}.langkah{counter-reset:langkah;list-style:none;padding:0;display:grid;gap:var(--space-3);grid-auto-rows:1fr}.langkah li{counter-increment:langkah;position:relative;display:flex;align-items:center;padding:var(--space-4) var(--space-4) var(--space-4) 64px;background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.langkah li:before{content:counter(langkah);position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--color-olive-soft);font-family:var(--font-display);font-size:1.1rem}.member-card{display:flex;flex-direction:column}.member-card h3{text-transform:uppercase;letter-spacing:.04em}.member-card .harga-besar{color:var(--color-on-primary)}.member-card .poin-list li:before{color:var(--color-text)}.member-card>.stack{flex:1;display:flex;flex-direction:column}.member-card>.stack>.btn{margin-top:auto;align-self:flex-start}.grid-faq{display:grid;gap:var(--space-4)}@media(min-width:900px){.grid-faq{grid-template-columns:repeat(3,minmax(0,1fr))}}.grid-faq h3{text-transform:uppercase;margin-bottom:var(--space-3);letter-spacing:.04em}.salam{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding-top:var(--space-7);text-align:center;font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);font-size:1.1rem;max-width:640px}.salam img{width:90px}.filter{display:grid;gap:var(--space-3);margin:var(--space-4) 0;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-cari,.filter .check{grid-column:1 / -1}@media(min-width:900px){.filter{grid-template-columns:2fr 1fr 1fr 1fr}.filter-cari{grid-column:auto}}.paginasi{justify-content:center;margin-top:var(--space-5)}.detail{display:grid;gap:var(--space-5);margin-top:var(--space-3)}.detail-cover{width:min(240px,60vw);margin:0 auto;box-shadow:var(--shadow-lift)}@media(min-width:760px){.detail{grid-template-columns:240px 1fr}.detail-cover{width:240px}}.info-list{display:grid;gap:var(--space-1)}.info-list>div{display:grid;grid-template-columns:110px 1fr;gap:var(--space-3);padding:var(--space-1) 0;border-bottom:1px dashed var(--color-border)}.info-list dt{color:var(--color-text-muted);font-size:.85rem}.info-list dd{margin:0;overflow-wrap:anywhere}.info-rapat>div{grid-template-columns:80px 1fr;font-size:.875rem}.sinopsis{white-space:pre-line}.detail-panel{display:grid;gap:var(--space-4);margin-top:var(--space-6)}@media(min-width:900px){.detail-panel{grid-template-columns:1fr 1fr;align-items:start}}.detail-panel .card>h2{margin-bottom:var(--space-3)}.resensi-list{list-style:none;padding:0;display:grid;gap:var(--space-3)}.resensi-list p:first-child[aria-label]{color:#d69e1c}.loan-list{list-style:none;padding:0;display:grid;gap:var(--space-3)}.loan-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--space-4);padding:var(--space-4)}.loan-cover{width:72px}.loan-card h3{font-family:var(--font-sans);font-size:1rem;font-weight:700}.loan-telat{border:2px solid var(--color-danger)}.simple-list{list-style:none;padding:0;display:grid;gap:var(--space-2)}.simple-list>li{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}ol.simple-list{list-style:decimal inside}.login{max-width:440px}.kandidat{list-style:none;padding:0;display:grid;gap:var(--space-2)}.kandidat-btn{display:flex;gap:var(--space-3);align-items:center;width:100%;text-align:left;padding:var(--space-2);background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md)}.kandidat-btn:hover{border-color:var(--color-olive)}.kandidat-cover{width:44px;flex:0 0 44px;font-size:.5rem}.cover-preview{width:96px;margin-top:var(--space-2)}.lokasi-set{border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3)}@media(min-width:640px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.kode-preview{display:flex;align-items:center;gap:var(--space-4)}.label-punggung,.label-cetak{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--color-text);border-radius:6px;background:#fff;font-weight:700;line-height:1.25}.label-punggung{min-width:90px;padding:var(--space-2);font-size:1rem}.admin-buku-list{list-style:none;padding:0}.admin-buku-list>li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.admin-buku-list input[type=checkbox]{width:22px;height:22px;accent-color:var(--color-primary)}.admin-buku-info{flex:1 1 220px;display:flex;flex-direction:column;min-width:0}.avatar{width:36px;height:36px;border-radius:50%;background:var(--color-olive-soft);flex:0 0 36px}.angka-grid{list-style:none;padding:0;display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:760px){.angka-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.angka-grid .card{display:flex;flex-direction:column;padding:var(--space-4)}.angka{font-family:var(--font-display);font-size:2rem;color:var(--color-primary)}.bar-list{list-style:none;padding:0;display:grid;gap:var(--space-2)}.bar-list li{display:grid;grid-template-columns:minmax(0,150px) 1fr 32px;gap:var(--space-3);align-items:center;font-size:.875rem}.bar{height:12px;border-radius:999px;background:linear-gradient(var(--color-olive),var(--color-olive)) no-repeat left / var(--w) 100%,var(--color-pill)}.lembar-label{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,3.5cm);gap:.25cm}.label-cetak{width:3.5cm;height:4cm;padding:.15cm;font-size:13pt;break-inside:avoid}.label-kepala{font-size:6.5pt;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid #000;margin-bottom:.15cm;padding-bottom:.05cm;width:100%;text-align:center}@media print{.page{padding:0}.container{max-width:none}@page{size:A4;margin:1cm}}.produk-gambar{position:relative}.produk-gambar img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm)}.produk-diskon{position:absolute;top:var(--space-2);left:var(--space-2);padding:2px var(--space-2);border-radius:999px;background:var(--color-danger);color:#fff;font-size:.75rem;font-weight:700}.harga{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.harga-besar{font-family:var(--font-display);font-size:1.6rem;color:var(--color-primary)}.produk-detail{align-items:start}.tawaran-harga,.tawaran-fitur{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr)}@media(min-width:760px){.tawaran-harga{grid-template-columns:3fr 2fr;align-items:start}.tawaran-fitur{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.tawaran-angka{font-family:var(--font-display);font-size:clamp(2.2rem,8vw,3rem);font-weight:800;line-height:1.1}.tawaran-angka-kecil{font-size:1.8rem;color:var(--color-primary)}.tawaran-daftar{padding-left:var(--space-5)}.tawaran-daftar li+li{margin-top:var(--space-2)}@media(min-width:760px){.produk-detail{grid-template-columns:minmax(0,420px) 1fr}}.galeri-utama{width:100%;aspect-ratio:1;object-fit:contain;background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.galeri-thumbs{list-style:none;padding:0;display:flex;gap:var(--space-2);margin-top:var(--space-3);overflow-x:auto}.galeri-thumbs button{width:64px;padding:0;border:3px solid transparent;border-radius:var(--radius-sm);overflow:hidden;background:none;opacity:.6;transition:opacity .2s,border-color .2s}.galeri-thumbs button:hover{opacity:.9}.galeri-thumbs button[aria-current=true]{opacity:1;border-color:var(--color-olive)}.galeri-thumbs img{aspect-ratio:1;object-fit:cover}.poin-list{padding-left:0;list-style:none;display:grid;gap:var(--space-2);margin-top:var(--space-2)}.poin-list li{position:relative;padding-left:28px}.poin-list li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--color-olive-soft);font-size:.75rem;font-weight:700}.bayar{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-pill)}.qris-kartu{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);background:var(--color-card);border:2px solid var(--color-olive-soft);border-radius:var(--radius-lg);text-align:center}.qris-nominal{padding:var(--space-1) var(--space-5);border-radius:999px;background:var(--color-primary);color:var(--color-on-primary);font-weight:700;font-size:1.5rem}.qris-qr{width:min(260px,100%)}.qris-qr svg{width:100%;height:auto}.rekening{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-card);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.bukti-preview{max-width:240px;max-height:360px;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.thumb-edit{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-3)}.thumb-edit li{display:flex;flex-direction:column;gap:var(--space-1);width:96px}.thumb-edit img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm)}.rincian{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-4);align-items:baseline}.rincian>:nth-last-child(-n+2){padding-top:var(--space-2);border-top:1.5px dashed var(--color-border-strong)}.nominal-cek{font-size:1.15rem;color:var(--color-primary)}.reveal-card{position:relative;display:block;aspect-ratio:2 / 3;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-border);color:#fff;text-decoration:none;box-shadow:var(--shadow-card);transition:transform .35s ease,opacity .35s ease,filter .35s ease,box-shadow .35s ease}.reveal-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;object-fit:cover;transition:transform .6s ease}.reveal-chips{position:absolute;top:var(--space-2);left:var(--space-2);right:var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-1)}.reveal-chips .chip{box-shadow:0 2px 6px #0000002e}.reveal-chips .chip:not(.chip-ok):not(.chip-warn){background:#ffffffeb;color:var(--color-text)}.reveal-info{position:absolute;left:0;right:0;bottom:0;padding:var(--space-7) var(--space-3) var(--space-3);background:linear-gradient(to top,#14140aeb 30%,#14140a00);transition:transform .35s ease,opacity .35s ease}.reveal-judul{font-family:var(--font-sans);font-weight:700;font-size:.95rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reveal-penulis{margin-top:2px;font-size:.78rem;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(hover:hover)and (pointer:fine){.reveal-info{opacity:0;transform:translateY(40%)}.reveal-card:hover,.reveal-card:focus-visible{z-index:2;transform:scale(1.05);box-shadow:var(--shadow-lift)}.reveal-card:hover .reveal-img,.reveal-card:focus-visible .reveal-img{transform:scale(1.08)}.reveal-card:hover .reveal-info,.reveal-card:focus-visible .reveal-info{opacity:1;transform:none}.grid-reveal:has(.reveal-card:hover) .reveal-card:not(:hover){opacity:.5;filter:grayscale(.5);transform:scale(.97)}}@media(prefers-reduced-motion:reduce){.reveal-card,.reveal-img,.reveal-info{transition:none}}.simple-list .chip{vertical-align:middle}