/* KPI UNSUDA — Profil Dosen Premium — halaman ini saja */
.kpi-fd-page{--fd-navy:#073454;--fd-blue:#057cad;--fd-ink:#103c59;--fd-gold:#ffcc32;--fd-pale:#eaf6ff;background:#fff;color:var(--fd-ink);padding-bottom:70px;overflow:hidden}
.kpi-fd-page *,.kpi-fd-page *::before,.kpi-fd-page *::after{box-sizing:border-box}
.kpi-fd-inner-width{max-width:1160px}
.kpi-fd-hero{position:relative;isolation:isolate;min-height:355px;display:flex;align-items:center;background:#073454;color:#fff;overflow:hidden}
.kpi-fd-hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--kpi-fd-campus);background-size:cover;background-position:center 51%;background-repeat:no-repeat}
.kpi-fd-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(93deg,rgba(3,34,65,.99) 0%,rgba(4,51,83,.97) 27%,rgba(6,56,90,.89) 44%,rgba(5,49,83,.31) 76%,rgba(4,35,65,.08) 100%)}
.kpi-fd-hero-swirl{position:absolute;left:-115px;bottom:-150px;width:300px;height:270px;border:3px solid #ffc532;border-radius:50%;transform:rotate(-20deg);opacity:.91;pointer-events:none}
.kpi-fd-hero-swirl::after{content:"";position:absolute;inset:25px;border:1px solid rgba(153,225,242,.3);border-radius:45%}
.kpi-fd-hero-inner{padding:35px 0 55px}
.kpi-fd-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 36px;font-size:11px;font-weight:650;color:#dceef6}
.kpi-fd-breadcrumb a{color:#dceef6}
.kpi-fd-breadcrumb a:hover{color:#ffcc32}
.kpi-fd-breadcrumb span[aria-hidden]{color:#ffcc32;font-size:17px;line-height:1}
.kpi-fd-hero-copy{max-width:535px}
.kpi-fd-eyebrow{display:block;font-size:10.5px;letter-spacing:.19em;color:#b5e9f7;font-weight:850;margin-bottom:12px}
.kpi-fd-hero h1,.kpi-fd-single-hero h1{color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,5.4vw,69px);line-height:1.1;letter-spacing:-.028em;margin:0 0 18px}
.kpi-fd-hero h1 em,.kpi-fd-single-hero h1 em{font-style:normal;color:#ffcc32}
.kpi-fd-hero-copy>p{color:#e7f4fa;font-size:14px;line-height:1.76;font-weight:530;max-width:530px;margin:0 0 18px}
.kpi-fd-hero-line{width:105px;height:3px;background:#ffcc32;border-radius:6px;display:block}
.kpi-fd-highlights-wrap{position:relative;z-index:2;margin-top:-25px}
.kpi-fd-highlights{display:grid;grid-template-columns:1fr 1fr 1fr;background:#fff;border:1px solid #e1eef6;border-radius:17px;box-shadow:0 13px 30px rgba(5,62,94,.12);padding:23px 18px}
.kpi-fd-highlight{display:flex;align-items:center;gap:17px;padding:0 25px;min-width:0}
.kpi-fd-highlight+.kpi-fd-highlight{border-left:1px solid #dce8f1}
.kpi-fd-highlight-icon{display:grid;place-items:center;width:60px;height:60px;flex:0 0 60px;border-radius:50%;background:linear-gradient(145deg,#eaf7ff,#dceefb);color:#07547b}
.kpi-fd-highlight-icon svg{width:33px;height:33px}
.kpi-fd-highlight-text{display:flex;flex-direction:column;gap:4px}
.kpi-fd-highlight-text b{color:#073454;font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.15}
.kpi-fd-highlight-text span{font-size:11.5px;line-height:1.48;color:#557289}
.kpi-fd-highlight-count{flex-direction:row;align-items:center;gap:14px}
.kpi-fd-highlight-count>strong{font-size:51px;line-height:1;color:#073454;font-family:Georgia,serif}
.kpi-fd-highlight-count>div{display:flex;flex-direction:column;gap:5px}
.kpi-fd-directory{position:relative;padding:57px 0 44px;background:radial-gradient(ellipse at 100% 0%,#f3faff 0%,#fff 53%);isolation:isolate}
.kpi-fd-directory::before{content:"";position:absolute;left:-80px;top:70px;width:215px;height:215px;border:1px solid rgba(2,143,189,.08);border-radius:34%;transform:rotate(35deg);pointer-events:none;z-index:-1}
.kpi-fd-section-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:0 0 26px}
.kpi-fd-label{display:block;color:#0686b7;letter-spacing:.13em;font-size:10.5px;font-weight:850;margin-bottom:12px}
.kpi-fd-section-intro h2{position:relative;color:#073454;font-family:Georgia,'Times New Roman',serif;font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-.025em;padding-bottom:14px;margin:0}
.kpi-fd-section-intro h2::after{content:"";display:block;position:absolute;bottom:0;left:0;width:49px;height:3px;background:#ffbf29;border-radius:4px}
.kpi-fd-section-intro>p{width:320px;flex:0 0 320px;font-size:12.5px;line-height:1.65;margin:0;color:#547086}
.kpi-fd-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.kpi-fd-card{min-width:0;display:flex;flex-direction:column;border:1px solid #e2edf4;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 8px 25px rgba(5,62,94,.065);transition:transform .2s,box-shadow .2s}
.kpi-fd-card:hover{transform:translateY(-4px);box-shadow:0 15px 37px rgba(5,62,94,.13)}
.kpi-fd-card-portrait{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:4/2.9;background-color:#eaf6ff;background-image:linear-gradient(50deg,rgba(5,116,160,.05) 24%,transparent 24%,transparent 76%,rgba(5,116,160,.05) 76%),radial-gradient(circle at 50% 60%,#eff9ff 10%,#dfedf9 100%);color:#30759c}
.kpi-fd-card-portrait::after{content:"";position:absolute;inset:13px;border:1px solid rgba(0,119,170,.09);border-radius:10px;pointer-events:none}
.kpi-fd-card-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 27%;position:absolute;inset:0}
.kpi-fd-portrait-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#4087aa}
.kpi-fd-portrait-placeholder svg{width:118px;height:118px}
.kpi-fd-portrait-placeholder small{letter-spacing:.22em;font-size:10px;font-weight:850;color:#5685a1}
.kpi-fd-portrait-stripe{position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,#0b83b6,#6ee3dd 62%,#ffcc32)}
.kpi-fd-card-info{display:flex;flex-direction:column;align-items:stretch;gap:0;flex:1;padding:23px 22px 22px}
.kpi-fd-card h3{margin:0 0 5px;font-family:Georgia,'Times New Roman',serif;font-size:23px;letter-spacing:-.02em;color:#073454;line-height:1.24}
.kpi-fd-degree{font-size:13px;font-weight:800;color:#d59507;line-height:1.4;margin:0 0 6px}
.kpi-fd-role{display:block;color:#496a84;font-size:12px;line-height:1.5;font-weight:600;margin:0 0 13px}
.kpi-fd-expertise{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.kpi-fd-expertise span{font-size:10.5px;font-weight:650;line-height:1.4;border-radius:999px;background:#e8f5ff;color:#0b557b;padding:5px 10px;white-space:normal}
.kpi-fd-summary{font-size:12.5px;line-height:1.65;color:#536d82;margin:0 0 22px;overflow-wrap:anywhere}
.kpi-fd-card-bottom{margin-top:auto;min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap}
.kpi-fd-external-links{display:flex;flex-wrap:wrap;gap:5px}
.kpi-fd-external-links a{border:1px solid #d0e6f6;padding:7px 9px;min-height:33px;border-radius:8px;color:#126a9a;font-size:10.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;transition:background .18s}
.kpi-fd-external-links a:hover{background:#eaf6ff}
.kpi-fd-external-links svg{width:17px;height:17px}
.kpi-fd-view-profile{display:inline-flex;align-items:center;gap:15px;justify-content:space-between;min-height:37px;border-radius:10px;background:#06436e;color:white;font-size:12px;font-weight:800;padding:5px 6px 5px 14px;white-space:nowrap;transition:background .2s}
.kpi-fd-view-profile:hover{background:#006c9c;color:white}
.kpi-fd-view-profile svg{width:26px;height:26px;padding:6px;background:#ffcc32;color:#073454;border-radius:50%}
.kpi-fd-coming-soon{width:100%;display:block;padding:10px 12px;border-radius:9px;background:#f2f8fc;color:#598098;font-size:11.5px;font-weight:700;text-align:center}
.kpi-fd-coming-soon>span{color:#d4aa40;margin-right:5px}
.kpi-fd-empty{background:#f2faff;border:1px solid #dcecf7;border-radius:13px;padding:30px;color:#486b82}
.kpi-fd-information-wrap{padding-top:8px}
.kpi-fd-information{display:grid;grid-template-columns:75px minmax(0,1fr) auto;align-items:center;gap:23px;padding:24px 27px;position:relative;overflow:hidden;border:1px solid #d5e9f5;border-radius:16px;background:linear-gradient(110deg,#f0f9ff,#e6f6ff 60%,#f5fbff);box-shadow:0 6px 21px rgba(5,62,94,.05)}
.kpi-fd-info-icon{display:grid;place-items:center;border-radius:50%;width:70px;height:70px;background:#d6edfd;color:#0a608f}
.kpi-fd-info-icon svg{width:37px;height:37px}
.kpi-fd-info-text>span{display:block;font-size:10px;letter-spacing:.12em;color:#2084ad;font-weight:850;margin-bottom:6px}
.kpi-fd-info-text h2{font-family:Georgia,'Times New Roman',serif;font-size:21px;line-height:1.25;margin:0 0 8px;color:#073454}
.kpi-fd-info-text p{margin:0;color:#55728a;font-size:12px;line-height:1.65;max-width:660px}
.kpi-fd-info-button{position:relative;display:inline-flex;align-items:center;gap:12px;border-radius:10px;background:#ffcc32;color:#073454;font-weight:850;font-size:12px;padding:11px 16px;white-space:nowrap}
.kpi-fd-info-button:hover{background:#ffe181;color:#073454}
.kpi-fd-info-button svg{width:18px;height:18px}
.kpi-fd-single-hero{position:relative;isolation:isolate;background:#073454;padding:44px 0 70px;color:#fff}
.kpi-fd-single-hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--kpi-fd-campus);background-size:cover;background-position:center}
.kpi-fd-single-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,39,68,.99),rgba(4,55,91,.8) 64%,rgba(4,55,91,.25))}
.kpi-fd-single-hero .kpi-fd-breadcrumb{margin-bottom:30px}
.kpi-fd-single-hero h1{font-size:clamp(37px,4.6vw,52px);margin:0}
.kpi-fd-single-body{padding-top:48px}
.kpi-fd-single-intro{display:grid;grid-template-columns:300px minmax(0,1fr);gap:35px;padding:25px;background:#fff;box-shadow:0 10px 28px rgba(8,69,104,.1);border:1px solid #e4edf4;border-radius:16px;align-items:center;margin-bottom:31px}
.kpi-fd-single-photo{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:3/3.6;background:#eaf6ff;border-radius:12px;overflow:hidden}
.kpi-fd-single-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 25%}
.kpi-fd-single-ident h2{font-family:Georgia,serif;font-size:clamp(28px,3.3vw,42px);line-height:1.16;color:#073454;margin:0 0 6px}
.kpi-fd-single-degree{font-size:17px;font-weight:800;color:#d59507;margin:0 0 9px}
.kpi-fd-single-role{font-size:14px;font-weight:650;color:#355d78;margin:0 0 13px}
.kpi-fd-single-nidn{font-size:12px;color:#58768a;margin:0 0 16px}
.kpi-fd-single-summary{font-size:14px;line-height:1.75;color:#516e82;margin:6px 0 15px}
.kpi-fd-single-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.kpi-fd-single-links a{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:9px;background:#f0f9ff;border:1px solid #d8eaf7;color:#07547f;font-size:12px;font-weight:800}
.kpi-fd-single-links a:hover{background:#e2f3ff}
.kpi-fd-single-links svg{width:17px;height:17px}
.kpi-fd-profile-block{padding:28px 33px;margin-bottom:20px;background:#fff;border:1px solid #e4edf4;border-left:4px solid #ffcc32;border-radius:12px;box-shadow:0 4px 19px rgba(8,69,104,.035)}
.kpi-fd-profile-block h2{font-family:Georgia,serif;font-size:24px;color:#073454;margin:0 0 17px}
.kpi-fd-profile-block .entry-content,.kpi-fd-multiline{font-size:14px;line-height:1.9;color:#4b697e;overflow-wrap:anywhere}
.kpi-fd-profile-block .entry-content p{margin:0 0 12px}
.kpi-fd-back{display:inline-block;margin-top:9px;color:#0b74a7;font-weight:800;font-size:13px}
.kpi-fd-back:hover{color:#06436e}

/* PROFIL DOSEN — REVISION 02 / warmer, more editorial academic design */
.kpi-fd-page:not(.kpi-fd-single){background:linear-gradient(180deg,#ffffff 0%,#f4fbff 70%,#ffffff 100%)}
.kpi-fd-hero{min-height:365px}
.kpi-fd-hero::after{background:linear-gradient(95deg,rgba(3,34,65,.99) 0%,rgba(4,51,83,.96) 26%,rgba(6,56,90,.81) 45%,rgba(5,49,83,.18) 76%,rgba(4,35,65,.05) 100%)}
.kpi-fd-hero-swirl{left:-125px;bottom:-137px;width:330px;height:278px;border-width:5px;border-radius:41% 59% 53% 47%;box-shadow:0 0 0 15px rgba(255,204,50,.07)}
.kpi-fd-hero-crescent{position:absolute;right:-125px;bottom:-167px;width:min(47vw,640px);height:267px;transform:rotate(-12deg);border-top:12px solid #ffcb35;background:linear-gradient(120deg,rgba(4,52,89,.98),rgba(3,38,68,.95));border-radius:50% 50% 0 0;pointer-events:none;z-index:0}
.kpi-fd-hero-floating{position:absolute;right:max(4vw,calc((100vw - 1210px)/2));top:18px;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 19px;background:rgba(255,255,255,.95);color:#0a4873;border:1px solid rgba(255,255,255,.68);border-radius:42px;box-shadow:0 12px 31px rgba(3,41,79,.13);font-size:11.5px;line-height:1.4;font-weight:650;max-width:260px}
.kpi-fd-float-icon{display:grid;place-items:center;background:#e8f5ff;width:34px;height:34px;border-radius:50%;color:#08719e;flex:0 0 34px}
.kpi-fd-float-icon svg{width:22px;height:22px}
.kpi-fd-hero-quote{position:relative;z-index:2;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;column-gap:11px;width:100%;max-width:295px;min-width:0;justify-self:end;align-self:center;padding:16px;background:linear-gradient(135deg,rgba(4,47,80,.96),rgba(3,37,70,.94));border:1px solid rgba(173,227,249,.35);border-left:4px solid #ffcc32;border-radius:14px;box-shadow:0 12px 27px rgba(1,31,60,.16);color:#e7f7fd;overflow-wrap:anywhere}
.kpi-fd-hero-quote>span{font-family:Georgia,serif;font-size:43px;line-height:.82;flex:0 0 auto;color:#ffcc32}
.kpi-fd-hero-quote p{font-size:clamp(12px,.95vw,13px);line-height:1.6;margin:0;padding:0;max-width:100%;min-width:0;overflow-wrap:anywhere;color:#e7f7fd}
.kpi-fd-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(235px,295px);column-gap:clamp(24px,4vw,65px);align-items:center;width:min(1180px,calc(100% - 48px));margin-inline:auto}
.kpi-fd-hero-inner>.kpi-fd-breadcrumb{grid-column:1/-1}
.kpi-fd-eyebrow{color:#ffd45b;font-size:11px}
.kpi-fd-hero-copy{max-width:525px}
.kpi-fd-hero h1{margin-bottom:14px}
.kpi-fd-hero-line{height:4px;background:linear-gradient(90deg,#ffd45b,#ffe8a0);border-radius:30px}
.kpi-fd-highlights-wrap{margin-top:-23px}
.kpi-fd-highlights{position:relative;border-radius:20px;padding:22px 18px;box-shadow:0 14px 35px rgba(5,62,94,.115)}
.kpi-fd-highlight-icon{background:linear-gradient(145deg,#ecf9ff,#d8eefd)}
.kpi-fd-highlight:nth-child(2) .kpi-fd-highlight-icon{background:#e6f8ff}
.kpi-fd-highlight:nth-child(3) .kpi-fd-highlight-icon{background:#e3fbf7;color:#077f85}
.kpi-fd-directory{padding-top:52px;padding-bottom:42px;background:radial-gradient(circle at 0% 42%,rgba(215,243,255,.68) 0%,transparent 24%),radial-gradient(circle at 100% 78%,rgba(223,246,255,.72) 0%,transparent 29%),linear-gradient(180deg,#fbfdff 0%,#f6fbff 68%,#ffffff 100%)}
.kpi-fd-directory::before{width:280px;height:280px;top:110px;left:-156px;border:0;border-radius:45%;transform:rotate(18deg);background:repeating-conic-gradient(from 45deg,rgba(0,126,174,.11) 0deg 2deg,transparent 2deg 28deg);opacity:.38}
.kpi-fd-directory::after{content:"";position:absolute;right:-70px;bottom:37px;width:200px;height:200px;background:repeating-conic-gradient(from 0deg,rgba(241,188,49,.21) 0deg 2deg,transparent 2deg 30deg);border-radius:50%;opacity:.58;pointer-events:none;z-index:-1}
.kpi-fd-label{color:#057fae;letter-spacing:.17em;display:flex;align-items:center;gap:11px}
.kpi-fd-label::before{content:"";width:35px;height:4px;background:#ffcc32;border-radius:8px}
.kpi-fd-section-intro h2::after{background:#ffca32}
.kpi-fd-card-grid{gap:15px}
.kpi-fd-card{position:relative;display:grid;grid-template-columns:minmax(115px,37%) minmax(0,1fr);min-height:242px;padding:10px;gap:0;border-color:#e3f0f8;border-radius:15px;box-shadow:0 8px 29px rgba(5,62,94,.075);isolation:isolate}
.kpi-fd-card::before{content:"";position:absolute;right:13px;top:13px;width:25px;height:25px;border-radius:8px;background:#f2faff;z-index:0}
.kpi-fd-card-accent-2::before{background:#fff6d5}
.kpi-fd-card-accent-3::before{background:#ecfafb}
.kpi-fd-card-portrait{aspect-ratio:auto;min-height:220px;height:100%;border-radius:10px;background-image:radial-gradient(circle at 60% 55%,#f7fdff 0%,#e2f2fc 82%),repeating-conic-gradient(from 45deg,rgba(3,129,177,.04) 0deg 8deg,transparent 8deg 22deg)}
.kpi-fd-card-portrait::after{inset:6px;border-color:rgba(27,138,186,.10)}
.kpi-fd-card-portrait img{object-position:50% 25%}
.kpi-fd-portrait-placeholder svg{width:88px;height:88px}
.kpi-fd-portrait-placeholder small{font-size:8.5px;letter-spacing:.13em}
.kpi-fd-portrait-corner{position:absolute;bottom:0;left:0;width:54px;height:54px;background:#ffcc32;clip-path:polygon(0 0,0 100%,100% 100%);z-index:1;pointer-events:none}
.kpi-fd-card-accent-3 .kpi-fd-portrait-corner{background:#51c8e6}
.kpi-fd-card-accent-2 .kpi-fd-portrait-corner{background:#ffc74d}
.kpi-fd-portrait-stripe{height:0}
.kpi-fd-card-info{position:relative;padding:22px 9px 10px 14px}
.kpi-fd-card-symbol{position:absolute;right:0;top:0;width:27px;height:27px;border-radius:7px;background:#158cce;display:grid;place-items:center;color:#fff;box-shadow:0 3px 9px rgba(3,94,146,.11)}
.kpi-fd-card-accent-2 .kpi-fd-card-symbol{background:#ffcc32;color:#073454}
.kpi-fd-card-accent-3 .kpi-fd-card-symbol{background:#16b5c0;color:#fff}
.kpi-fd-card-symbol svg{width:17px;height:17px}
.kpi-fd-card h3{font-size:clamp(16.5px,1.42vw,21px);margin:0 26px 4px 0;line-height:1.24}
.kpi-fd-degree{font-size:11px;margin-bottom:3px}
.kpi-fd-role{font-size:10.5px;margin-bottom:8px;color:#e79a09;font-weight:750}
.kpi-fd-expertise{gap:4px;margin-bottom:8px}
.kpi-fd-expertise span{font-size:9.2px;padding:4px 8px;background:#e8f4ff}
.kpi-fd-summary{font-size:10.9px;line-height:1.5;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kpi-fd-card-bottom{min-height:32px;gap:5px}
.kpi-fd-external-links a{min-height:27px;padding:5px 7px}
.kpi-fd-external-links svg{width:13px;height:13px}
.kpi-fd-view-profile{font-size:10.5px;padding:4px 5px 4px 10px;min-height:32px;gap:8px}
.kpi-fd-view-profile svg{width:24px;height:24px}
.kpi-fd-coming-soon{font-size:10.5px;padding:9px 10px;background:#eaf6fc;border:1px solid #d7eaf5}
.kpi-fd-information-wrap{padding-top:4px}
.kpi-fd-information{border-radius:17px;padding:24px 26px;grid-template-columns:84px minmax(0,1fr) auto;background:radial-gradient(circle at 10% 50%,rgba(15,155,198,.23),transparent 32%),linear-gradient(110deg,#05355c,#06618e 66%,#074c7a);border:1px solid rgba(170,232,254,.2);box-shadow:0 13px 30px rgba(5,62,94,.15)}
.kpi-fd-information::before{content:"";position:absolute;right:-30px;bottom:-110px;width:320px;height:290px;border:1px solid rgba(255,255,255,.17);border-radius:50%}
.kpi-fd-info-icon{background:rgba(10,144,191,.3);color:#f5fbff;border:1px solid rgba(207,239,255,.5)}
.kpi-fd-info-text>span{color:#abedf8}
.kpi-fd-info-text h2{color:#fff;font-size:23px}
.kpi-fd-info-text p{color:#e4f3f9}
.kpi-fd-info-button{z-index:1}
@media(max-width:1040px){
 .kpi-fd-highlight{padding:0 13px;gap:12px}
 .kpi-fd-highlight-icon{width:53px;height:53px;flex-basis:53px}
 .kpi-fd-highlight-text b{font-size:16px}
 .kpi-fd-card-grid{gap:12px}
 .kpi-fd-card-info{padding:19px 15px 17px}
 .kpi-fd-card h3{font-size:20px}
 .kpi-fd-information{grid-template-columns:64px 1fr;gap:14px}
 .kpi-fd-info-icon{width:62px;height:62px}
 .kpi-fd-info-button{grid-column:2;justify-self:start}
}
@media(max-width:770px){
 .kpi-fd-hero{min-height:355px}
 .kpi-fd-hero::before{background-position:64% center}
 .kpi-fd-hero::after{background:linear-gradient(90deg,rgba(3,34,65,.98),rgba(3,34,65,.85) 63%,rgba(3,34,65,.42))}
 .kpi-fd-hero-inner{padding:30px 0 46px}
 .kpi-fd-hero-copy{max-width:500px}
 .kpi-fd-highlights{grid-template-columns:1fr 1fr;row-gap:20px;padding:20px 15px}
 .kpi-fd-highlight{border-left:0!important}
 .kpi-fd-highlight:last-child{grid-column:1/-1;border-top:1px solid #e4edf3;padding-top:18px}
 .kpi-fd-directory{padding:43px 0 35px}
 .kpi-fd-section-intro{align-items:start;flex-direction:column;gap:12px}
 .kpi-fd-section-intro>p{width:auto;flex:auto}
 .kpi-fd-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
 .kpi-fd-single-intro{grid-template-columns:210px minmax(0,1fr);gap:22px}
}
@media(max-width:520px){
 .kpi-fd-page{padding-bottom:47px}
 .kpi-fd-hero{min-height:345px}
 .kpi-fd-hero-inner{padding:23px 0 46px}
 .kpi-fd-breadcrumb{gap:6px;font-size:10px;margin-bottom:33px}
 .kpi-fd-eyebrow{font-size:9px;letter-spacing:.12em}
 .kpi-fd-hero h1{font-size:clamp(38px,10.4vw,49px)}
 .kpi-fd-hero-copy>p{font-size:12.5px}
 .kpi-fd-highlights-wrap{margin-top:-20px}
 .kpi-fd-highlights{grid-template-columns:1fr;gap:0;padding:14px 20px}
 .kpi-fd-highlight{padding:13px 0!important}
 .kpi-fd-highlight+.kpi-fd-highlight{border-top:1px solid #e4edf3!important}
 .kpi-fd-highlight:last-child{grid-column:auto}
 .kpi-fd-highlight-icon{width:48px;height:48px;flex:0 0 48px}
 .kpi-fd-highlight-icon svg{width:27px;height:27px}
 .kpi-fd-highlight-count>strong{font-size:42px}
 .kpi-fd-section-intro h2{font-size:28px}
 .kpi-fd-card-grid{grid-template-columns:1fr;gap:18px}
 .kpi-fd-card-portrait{aspect-ratio:4/2.85}
 .kpi-fd-card-info{padding:21px}
 .kpi-fd-card h3{font-size:23px}
 .kpi-fd-information{grid-template-columns:1fr;gap:12px;padding:22px}
 .kpi-fd-info-button{grid-column:1}
 .kpi-fd-single-hero{padding:28px 0 45px}
 .kpi-fd-single-hero h1{font-size:39px}
 .kpi-fd-single-body{padding-top:25px}
 .kpi-fd-single-intro{grid-template-columns:1fr;padding:16px;gap:20px}
 .kpi-fd-single-photo{max-width:310px;width:100%;margin-inline:auto}
 .kpi-fd-single-ident{padding:4px}
 .kpi-fd-profile-block{padding:23px 20px}
}
/* Layout Revisi 2: mempertahankan kartu tegak di tablet dan HP */
@media(max-width:1180px){
  .kpi-fd-hero-quote{max-width:290px}
  .kpi-fd-hero-floating{right:22px}
  .kpi-fd-card{grid-template-columns:1fr;padding:9px;min-height:0}
  .kpi-fd-card-portrait{height:auto;min-height:0;aspect-ratio:4/2.65}
  .kpi-fd-card-info{padding:23px 13px 13px}
  .kpi-fd-card h3{font-size:20px}
  .kpi-fd-summary{font-size:11.6px;line-height:1.6}
  .kpi-fd-degree{font-size:12px}
  .kpi-fd-role{font-size:11px}
  .kpi-fd-expertise span{font-size:10px}
  .kpi-fd-portrait-placeholder svg{width:110px;height:110px}
}
@media(max-width:980px){
  .kpi-fd-hero-floating{display:none}
  .kpi-fd-hero-inner{grid-template-columns:minmax(0,1fr);row-gap:0}
  .kpi-fd-hero-quote{display:grid;justify-self:start;align-self:auto;max-width:min(100%,490px);margin-top:18px;padding:13px 16px}
  .kpi-fd-hero-quote>span{font-size:34px}
  .kpi-fd-hero-quote p{font-size:12.5px;line-height:1.6}
  .kpi-fd-hero-crescent{right:-150px;bottom:-180px;width:470px;height:260px;opacity:.8}
  .kpi-fd-hero::after{background:linear-gradient(94deg,rgba(3,34,65,.97),rgba(3,34,65,.80) 58%,rgba(3,34,65,.35))}
}
@media(max-width:770px){
  .kpi-fd-hero-crescent{width:390px;height:210px;bottom:-154px;right:-147px;border-top-width:9px}
  .kpi-fd-directory{padding:38px 0}
  .kpi-fd-card-grid{gap:14px}
  .kpi-fd-card-portrait{aspect-ratio:4/2.85}
  .kpi-fd-card-info{padding:24px 16px 16px}
  .kpi-fd-card h3{font-size:20px}
  .kpi-fd-section-intro>p{font-size:12.5px}
  .kpi-fd-information{grid-template-columns:65px minmax(0,1fr);gap:16px}
  .kpi-fd-info-text h2{font-size:21px}
}
@media(max-width:520px){
  .kpi-fd-hero{min-height:342px}
  .kpi-fd-hero::after{background:linear-gradient(95deg,rgba(3,34,65,.97),rgba(3,34,65,.83) 77%,rgba(3,34,65,.60))}
  .kpi-fd-hero-crescent{width:255px;height:165px;right:-102px;bottom:-131px;border-top-width:7px}
  .kpi-fd-hero-swirl{left:-135px;bottom:-130px;width:265px;height:245px;border-width:3px}
  .kpi-fd-hero-inner{padding:25px 0 42px}
  .kpi-fd-hero-quote{grid-template-columns:23px minmax(0,1fr);gap:9px;width:100%;max-width:100%;margin-top:16px;padding:12px 13px;border-radius:11px}
  .kpi-fd-hero-quote>span{font-size:29px}
  .kpi-fd-hero-quote p{font-size:12px;line-height:1.6}
  .kpi-fd-highlights{border-radius:15px}
  .kpi-fd-directory{padding-top:37px}
  .kpi-fd-section-intro h2{font-size:27px}
  .kpi-fd-card-grid{gap:16px}
  .kpi-fd-card{padding:10px;border-radius:15px}
  .kpi-fd-card-portrait{aspect-ratio:4/2.8}
  .kpi-fd-card-info{padding:22px 13px 14px}
  .kpi-fd-card h3{font-size:22px}
  .kpi-fd-role{font-size:12px}
  .kpi-fd-expertise span{font-size:11px}
  .kpi-fd-summary{font-size:12px;line-height:1.65}
  .kpi-fd-info-text h2{font-size:21px}
  .kpi-fd-information{grid-template-columns:1fr;padding:24px}
  .kpi-fd-info-button{grid-column:1}
}
@media(prefers-reduced-motion:reduce){.kpi-fd-card,.kpi-fd-external-links a,.kpi-fd-view-profile{transition:none}}