@layer utilities{.gembala-tirai{z-index:999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0a099e;padding:16px;animation:.18s backwards gembala-pudar;display:flex;position:fixed;inset:0}html:has(.gembala-tirai){scrollbar-gutter:stable}.gembala-kotak{overscroll-behavior:contain;background:var(--krem);border-radius:var(--r-panel);width:100%;max-width:380px;max-height:calc(100dvh - 32px);margin:auto;animation:.28s cubic-bezier(.22,1,.36,1) backwards gembala-naik;position:relative;overflow-y:auto;box-shadow:0 28px 70px -20px #0000008c}.gembala-tutup{z-index:3;color:#1c1917;cursor:pointer;background:#ffffffe6;border:0;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 10px #0000002e}.gembala-tutup:hover{background:#fff}.gembala-kepala{background:radial-gradient(55% 85% at 50% 100%,#d7a84a57,#0000 72%),linear-gradient(170deg,#fbf7f0 0%,#efe6d8 62%,#e0d4c2 100%);height:176px;position:relative}.gembala-kepala:after{content:"";background:linear-gradient(180deg, transparent 35%, var(--krem) 100%);position:absolute;inset:0}.gembala-potret{z-index:2;width:150px;height:192px;box-shadow:0 0 0 4px var(--krem), 0 0 0 5px #d7a84a99, 0 22px 40px -14px #00000073;background:radial-gradient(75% 70% at 50% 38%,#d7a84a66,#5b4f3247 55%,#0000 76%),#26271d;border-radius:75px 75px 16px 16px;position:absolute;bottom:-64px;left:50%;overflow:hidden;transform:translate(-50%)}.gembala-potret img{object-fit:cover;object-position:50% 0}.gembala-teks{text-align:center;padding:84px 28px 30px}.gembala-teks .jabatan{letter-spacing:.14em;text-transform:uppercase;color:var(--marun);font-size:11px;font-weight:600}.gembala-teks .nama{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;text-wrap:balance;margin-top:6px;font-size:23px;font-weight:700;line-height:1.2}.gembala-teks .paroki{color:#1c191794;text-wrap:balance;margin-top:4px;font-size:13px}.gembala-kutipan{border-top:1px solid var(--garis);color:#44403c;text-wrap:pretty;margin-top:18px;padding-top:18px;font-size:14.5px;font-style:italic;line-height:1.65}.gembala-kutipan:before{content:"“";height:22px;font-family:var(--font-display), serif;color:var(--marun);font-size:44px;font-style:normal;line-height:1;display:block}@keyframes gembala-pudar{0%{opacity:0}}@keyframes gembala-naik{0%{opacity:0;transform:translateY(16px)scale(.97)}}@media (prefers-reduced-motion:reduce){.gembala-tirai,.gembala-kotak{animation:none}}}