:where(.p21-profile) .p21-section-head h2{max-width:580px}:where(.p21-profile) .p21-vision-grid h3{margin-bottom:12px}:where(.p21-profile) .p21-vision-grid h2{max-width:520px}:where(.p21-profile) .p21-people-groups h3{margin-bottom:16px}:where(.p21-profile) .p21-people img{aspect-ratio:1.45;object-fit:cover;object-position:center 22%;border-radius:3px;width:100%;height:auto;margin-bottom:12px;display:block}:where(.p21-profile) .p21-welcome>img{aspect-ratio:3/2;object-fit:cover;object-position:center 20%;border-radius:3px;width:100%;height:auto;max-height:380px}:where(.p21-profile) .p21-welcome h2{max-width:600px;margin-bottom:12px}.v20-profile .p21-profile{color:#173251;background:#f8fbfd;font:400 16px/26px DM Sans,Arial,sans-serif}.p21-profile :is(h1,h2,h3,h4,p,dl,dd,ol,ul){margin:0}.p21-profile :is(h1,h2,h3,h4){color:#173251;text-transform:none;font-family:DM Sans,Arial,sans-serif;font-weight:500}.v20-profile .p21-profile h1{letter-spacing:-.045em;text-shadow:none;margin:18px 0;font-size:44px;font-stretch:100%;line-height:48px}.v20-profile .p21-profile h2{letter-spacing:-.035em;font-size:32px;line-height:36px}.v20-profile .p21-profile h3{letter-spacing:-.025em;font-size:20px;line-height:26px}.p21-profile p{color:#496284}.p21-profile .p21-label{color:#126bb5;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:20px;margin-bottom:20px;font:400 12px/18px IBM Plex Mono,monospace;display:flex}:where(.p21-profile) .p21-label:after{content:"";background:#c5d9ea;width:80px;height:1px}:where(.p21-profile) .p21-hero{isolation:isolate;padding:24px var(--pad) 32px;min-height:430px;position:relative;overflow:hidden}:where(.p21-profile) .p21-hero picture{z-index:-2;position:absolute;inset:0 0 0 25%}:where(.p21-profile) .p21-hero picture img{object-fit:cover;object-position:center 40%;width:100%;height:100%;display:block}:where(.p21-profile) .p21-hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#f8fbfd 0%,#f8fbfdf7 30%,#f8fbfdd9 40%,#f8fbfd75 53%,#f8fbfd00 70%);position:absolute;inset:0}:where(.p21-profile) .p21-breadcrumb{gap:8px;margin-bottom:24px;font-size:14px;display:flex}:where(.p21-profile) .p21-breadcrumb a{color:#173251;text-decoration:none}:where(.p21-profile) .p21-hero-copy{width:52%;max-width:620px}:where(.p21-profile) .p21-hero-copy p{max-width:530px}:where(.p21-profile) .p21-facts{max-width:860px;margin-top:32px;display:flex}:where(.p21-profile) .p21-facts>div{border-left:1px solid #bdd4e6;align-items:flex-start;gap:16px;padding:0 22px;display:flex}:where(.p21-profile) .p21-facts>div:first-child{border:0;padding-left:0}:where(.p21-profile) .p21-facts svg{color:#087cde;flex:none;width:32px;height:32px}:where(.p21-profile) .p21-facts dt{font-size:14px;font-weight:600;line-height:20px}:where(.p21-profile) .p21-facts dd{font-size:14px;line-height:20px}:where(.p21-profile) .p21-tabs{padding:0 var(--pad);background:#edf5fa;border-block:1px solid #d8e5ee;gap:44px;display:flex;overflow-x:auto}:where(.p21-profile) .p21-tabs a{white-space:nowrap;color:#496284;padding:18px 0;font-size:16px;text-decoration:none}:where(.p21-profile) .p21-tabs a:hover,:where(.p21-profile) .p21-tabs a:focus-visible{color:#087cde;box-shadow:inset 0 -2px #087cde}:where(.p21-profile) .p21-section{padding:32px var(--pad);border-bottom:1px solid #d8e5ee;scroll-margin-top:24px}:where(.p21-profile) .p21-section-head{grid-template-columns:1fr 1.3fr;align-items:start;gap:64px;margin-bottom:28px;display:grid}:where(.p21-profile) .p21-roles{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}:where(.p21-profile) .p21-roles article{border-left:1px solid #cbdde9;gap:26px;padding-left:32px;display:flex}:where(.p21-profile) .p21-roles article:first-child{border:0;padding-left:0}:where(.p21-profile) .p21-roles svg{color:#087cde;flex:none;width:44px;height:44px}:where(.p21-profile) .p21-roles p{margin-top:8px}:where(.p21-profile) .p21-vision{background:#edf5fa}:where(.p21-profile) .p21-vision-grid{grid-template-columns:1fr 1.5fr;gap:64px;display:grid}:where(.p21-profile) .p21-vision-grid>div+div{border-left:1px solid #cbdde9;padding-left:64px}:where(.p21-profile) .p21-vision ol{padding:0;list-style:none}:where(.p21-profile) .p21-vision li{border-bottom:1px solid #cbdde9;align-items:center;gap:32px;padding:12px 0;display:flex}:where(.p21-profile) .p21-vision li:last-child{border:0}:where(.p21-profile) .p21-vision li>span{color:#087cde;font-size:28px;line-height:32px}:where(.p21-profile) .p21-timeline{grid-template-columns:repeat(6,minmax(0,1fr));padding:20px 0 0;list-style:none;display:grid}:where(.p21-profile) .p21-timeline li{border-top:1px solid #79b8ef;padding:20px 20px 0 0;position:relative}:where(.p21-profile) .p21-timeline li:before{content:"";background:#087cde;border:3px solid #f8fbfd;border-radius:50%;outline:1px solid #087cde;width:13px;height:13px;position:absolute;top:-7px;left:0}:where(.p21-profile) .p21-timeline strong{color:#126bb5;font-size:20px;font-weight:500}:where(.p21-profile) .p21-timeline p{margin-top:6px;font-size:14px;line-height:22px}:where(.p21-profile) .p21-people-groups{grid-template-columns:1fr 1fr;gap:42px;display:grid}:where(.p21-profile) .p21-people-groups>div+div{border-left:1px solid #cbdde9;padding-left:42px}:where(.p21-profile) .p21-people{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;list-style:none;display:grid}.p21-profile .p21-people h4{overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:20px}:where(.p21-profile) .p21-people p{margin-top:4px;font-size:14px;line-height:22px}:where(.p21-profile) .p21-welcome{grid-template-columns:1fr 2.1fr;gap:64px;display:grid}:where(.p21-profile) .p21-welcome>div{position:relative}:where(.p21-profile) .p21-quote{color:#087cde;font-size:64px;line-height:1;position:absolute;top:0;left:-44px}:where(.p21-profile) .p21-welcome-end{justify-content:space-between;align-items:center;gap:24px;margin-top:20px;display:flex}:where(.p21-profile) .p21-welcome-end strong,:where(.p21-profile) .p21-welcome-end p{font-size:14px;line-height:22px}.v20-profile .p21-profile .p21-button{color:#086ac4;text-transform:uppercase;letter-spacing:.04em;border:1px solid #1684ea;justify-content:center;align-items:center;gap:24px;min-height:48px;padding:14px 24px;font:600 14px/20px DM Sans,Arial,sans-serif;text-decoration:none;display:inline-flex}:where(.p21-profile) .p21-button:hover{background:#e4f2fc}:where(.p21-profile) .p21-cta{padding:32px var(--pad);background:#edf5fa;justify-content:space-between;align-items:center;gap:40px;display:flex}.p21-profile .p21-cta h2{color:#173251}.p21-profile .p21-cta p{color:#486282}:where(.p21-profile) .p21-cta p{max-width:680px;margin-top:10px}:where(.p21-profile) .p21-cta>div+div{flex-shrink:0;gap:24px;display:flex}.v20-profile .p21-cta .p21-button{color:#087cde;border-color:#087cde}.v20-profile .p21-cta .p21-primary{color:#fff;background:#087cde;border-color:#087cde}:where(.p21-profile) .p21-cta .p21-button:hover{background:#e4f2fc}:where(.p21-profile) .p21-cta .p21-primary:hover{background:#12557e}.p21-profile a:focus-visible{outline-offset:4px;outline:2px solid #087cde}@media (width>=1600px){:where(.p21-profile) .p21-hero{min-height:520px;padding-block:32px 40px}.v20-profile .p21-profile h1{font-size:60px;line-height:66px}.v20-profile .p21-profile h2{font-size:44px;line-height:48px}:where(.p21-profile) .p21-hero-copy{max-width:820px}:where(.p21-profile) .p21-hero-copy p{max-width:680px;font-size:18px;line-height:28px}:where(.p21-profile) .p21-section{padding-block:40px}}@media (width<=1100px){:where(.p21-profile) .p21-hero-copy{width:66%}:where(.p21-profile) .p21-hero:before{background:linear-gradient(90deg,#f8fbfd 0%,#f8fbfde8 45%,#f8fbfd15 100%)}:where(.p21-profile) .p21-facts{background:#f8fbfdd9;max-width:100%;padding:16px}:where(.p21-profile) .p21-section-head,:where(.p21-profile) .p21-vision-grid{gap:32px}:where(.p21-profile) .p21-vision-grid>div+div{padding-left:32px}:where(.p21-profile) .p21-roles{gap:20px}:where(.p21-profile) .p21-roles article{flex-direction:column;gap:14px;padding-left:20px}:where(.p21-profile) .p21-people-groups{grid-template-columns:1fr;gap:28px}:where(.p21-profile) .p21-people-groups>div+div{border-top:1px solid #cbdde9;border-left:0;padding:28px 0 0}:where(.p21-profile) .p21-welcome-end,:where(.p21-profile) .p21-cta{flex-direction:column;align-items:flex-start}}@media (width<=700px){:where(.p21-profile) .p21-hero{padding:20px var(--pad) 28px}:where(.p21-profile) .p21-hero picture{height:240px;left:0;-webkit-mask-image:linear-gradient(#000 0% 40%,#0000 100%);mask-image:linear-gradient(#000 0% 40%,#0000 100%)}:where(.p21-profile) .p21-hero:before{background:linear-gradient(#f8fbfd20 0%,#f8fbfdc9 28%,#f8fbfd 55% 100%)}:where(.p21-profile) .p21-hero-copy{width:100%;padding-top:100px}:where(.p21-profile) .p21-breadcrumb{z-index:1;background:#f8fbfdd9;width:fit-content;padding:2px 6px;position:relative}.v20-profile .p21-profile h1{font-size:32px;line-height:36px}.v20-profile .p21-profile h2{font-size:28px;line-height:32px}:where(.p21-profile) .p21-facts{background:0 0;grid-template-columns:1fr 1fr;gap:20px;padding:0;display:grid}:where(.p21-profile) .p21-facts>div{border:0;gap:10px;padding:0}:where(.p21-profile) .p21-facts svg{width:26px;height:26px}:where(.p21-profile) .p21-tabs{gap:28px}:where(.p21-profile) .p21-tabs a{font-size:14px}:where(.p21-profile) .p21-section{padding-block:30px}:where(.p21-profile) .p21-section-head,:where(.p21-profile) .p21-vision-grid,:where(.p21-profile) .p21-roles,:where(.p21-profile) .p21-welcome{grid-template-columns:1fr;gap:24px}:where(.p21-profile) .p21-roles article{border-top:1px solid #cbdde9;border-left:0;flex-direction:row;padding:20px 0 0}:where(.p21-profile) .p21-roles article:first-child{padding-top:0}:where(.p21-profile) .p21-vision-grid>div+div{border-top:1px solid #cbdde9;border-left:0;padding:24px 0 0}:where(.p21-profile) .p21-timeline{grid-template-columns:1fr;padding:0 0 0 8px}:where(.p21-profile) .p21-timeline li{border-top:0;border-left:1px solid #79b8ef;padding:0 0 24px 24px}:where(.p21-profile) .p21-timeline li:before{top:5px;left:-7px}:where(.p21-profile) .p21-timeline li:last-child{padding-bottom:0}:where(.p21-profile) .p21-people{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}:where(.p21-profile) .p21-people img{aspect-ratio:4/5}:where(.p21-profile) .p21-welcome>img{height:280px}:where(.p21-profile) .p21-welcome>div{padding-left:28px}:where(.p21-profile) .p21-quote{font-size:44px;left:0}:where(.p21-profile) .p21-cta>div+div{flex-wrap:wrap;gap:16px}}.v21-footer.v21-footer-profile{background-image:linear-gradient(90deg,#032236 0%,#032236f5 42%,#032236a6 100%),url(../../../portal/v21/profil/kawasan-darat-1600.webp)}@media (width<=700px){.v21-footer.v21-footer-profile{background-image:linear-gradient(90deg,#032236 0%,#032236f5 42%,#032236a6 100%),url(../../../portal/v21/profil/kawasan-darat-800.webp)}}.v20-profile .p21-profile-reference{--profile-gutter:clamp(24px, 4.7vw, 110px);--profile-blue:#0074ff;--profile-ink:#102655;--profile-muted:#617bb5;--profile-border:#d9eafb;color:var(--profile-ink);background:#fbfdff;font:400 clamp(12px,1.14vw,16px)/1.42 DM Sans,Arial,sans-serif}.v20-profile .p21-profile-reference :is(h1,h2,h3,h4){color:var(--profile-ink);letter-spacing:-.025em;font-weight:650}.v20-profile .p21-profile-reference h1{letter-spacing:-.035em;font-variation-settings:normal;margin:8px 0;font-size:clamp(32px,3.03vw,44px);line-height:1.03}.v20-profile .p21-profile-reference h2{letter-spacing:normal;font-size:28px;font-weight:600;line-height:1.3}.v20-profile .p21-profile-reference h3{letter-spacing:normal;font-size:18px;font-weight:600;line-height:1.4}.v20-profile .p21-profile-reference p{color:var(--profile-muted)}.v20-profile .p21-profile-reference .p21-label{letter-spacing:.04em;color:var(--profile-blue);gap:12px;margin-bottom:8px;font:650 clamp(10px,.95vw,13px)/1.4 DM Sans,Arial,sans-serif}.v20-profile .p21-profile-reference .p21-label:after{background:#cbe3fa;width:60px}.v20-profile .p21-profile-reference .p21-hero{--profile-gutter:clamp(24px, 4.7vw, 110px);min-height:clamp(330px,29.4vw,650px);padding:clamp(14px, 1.33vw, 30px) var(--profile-gutter) clamp(22px, 2.09vw, 44px);flex-direction:column;display:flex}.v20-profile .p21-profile-reference .p21-hero picture{height:auto;inset:0 0 0 37%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18%);mask-image:linear-gradient(90deg,#0000,#000 18%)}.v20-profile .p21-profile-reference .p21-people img{object-fit:cover;object-position:center 30%;border-radius:0;width:100%;height:clamp(280px,42svh,360px);margin:0}.v20-profile .p21-profile-reference .p21-person-dialog>img{object-fit:contain;border-radius:4px;width:100%;height:auto;max-height:65svh;display:block}.v20-profile .p21-profile-reference .p21-welcome>img{aspect-ratio:1.55;object-fit:cover;object-position:center 25%;height:auto;min-height:0;max-height:none}.v20-profile .p21-profile-reference .p21-hero picture img{object-position:center 25%}.v20-profile .p21-profile-reference .p21-hero:before{background:linear-gradient(90deg,#fbfdff 0%,#fbfdfff7 30%,#fbfdffe0 40%,#fbfdffb3 49%,#fbfdff00 65%)}.v20-profile .p21-profile-reference .p21-breadcrumb{background:0 0;align-items:center;gap:clamp(6px,.57vw,12px);margin-bottom:clamp(20px,1.9vw,40px);padding:0;font-size:clamp(10px,.95vw,14px);line-height:1.5}.v20-profile .p21-profile-reference .p21-breadcrumb a{color:var(--profile-muted)}.v20-profile .p21-profile-reference .p21-breadcrumb svg{width:clamp(12px,1.14vw,22px);height:clamp(12px,1.14vw,22px)}.v20-profile .p21-profile-reference .p21-hero-copy{width:44%;max-width:none;padding-top:0}.v20-profile .p21-profile-reference .p21-hero h1{margin:clamp(8px,.76vw,16px) 0;font-size:clamp(30px,2.85vw,40px);line-height:1.05}.v20-profile .p21-profile-reference .p21-hero .p21-label{gap:clamp(12px,1.14vw,24px);margin-bottom:clamp(8px,.76vw,16px);font-size:clamp(10px,.95vw,13px)}.v20-profile .p21-profile-reference .p21-hero .p21-label:after{width:clamp(60px,5.7vw,114px)}.v20-profile .p21-profile-reference .p21-hero-copy p{max-width:640px;font-size:clamp(14px,1.14vw,16px);line-height:1.4}.v20-profile .p21-profile-reference .p21-facts{background:0 0;grid-template-columns:.86fr 1fr 1fr 1.2fr;width:60%;max-width:880px;margin-top:auto;padding:clamp(56px,4.2vw,80px) 0 0;display:grid}.v20-profile .p21-profile-reference .p21-facts>div{border-left:1px solid #bedbfa;flex:1 1 0;gap:clamp(12px,1.14vw,18px);min-width:0;padding:0 0 0 clamp(18px,1.71vw,26px)}.v20-profile .p21-profile-reference .p21-facts>div:first-child{border:0;padding-left:0}.v20-profile .p21-profile-reference .p21-facts>div:last-child{padding-right:0}.v20-profile .p21-profile-reference .p21-facts svg{width:clamp(28px,2.65vw,34px);height:clamp(28px,2.65vw,34px);color:var(--profile-blue)}.v20-profile .p21-profile-reference .p21-facts dt{font-size:clamp(11px,1.04vw,14px);font-weight:650;line-height:1.25}.v20-profile .p21-profile-reference .p21-facts dd{color:var(--profile-muted);margin-top:clamp(3px,.28vw,6px);font-size:clamp(11px,1.04vw,14px);line-height:1.35}.v20-profile .p21-profile-reference .p21-tabs{z-index:5;padding:0 var(--profile-gutter);border-color:var(--profile-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:thin;background:#f0f8fff5;gap:clamp(28px,3.5vw,50px);position:sticky;top:0}.v20-profile .p21-profile-reference .p21-tabs a{color:var(--profile-muted);padding:16px 0;font-size:14px;line-height:1.5;transition:color .18s,box-shadow .18s}.v20-profile .p21-profile-reference .p21-tabs a[aria-current]{color:var(--profile-blue);box-shadow:inset 0 -3px var(--profile-blue);font-weight:600}.v20-profile .p21-profile-reference .p21-section{font-size:16px;line-height:1.65}.v20-profile .p21-profile-reference .p21-section p{color:#526b92}.v20-profile .p21-profile-reference .p21-section{padding:clamp(48px, 4vw, 64px) var(--profile-gutter);border-color:var(--profile-border);flex-direction:column;justify-content:start;scroll-margin-top:76px;display:flex}.v20-profile .p21-profile-reference :is(#tentang-kib,#visi-misi,#sejarah,#pengurus,#sambutan){scroll-margin-top:76px}.v20-profile .p21-profile-reference .p21-section>.p21-label{margin-bottom:20px;font-size:13px;line-height:1.5}.v20-profile .p21-profile-reference .p21-section-head{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;margin-bottom:48px}.v20-profile .p21-profile-reference .p21-section-head h2{max-width:40ch}.v20-profile .p21-profile-reference .p21-section-head p{max-width:100ch}.v20-profile .p21-profile-reference .p21-roles{gap:40px}.v20-profile .p21-profile-reference .p21-roles article{border-left:1px solid #bddcff;flex-direction:row;gap:24px;padding-left:40px}.v20-profile .p21-profile-reference .p21-roles article:first-child{border:0;padding-left:0}.v20-profile .p21-profile-reference .p21-roles article>div{min-width:0}.v20-profile .p21-profile-reference .p21-roles svg{width:36px;height:36px;color:var(--profile-blue)}.v20-profile .p21-profile-reference .p21-roles h3{font-size:18px;font-weight:600}.v20-profile .p21-profile-reference .p21-roles p{max-width:44ch;margin-top:12px}.v20-profile .p21-profile-reference .p21-vision{background:linear-gradient(100deg,#eff9ff,#edf8ff)}.v20-profile .p21-profile-reference .p21-vision-grid{grid-template-columns:1fr 1.22fr;align-items:start;gap:clamp(48px,4.7vw,80px)}.v20-profile .p21-profile-reference .p21-vision-grid>div+div{border-color:#bddcff;padding-left:clamp(48px,4.7vw,80px)}.v20-profile .p21-profile-reference .p21-vision-grid h3{margin-bottom:20px;font-size:18px;font-weight:600}.v20-profile .p21-profile-reference .p21-vision .p21-vision-statement{letter-spacing:normal;max-width:42ch;color:var(--profile-ink);font-size:22px;font-weight:600;line-height:1.5}.v20-profile .p21-profile-reference .p21-vision li{border-color:#cce6ff;align-items:start;gap:24px;padding:20px 0}.v20-profile .p21-profile-reference .p21-vision li:first-child{padding-top:0}.v20-profile .p21-profile-reference .p21-vision li:last-child{padding-bottom:0}.v20-profile .p21-profile-reference .p21-vision li>span{color:var(--profile-blue);flex:none;font-size:22px;font-weight:600;line-height:1.2}.v20-profile .p21-profile-reference .p21-timeline{padding:12px 0 0}.v20-profile .p21-profile-reference .p21-timeline li{border-color:#77baff;padding:24px 28px 0 0}.v20-profile .p21-profile-reference .p21-timeline li:before{outline-color:var(--profile-blue);background:var(--profile-blue);border-width:2px;width:13px;height:13px;top:-7px}.v20-profile .p21-profile-reference .p21-timeline strong{color:var(--profile-blue);font-size:18px;font-weight:600;line-height:1.4}.v20-profile .p21-profile-reference .p21-timeline p{margin-top:12px;font-size:15px;line-height:1.6}.v20-profile .p21-profile-reference .p21-people-groups{grid-template-columns:1fr;gap:36px;width:100%;max-width:1020px;margin-inline:auto}.v20-profile .p21-profile-reference .p21-people-groups>div+div{border:0;padding:0}.v20-profile .p21-profile-reference .p21-people-intro{gap:12px;margin-bottom:32px}.v20-profile .p21-profile-reference .p21-people-intro h2{max-width:none}.v20-profile .p21-profile-reference .p21-people-groups h3{align-items:center;gap:24px;margin-bottom:18px;font-size:20px;font-weight:600;display:flex}.v20-profile .p21-profile-reference .p21-people-groups h3:after{content:"";background:#8cbeff;width:64px;height:1px}.v20-profile .p21-profile-reference .p21-people{gap:24px}.v20-profile .p21-profile-reference .p21-people li{border:1px solid var(--profile-border);background:#ffffffb3;border-radius:5px;flex-direction:column;min-width:0;padding:0;display:flex;overflow:hidden}.v20-profile .p21-profile-reference .p21-person-caption{flex:1;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:12px;min-height:140px;padding:18px;display:grid}.v20-profile .p21-profile-reference .p21-people h4{letter-spacing:normal;overflow-wrap:normal;min-height:2.8em;font-size:18px;font-weight:600;line-height:1.4}.v20-profile .p21-profile-reference .p21-people p{margin-top:6px;font-size:16px;line-height:1.5}.v20-profile .p21-profile-reference .p21-person-button{width:44px;height:44px;color:var(--profile-blue);cursor:pointer;background:0 0;border:1px solid #76adff;border-radius:50%;justify-self:end;place-items:center;padding:0;transition:background .18s,border-color .18s;display:grid}.v20-profile .p21-profile-reference .p21-person-button svg{width:20px;height:20px}.v20-profile .p21-profile-reference .p21-person-button:hover{border-color:var(--profile-blue);background:#eaf4ff}.v20-profile .p21-profile-reference :is(.p21-person-button,.p21-person-close):focus-visible{outline:2px solid var(--profile-blue);outline-offset:4px}.v20-profile .p21-profile-reference .p21-person-dialog{border:1px solid var(--profile-border);width:min(560px,100% - 48px);max-height:calc(100svh - 48px);color:var(--profile-ink);background:#fbfdff;border-radius:8px;margin:auto;padding:24px;overflow:auto;box-shadow:0 24px 80px #031d3e40}.v20-profile .p21-profile-reference .p21-person-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#071b36b3}.v20-profile .p21-profile-reference .p21-person-dialog>div{margin-top:20px}.v20-profile .p21-profile-reference .p21-person-dialog h2{font-size:20px;line-height:1.4}.v20-profile .p21-profile-reference .p21-person-dialog p{color:#526b92;margin-top:8px;font-size:16px;line-height:1.5}.v20-profile .p21-profile-reference .p21-person-close{border:1px solid var(--profile-border);width:44px;height:44px;color:var(--profile-ink);cursor:pointer;background:#fbfdfff2;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:32px;right:32px}.v20-profile .p21-profile-reference .p21-person-close svg{width:20px;height:20px}.v20-profile .p21-profile-reference .p21-welcome{grid-template-columns:29.2% minmax(0,1fr);gap:clamp(48px,4.7vw,90px)}.v20-profile .p21-profile-reference .p21-welcome>div{align-self:center;padding-left:0}.v20-profile .p21-profile-reference .p21-quote{width:28px;height:24px;color:var(--profile-blue);top:0;left:-42px}.v20-profile .p21-profile-reference .p21-welcome h2{max-width:none;margin-bottom:16px;font-size:28px}.v20-profile .p21-profile-reference .p21-welcome-end{flex-direction:row;align-items:end;gap:24px;margin-top:28px}.v20-profile .p21-profile-reference .p21-welcome-end :is(strong,p){font-size:14px;line-height:1.5}.v20-profile .p21-profile-reference .p21-button{border:1px solid var(--profile-blue);min-height:48px;color:var(--profile-blue);letter-spacing:normal;text-transform:uppercase;border-radius:3px;gap:10px;padding:14px 22px;font:600 13px/1.4 DM Sans,Arial,sans-serif;transition:background .18s,border-color .18s,box-shadow .18s}.v20-profile .p21-profile-reference .p21-button:hover{background:#e6f3ff;box-shadow:0 4px 12px #056be811}.v20-profile .p21-profile-reference .p21-button .p21-arrow{flex:none;width:16px;height:16px}.v20-profile .p21-profile-reference a:focus-visible{outline:2px solid var(--profile-blue);outline-offset:4px}@media (width<=1100px) and (width>=701px){.v20-profile .p21-profile-reference .p21-roles{gap:24px}.v20-profile .p21-profile-reference .p21-roles article{flex-direction:column;gap:18px;padding-left:24px}}@media (width<=1000px) and (width>=701px){.v20-profile .p21-profile-reference .p21-people{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.v20-profile .p21-profile-reference .p21-hero-copy{width:54%}.v20-profile .p21-profile-reference .p21-facts{width:75%}.v20-profile .p21-profile-reference .p21-facts>div{gap:10px;padding-left:12px;padding-right:0}.v20-profile .p21-profile-reference .p21-section{padding-block:48px}.v20-profile .p21-profile-reference .p21-section-head{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.v20-profile .p21-profile-reference .p21-section-head h2{max-width:32ch}.v20-profile .p21-profile-reference .p21-roles{grid-template-columns:1fr;gap:28px}.v20-profile .p21-profile-reference .p21-roles article{border-left:0;border-top:1px solid var(--profile-border);flex-direction:row;gap:24px;padding:28px 0 0}.v20-profile .p21-profile-reference .p21-roles article:first-child{border:0;padding:0}.v20-profile .p21-profile-reference .p21-vision-grid{grid-template-columns:1fr;gap:36px}.v20-profile .p21-profile-reference .p21-vision-grid>div+div{border-top:1px solid #bddcff;border-left:0;padding:36px 0 0}.v20-profile .p21-profile-reference .p21-timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}.v20-profile .p21-profile-reference .p21-welcome{grid-template-columns:34% minmax(0,1fr);gap:48px}.v20-profile .p21-profile-reference .p21-welcome-end{flex-direction:column;align-items:start;gap:20px}}@media (width<=700px){.v20-profile .p21-profile-reference{--profile-gutter:24px;font-size:14px;line-height:1.5}.v20-profile .p21-profile-reference h2{font-size:24px}.v20-profile .p21-profile-reference h3{font-size:17px}.v20-profile .p21-profile-reference .p21-label{margin-bottom:12px;font-size:11px}.v20-profile .p21-profile-reference .p21-hero{padding-block:18px 26px;display:block}.v20-profile .p21-profile-reference .p21-hero picture{height:270px;inset:0;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.v20-profile .p21-profile-reference .p21-hero picture img{object-position:64% 30%}.v20-profile .p21-profile-reference .p21-hero:before{background:linear-gradient(#fbfdff00 0%,#fbfdff80 33%,#fbfdff 55% 100%)}.v20-profile .p21-profile-reference .p21-breadcrumb{background:#fbfdffe8;border-radius:3px;width:fit-content;margin-bottom:128px;padding:3px 8px;font-size:12px;position:relative}.v20-profile .p21-profile-reference .p21-hero-copy{width:100%;max-width:none}.v20-profile .p21-profile-reference .p21-hero h1{margin:8px 0 12px;font-size:32px;line-height:1.12}.v20-profile .p21-profile-reference .p21-hero .p21-label{gap:12px;margin-bottom:12px;font-size:11px}.v20-profile .p21-profile-reference .p21-hero-copy p{font-size:15px;line-height:1.45}.v20-profile .p21-profile-reference .p21-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;width:100%;margin-top:36px;padding:0}.v20-profile .p21-profile-reference .p21-facts>div{border:0;gap:10px;padding:0}.v20-profile .p21-profile-reference .p21-facts svg{width:28px;height:28px}.v20-profile .p21-profile-reference .p21-facts :is(dt,dd){font-size:12px;line-height:1.4}.v20-profile .p21-profile-reference .p21-tabs{gap:26px}.v20-profile .p21-profile-reference .p21-tabs a{padding-block:16px;font-size:13px}.v20-profile .p21-profile-reference .p21-section{padding-block:40px;scroll-margin-top:74px;font-size:15px;line-height:1.65}.v20-profile .p21-profile-reference :is(#tentang-kib,#visi-misi,#sejarah,#pengurus,#sambutan){scroll-margin-top:74px}.v20-profile .p21-profile-reference .p21-section>.p21-label{margin-bottom:18px;font-size:12px}.v20-profile .p21-profile-reference .p21-section-head{gap:24px;margin-bottom:36px}.v20-profile .p21-profile-reference .p21-roles article{gap:20px}.v20-profile .p21-profile-reference .p21-roles svg{width:32px;height:32px}.v20-profile .p21-profile-reference .p21-roles h3{font-size:17px}.v20-profile .p21-profile-reference .p21-roles p{margin-top:10px}.v20-profile .p21-profile-reference .p21-vision-grid h3{margin-bottom:16px;font-size:17px}.v20-profile .p21-profile-reference .p21-vision .p21-vision-statement{font-size:20px}.v20-profile .p21-profile-reference .p21-vision li{gap:20px;padding-block:18px}.v20-profile .p21-profile-reference .p21-vision li>span{font-size:20px}.v20-profile .p21-profile-reference .p21-timeline{grid-template-columns:1fr;gap:0;padding:0 0 0 8px}.v20-profile .p21-profile-reference .p21-timeline li{padding:0 0 28px 24px}.v20-profile .p21-profile-reference .p21-timeline li:before{top:5px;left:-7px}.v20-profile .p21-profile-reference .p21-timeline p{max-width:340px;margin-top:8px}.v20-profile .p21-profile-reference .p21-people-groups{gap:36px}.v20-profile .p21-profile-reference .p21-people-intro{gap:16px;margin-bottom:28px}.v20-profile .p21-profile-reference .p21-people-groups h3{margin-bottom:18px;font-size:18px}.v20-profile .p21-profile-reference .p21-people{grid-template-columns:1fr;gap:24px;width:100%;max-width:360px;margin-inline:auto}.v20-profile .p21-profile-reference .p21-people img{aspect-ratio:4/5;height:auto}.v20-profile .p21-profile-reference .p21-person-caption{min-height:132px;padding:18px}.v20-profile .p21-profile-reference .p21-people h4{min-height:2.9em;font-size:16px;line-height:1.45}.v20-profile .p21-profile-reference .p21-people p{font-size:15px;line-height:1.5}.v20-profile .p21-profile-reference .p21-person-dialog{width:calc(100% - 32px);max-height:calc(100svh - 32px);padding:16px}.v20-profile .p21-profile-reference .p21-person-close{top:24px;right:24px}.v20-profile .p21-profile-reference .p21-person-dialog h2{font-size:18px}.v20-profile .p21-profile-reference .p21-person-dialog p{font-size:15px}.v20-profile .p21-profile-reference .p21-welcome{grid-template-columns:1fr;gap:28px}.v20-profile .p21-profile-reference .p21-welcome>div{padding-left:34px}.v20-profile .p21-profile-reference .p21-quote{width:24px;height:22px;left:0}.v20-profile .p21-profile-reference .p21-welcome h2{font-size:24px}.v20-profile .p21-profile-reference .p21-welcome-end{gap:20px;margin-top:24px}.v20-profile .p21-profile-reference .p21-welcome-end :is(strong,p){font-size:14px;line-height:1.5}.v20-profile .p21-profile-reference .p21-button{min-height:48px;padding:14px 16px;font-size:12px}}@media (width>=951px){.v20-profile .p21-profile-reference .p21-hero{min-height:max(clamp(330px,29.4vw,650px),100svh - 6rem - 55px - clamp(48px,4vw,64px))}}@media (prefers-reduced-motion:reduce){.v20-profile .p21-profile-reference :is(.p21-button,.p21-tabs a,.p21-person-button){transition:none}}.v20-profile .p21-profile-reference :is(.p21-facts dt,.p21-facts dd,.p21-timeline p){overflow-wrap:anywhere}