/* Loaded only for HUBUNGI-KAMI; every selector is page-scoped. */
.pmb-contact-page { position:relative; isolation:isolate; overflow:hidden; color:#071f4b; background:linear-gradient(120deg,#fff 35%,#fafdff); font-size:13px; line-height:1.5; }
.pmb-contact-page .pmb-contact-page__container { max-width:990px; position:relative; padding-top:20px; }
.pmb-contact-page .pmb-contact-page__building { position:absolute; z-index:-1; top:0; right:0; width:56%; height:270px; background:linear-gradient(90deg,#fff,rgba(255,255,255,.28) 43%,rgba(255,255,255,.22)),linear-gradient(0deg,#fff,rgba(255,255,255,.15) 75%),url('../img/gedung.jpg') center 38% / cover no-repeat; border-radius:110px 0 0 0; opacity:.65; }
.pmb-contact-page .pmb-contact-page__hero { position:relative; padding:0 0 16px; min-height:110px; }
.pmb-contact-page .pmb-contact-page__hero::after { content:''; position:absolute; right:40%; top:58px; width:35px; height:35px; background:rgba(255,209,72,.23); border-radius:50%; box-shadow:22px 18px 0 rgba(112,180,240,.17); pointer-events:none; }
.pmb-contact-page h1 { font-size:36px; font-weight:800; letter-spacing:-.7px; margin:0 0 9px; line-height:1.2; }
.pmb-contact-page h1::after { content:''; display:block; width:34px; height:4px; background:#efac08; border-radius:3px; margin-top:5px; }
.pmb-contact-page h2 { font-size:18px; line-height:1.25; font-weight:750; margin:0 0 4px; }
.pmb-contact-page p { margin:0; }
.pmb-contact-page a { color:inherit; }
.pmb-contact-page a:focus-visible { outline:3px solid #1669c1; outline-offset:4px; }
.pmb-contact-page .pmb-contact-page__address,
.pmb-contact-page .pmb-contact-page__staff,
.pmb-contact-page .pmb-contact-page__location { border:1px solid #dfedfa; border-radius:11px; margin-bottom:10px; padding:10px 12px; }
.pmb-contact-page .pmb-contact-page__address { display:flex; align-items:center; gap:20px; background:rgba(237,247,255,.91); min-height:86px; }
.pmb-contact-page address { margin:0; font-size:12px; }
.pmb-contact-page address p + p { margin-top:4px; }
.pmb-contact-page address .fa { width:20px; text-align:center; margin-right:3px; }
.pmb-contact-page .pmb-contact-page__icon { flex:0 0 49px; height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; background:linear-gradient(135deg,#071a40,#154571); color:#fff; font-size:25px; border:1px solid #092047; box-shadow:inset 0 0 10px rgba(0,0,0,.16); }
.pmb-contact-page .pmb-contact-page__address > .pmb-contact-page__icon { flex-basis:76px; height:63px; font-size:35px; }
.pmb-contact-page .pmb-contact-page__icon--gold { background:linear-gradient(135deg,#ffd358,#efac08); border-color:#e6a500; }
.pmb-contact-page .pmb-contact-page__staff { background:linear-gradient(115deg,#fff9e9,#fffdf6); border-color:#f4cc68; }
.pmb-contact-page .pmb-contact-page__section-heading { display:flex; align-items:center; gap:13px; margin-bottom:11px; }
.pmb-contact-page .pmb-contact-page__section-heading p { font-size:12px; }
.pmb-contact-page .pmb-contact-page__staff-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.pmb-contact-page .pmb-contact-page__staff-card { min-width:0; padding:12px; background:#fff; border-top:2px solid #f3b51e; border-radius:10px; box-shadow:0 5px 12px rgba(21,42,70,.09); }
.pmb-contact-page .pmb-contact-page__staff-info { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.pmb-contact-page .pmb-contact-page__avatar { width:78px; height:78px; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:#e5f9ed; color:#08ad49; font-size:52px; }
.pmb-contact-page .pmb-contact-page__staff-details { min-width:0; }
.pmb-contact-page h3 { font-size:18px; font-weight:750; margin:0; }
.pmb-contact-page .pmb-contact-page__staff-details p { font-size:12px; margin:1px 0 7px; }
.pmb-contact-page .pmb-contact-page__phone { display:inline-flex; gap:8px; align-items:center; font-size:14px; font-weight:750; white-space:nowrap; }
.pmb-contact-page .pmb-contact-page__whatsapp { display:flex; align-items:center; justify-content:center; gap:10px; padding:5px 10px; min-height:35px; background:linear-gradient(180deg,#16cb60,#00a43b); border:1px solid #00a33f; border-radius:10px; color:#fff; font-size:12px; font-weight:700; text-shadow:0 1px 1px rgba(0,0,0,.2); box-shadow:inset 0 1px 2px rgba(255,255,255,.3); transition:background .15s,box-shadow .15s; }
.pmb-contact-page .pmb-contact-page__whatsapp > .fa-whatsapp { font-size:24px; }
.pmb-contact-page .pmb-contact-page__whatsapp > .fa-angle-right { font-size:20px; }
.pmb-contact-page .pmb-contact-page__whatsapp:hover { color:#fff; text-decoration:none; background:#008e35; box-shadow:0 3px 8px rgba(0,120,45,.2); }
.pmb-contact-page .pmb-contact-page__location { background:linear-gradient(115deg,#edf7ff,#e9f5ff); }
.pmb-contact-page .pmb-contact-page__map { padding:5px; background:#c7ebdf; border-radius:9px; overflow:hidden; }
.pmb-contact-page .pmb-contact-page__map iframe { width:100%; height:170px; display:block; border:0; border-radius:5px; background:#e1edf2; }
.pmb-contact-page .pmb-contact-page__divider { border:0; border-top:2px solid #949ba4; margin:10px 0 5px; }
@media (max-width:991.98px) {
    .pmb-contact-page .pmb-contact-page__staff-grid { gap:10px; }
    .pmb-contact-page .pmb-contact-page__staff-card { padding:10px; }
    .pmb-contact-page .pmb-contact-page__staff-info { flex-direction:column; text-align:center; }
    .pmb-contact-page .pmb-contact-page__phone { font-size:13px; }
}
@media (max-width:575.98px) {
    .pmb-contact-page .pmb-contact-page__container { padding-top:25px; }
    .pmb-contact-page .pmb-contact-page__hero { padding:0 0 20px; }
    .pmb-contact-page h1 { font-size:30px; }
    .pmb-contact-page .pmb-contact-page__hero p { max-width:320px; }
    .pmb-contact-page .pmb-contact-page__desktop-break { display:none; }
    .pmb-contact-page .pmb-contact-page__building { width:90%; opacity:.25; }
    .pmb-contact-page .pmb-contact-page__hero::after { display:none; }
    .pmb-contact-page .pmb-contact-page__address { gap:12px; align-items:flex-start; }
    .pmb-contact-page .pmb-contact-page__address > .pmb-contact-page__icon { flex-basis:42px; height:46px; font-size:27px; }
    .pmb-contact-page h2 { font-size:17px; }
    .pmb-contact-page .pmb-contact-page__staff-grid { grid-template-columns:minmax(0,1fr); }
    .pmb-contact-page .pmb-contact-page__staff-info { flex-direction:row; text-align:left; gap:18px; }
    .pmb-contact-page .pmb-contact-page__avatar { width:82px; height:82px; }
    .pmb-contact-page .pmb-contact-page__whatsapp { min-height:44px; }
    .pmb-contact-page .pmb-contact-page__phone { min-height:32px; font-size:14px; }
    .pmb-contact-page .pmb-contact-page__map iframe { height:260px; }
}
@media (max-width:359.98px) {
    .pmb-contact-page .pmb-contact-page__staff-info { gap:10px; }
    .pmb-contact-page .pmb-contact-page__avatar { width:60px; height:60px; font-size:42px; }
    .pmb-contact-page .pmb-contact-page__phone { font-size:12px; gap:5px; }
}