.pen-about-banner[data-astro-cid-lmdxukux]{text-align:center;background-color:#061829;padding:140px 0 90px;position:relative;overflow:hidden}.pen-banner-bg[data-astro-cid-lmdxukux]{opacity:.35;z-index:0;background-image:url(/gambar%20design/belakang%20masjid.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.pen-banner-overlay[data-astro-cid-lmdxukux]{z-index:1;background:linear-gradient(#061829d9 0%,#061829f2 100%);position:absolute;inset:0}.pen-banner-container[data-astro-cid-lmdxukux]{z-index:2;max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative}.pen-banner-title[data-astro-cid-lmdxukux]{color:#fff;letter-spacing:-.02em;margin:0 0 1.25rem;font-family:Golos Text,system-ui,sans-serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:700}.pen-breadcrumb-wrap[data-astro-cid-lmdxukux]{letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:inline-flex}.pen-breadcrumb-link[data-astro-cid-lmdxukux]{color:#94a3b8;text-decoration:none;transition:color .2s}.pen-breadcrumb-link[data-astro-cid-lmdxukux]:hover{color:#fff}.pen-breadcrumb-sep[data-astro-cid-lmdxukux]{color:#64748b}.pen-breadcrumb-current[data-astro-cid-lmdxukux]{color:#0969da}.pen-container[data-astro-cid-lmdxukux]{max-width:1320px;margin:0 auto;padding:0 1.5rem}.pen-badge-pill[data-astro-cid-lmdxukux]{background:#0969da14;border:1px solid #0969da33;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:6px 16px;display:inline-flex}.pen-badge-center[data-astro-cid-lmdxukux]{margin-left:auto;margin-right:auto}.pen-badge-dot[data-astro-cid-lmdxukux]{background-color:#0969da;border-radius:50%;width:6px;height:6px}.pen-badge-text[data-astro-cid-lmdxukux]{color:#0969da;letter-spacing:.1em;font-size:.75rem;font-weight:800}.pen-img-cover[data-astro-cid-lmdxukux]{object-fit:cover;width:100%;height:100%;display:block}.pen-about-intro[data-astro-cid-lmdxukux]{background-color:#f8fafc;padding:100px 0}.pen-intro-grid[data-astro-cid-lmdxukux]{grid-template-columns:1.1fr .9fr;align-items:center;gap:3.5rem;display:grid}.pen-intro-title[data-astro-cid-lmdxukux]{color:#0f172a;margin:0 0 2rem;font-family:Golos Text,system-ui,sans-serif;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:700;line-height:1.2}.pen-intro-stat-row[data-astro-cid-lmdxukux]{align-items:center;gap:2rem;display:flex}.pen-stat-card[data-astro-cid-lmdxukux]{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;min-width:160px;padding:1.75rem;display:flex;box-shadow:0 4px 16px #00000008}.pen-stat-num[data-astro-cid-lmdxukux]{color:#0969da;font-family:Golos Text,system-ui,sans-serif;font-size:3.8rem;font-weight:800;line-height:1}.pen-stat-label[data-astro-cid-lmdxukux]{color:#1e293b;margin-top:.5rem;font-size:.95rem;font-weight:700;line-height:1.3}.pen-intro-sub-img[data-astro-cid-lmdxukux]{border-radius:20px;flex:1;height:200px;overflow:hidden;box-shadow:0 8px 24px #0000000f}.pen-intro-main-img[data-astro-cid-lmdxukux]{border-radius:24px;height:380px;margin-bottom:1.75rem;overflow:hidden;box-shadow:0 12px 32px #00000014}.pen-intro-lead[data-astro-cid-lmdxukux]{color:#475569;margin:0;font-size:1.08rem;line-height:1.75}.pen-video-banner[data-astro-cid-lmdxukux]{justify-content:center;align-items:center;height:480px;display:flex;position:relative;overflow:hidden}.pen-video-bg[data-astro-cid-lmdxukux]{z-index:0;background-image:url(/gambar%20design/interior%20masjid.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.pen-video-overlay[data-astro-cid-lmdxukux]{z-index:1;background:#0f172a73;position:absolute;inset:0}.pen-video-btn-wrap[data-astro-cid-lmdxukux]{z-index:2;position:relative}.pen-play-btn[data-astro-cid-lmdxukux]{backdrop-filter:blur(12px);color:#0f172a;background:#ffffffe6;border-radius:9999px;align-items:center;gap:.75rem;padding:16px 32px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .18s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 10px 30px #0003}.pen-play-btn[data-astro-cid-lmdxukux]:hover{color:#0969da;background:#fff;transform:scale(1.05)}.pen-play-btn[data-astro-cid-lmdxukux]:active{transform:scale(.97)}.pen-play-icon[data-astro-cid-lmdxukux]{color:#0969da;font-size:1.2rem}.pen-timeline-section[data-astro-cid-lmdxukux]{background-color:#fff;padding:110px 0}.pen-section-header-center[data-astro-cid-lmdxukux]{text-align:center;max-width:800px;margin:0 auto 4.5rem}.pen-section-title-center[data-astro-cid-lmdxukux]{color:#0f172a;margin:0;font-family:Golos Text,system-ui,sans-serif;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:700;line-height:1.25}.pen-timeline-wrap[data-astro-cid-lmdxukux]{position:relative}.pen-timeline-line[data-astro-cid-lmdxukux]{z-index:0;background:#0969da33;height:2px;position:absolute;top:228px;left:40px;right:40px}.pen-timeline-grid[data-astro-cid-lmdxukux]{z-index:1;grid-template-columns:repeat(4,1fr);gap:2rem;display:grid;position:relative}.pen-timeline-item[data-astro-cid-lmdxukux]{text-align:center}.pen-timeline-img-box[data-astro-cid-lmdxukux]{border:3px solid #fff;border-radius:24px;width:170px;height:170px;margin:0 auto 1.5rem;overflow:hidden;box-shadow:0 6px 20px #0000000f}.pen-timeline-dot[data-astro-cid-lmdxukux]{background-color:#0969da;border:4px solid #fff;border-radius:50%;width:18px;height:18px;margin:0 auto 1.5rem;box-shadow:0 0 0 2px #0969da}.pen-timeline-year[data-astro-cid-lmdxukux]{color:#0f172a;margin:0 0 .75rem;font-family:Golos Text,system-ui,sans-serif;font-size:1.6rem;font-weight:700}.pen-timeline-desc[data-astro-cid-lmdxukux]{color:#475569;margin:0;font-size:.92rem;line-height:1.65}.pen-workflow-section[data-astro-cid-lmdxukux]{background-color:#f8fafc;border-top:1px solid #f1f5f9;padding:110px 0}.pen-workflow-header[data-astro-cid-lmdxukux]{justify-content:space-between;align-items:flex-end;gap:3rem;margin-bottom:3.5rem;display:flex}.pen-section-title[data-astro-cid-lmdxukux]{color:#0f172a;margin:0;font-family:Golos Text,system-ui,sans-serif;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:700;line-height:1.2}.pen-workflow-lead[data-astro-cid-lmdxukux]{color:#475569;max-width:480px;margin:0;font-size:1.05rem;line-height:1.7}.pen-workflow-grid[data-astro-cid-lmdxukux]{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.pen-workflow-card[data-astro-cid-lmdxukux]{background:#fff;border:1px solid #e2e8f0;border-radius:20px;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1);overflow:hidden;box-shadow:0 4px 16px #00000008}.pen-workflow-card[data-astro-cid-lmdxukux]:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000000f}.pen-wf-img-box[data-astro-cid-lmdxukux]{height:180px;overflow:hidden}.pen-wf-body[data-astro-cid-lmdxukux]{padding:1.5rem}.pen-wf-title[data-astro-cid-lmdxukux]{color:#0f172a;margin:0 0 .75rem;font-family:Golos Text,system-ui,sans-serif;font-size:1.15rem;font-weight:700}.pen-wf-desc[data-astro-cid-lmdxukux]{color:#64748b;margin:0;font-size:.9rem;line-height:1.6}.pen-facility-section[data-astro-cid-lmdxukux]{background-color:#fff;padding:110px 0}.pen-facility-header[data-astro-cid-lmdxukux]{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3.5rem;display:flex}.pen-facility-sub[data-astro-cid-lmdxukux]{color:#64748b;max-width:720px;margin-top:.75rem;font-size:1.05rem;line-height:1.65}.pen-facility-tag[data-astro-cid-lmdxukux]{color:#475569;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:8px 16px;font-size:.88rem;font-weight:600}.pen-final-cta-section[data-astro-cid-lmdxukux]{background-color:#f8fafc;border-top:1px solid #e2e8f0;padding:100px 0}.pen-cta-box[data-astro-cid-lmdxukux]{text-align:center;color:#fff;background:linear-gradient(135deg,#0969da 0%,#0349b4 100%);border-radius:28px;padding:4.5rem 2rem;box-shadow:0 16px 40px #0969da33}.pen-cta-title[data-astro-cid-lmdxukux]{margin:0 0 1.25rem;font-family:Golos Text,system-ui,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.25}.pen-cta-desc[data-astro-cid-lmdxukux]{color:#ffffffe6;max-width:680px;margin:0 auto 2.5rem;font-size:1.12rem;line-height:1.7}.pen-btn-primary[data-astro-cid-lmdxukux]{color:#0969da;background-color:#fff;border-radius:9999px;padding:16px 36px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1);display:inline-block;box-shadow:0 8px 24px #00000026}.pen-btn-primary[data-astro-cid-lmdxukux]:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000038}.pen-btn-primary[data-astro-cid-lmdxukux]:active{transform:scale(.97)}@media (width<=1024px){.pen-intro-grid[data-astro-cid-lmdxukux]{grid-template-columns:1fr}.pen-timeline-grid[data-astro-cid-lmdxukux],.pen-workflow-grid[data-astro-cid-lmdxukux]{grid-template-columns:repeat(2,1fr)}.pen-timeline-line[data-astro-cid-lmdxukux]{display:none}}@media (width<=640px){.pen-about-banner[data-astro-cid-lmdxukux]{padding:110px 0 60px}.pen-timeline-grid[data-astro-cid-lmdxukux],.pen-workflow-grid[data-astro-cid-lmdxukux]{grid-template-columns:1fr}.pen-workflow-header[data-astro-cid-lmdxukux],.pen-facility-header[data-astro-cid-lmdxukux]{flex-direction:column;align-items:flex-start;gap:1rem}.pen-intro-stat-row[data-astro-cid-lmdxukux]{flex-direction:column;align-items:stretch}}