/* KPI UNSUDA | Berita & Kegiatan Mahasiswa — beranda saja */
.kpi-home-news{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f2faff 56%,#f8fcff 100%);padding-top:61px;padding-bottom:67px}
.kpi-home-news::before{content:"";position:absolute;left:-185px;top:25px;width:310px;height:310px;border:1px solid rgba(0,143,187,.10);border-radius:44%;transform:rotate(28deg);pointer-events:none;z-index:-1}
.kpi-home-news::after{content:"";position:absolute;right:-100px;bottom:-160px;width:335px;height:335px;border:23px solid rgba(4,188,215,.045);border-radius:48%;transform:rotate(-21deg);pointer-events:none;z-index:-1}
.kpi-home-news-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:26px}
.kpi-home-news-heading-copy{min-width:0}
.kpi-home-news-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#047aa9;font-size:10px;font-weight:850;letter-spacing:.17em;line-height:1.5}
.kpi-home-news-eyebrow span{display:inline-block;width:31px;height:3px;background:#ffcc32;border-radius:999px;flex-shrink:0}
.kpi-home-news-heading h2{font-family:Georgia,'Times New Roman',serif;color:#073454;font-size:clamp(29px,3.1vw,40px);line-height:1.17;letter-spacing:-.03em;margin:10px 0 9px}
.kpi-home-news-heading h2 span{color:#067eac}
.kpi-home-news-heading p{font-size:13px;line-height:1.65;color:#557185;margin:0}
.kpi-home-news-all{display:inline-flex;align-items:center;justify-content:space-between;gap:17px;padding:11px 14px 11px 17px;border:1px solid #7dc9e6;border-radius:10px;background:#fff;color:#00689b;font-size:12px;font-weight:850;flex-shrink:0;min-height:44px;transition:transform .2s,background .2s,box-shadow .2s}
.kpi-home-news-all:hover{background:#e6f8ff;color:#00689b;transform:translateY(-2px);box-shadow:0 8px 20px rgba(5,78,117,.09)}
.kpi-home-news-all span{font-size:18px;line-height:1}
.kpi-home-news-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:17px}
.kpi-home-news-card{display:grid;grid-template-columns:42% minmax(0,1fr);min-width:0;min-height:206px;overflow:hidden;background:#fff;border:1px solid #dbeaf3;border-radius:15px;box-shadow:0 9px 28px rgba(7,67,105,.075);transition:transform .22s,box-shadow .22s,border-color .22s}
.kpi-home-news-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(7,67,105,.13);border-color:#b4def0}
.kpi-home-news-featured{grid-row:span 2;display:flex;flex-direction:column;min-height:0;border-top:4px solid #ffcc32}
.kpi-home-news-image{position:relative;display:block;overflow:hidden;background:linear-gradient(135deg,#055782,#b4e7f0);min-width:0;min-height:100%;height:100%}
.kpi-home-news-featured .kpi-home-news-image{min-height:0;height:auto;aspect-ratio:16/9.05}
.kpi-home-news-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}
.kpi-home-news-card:hover .kpi-home-news-image img{transform:scale(1.055)}
.kpi-home-news-photo-chip{position:absolute;left:17px;top:17px;border-radius:50px;background:#ffcc32;color:#0a3654;padding:7px 13px;font-size:10px;font-weight:850;box-shadow:0 4px 14px rgba(0,30,60,.15)}
.kpi-home-news-no-image{height:100%;min-height:160px;display:grid;place-items:center;background:linear-gradient(135deg,#07436b,#079bb9);color:#bceefa}
.kpi-home-news-no-image svg{width:58px;height:58px}
.kpi-home-news-content{min-width:0;display:flex;flex-direction:column;padding:20px 20px 18px;align-items:flex-start}
.kpi-home-news-featured .kpi-home-news-content{flex:1;padding:22px 25px 24px}
.kpi-home-news-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#658093;font-size:10.5px;font-weight:650;line-height:1.5;margin-bottom:9px}
.kpi-home-news-category{color:#057eaa;font-weight:850}
.kpi-home-news-meta-dot{color:#e7b42e}
.kpi-home-news-content h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(16px,1.4vw,20px);line-height:1.3;color:#073454;margin:0 0 9px;letter-spacing:-.012em}
.kpi-home-news-featured .kpi-home-news-content h3{font-size:clamp(21px,2vw,27px);line-height:1.28}
.kpi-home-news-content h3 a{color:inherit}
.kpi-home-news-content h3 a:hover{color:#007eaf}
.kpi-home-news-content p{font-size:11.5px;line-height:1.62;color:#617889;margin:0 0 15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.kpi-home-news-featured .kpi-home-news-content p{font-size:12.5px;line-height:1.7;-webkit-line-clamp:3}
.kpi-home-news-read{display:inline-flex;align-items:center;gap:12px;margin-top:auto;font-size:11.5px;font-weight:850;color:#0279a9}
.kpi-home-news-read span{font-size:17px;color:#d49a05;transition:transform .2s}
.kpi-home-news-read:hover{color:#064e7c}
.kpi-home-news-read:hover span{transform:translateX(3px)}
.kpi-home-news-empty{padding:20px 24px;border:1px solid #d8edf4;border-radius:12px;background:#fff;font-size:13px}
@media(max-width:1030px){
 .kpi-home-news-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .kpi-home-news-card:not(.kpi-home-news-featured){grid-template-columns:1fr;display:flex;flex-direction:column;min-height:0}
 .kpi-home-news-card:not(.kpi-home-news-featured) .kpi-home-news-image{height:auto;min-height:0;aspect-ratio:16/7.8}
 .kpi-home-news-card:not(.kpi-home-news-featured) .kpi-home-news-content{flex:1}
 .kpi-home-news-featured .kpi-home-news-image{aspect-ratio:16/10}
 .kpi-home-news-card:not(.kpi-home-news-featured) .kpi-home-news-content p{display:none}
}
@media(max-width:760px){
 .kpi-home-news{padding:46px 0 52px}
 .kpi-home-news-heading{align-items:flex-start;flex-direction:column;gap:17px}
 .kpi-home-news-heading h2{font-size:clamp(28px,5.2vw,37px)}
 .kpi-home-news-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:14px}
 .kpi-home-news-featured{grid-column:span 2;grid-row:auto}
 .kpi-home-news-featured .kpi-home-news-image{aspect-ratio:16/7.7}
 .kpi-home-news-card:not(.kpi-home-news-featured) .kpi-home-news-image{aspect-ratio:16/10}
 .kpi-home-news-card:not(.kpi-home-news-featured) .kpi-home-news-content p{display:-webkit-box}
 .kpi-home-news-content{padding:18px}
 .kpi-home-news-content h3{font-size:17px}
 .kpi-home-news-featured .kpi-home-news-content{padding:20px 21px}
}
@media(max-width:520px){
 .kpi-home-news{padding:41px 0 47px}
 .kpi-home-news-heading{gap:18px;margin-bottom:19px}
 .kpi-home-news-heading h2{font-size:29px}
 .kpi-home-news-heading p{font-size:12.5px}
 .kpi-home-news-all{width:100%;justify-content:space-between}
 .kpi-home-news-grid{grid-template-columns:minmax(0,1fr);gap:15px}
 .kpi-home-news-featured{grid-column:1}
 .kpi-home-news-card,.kpi-home-news-card:not(.kpi-home-news-featured){display:flex;flex-direction:column;min-height:0}
 .kpi-home-news-image,.kpi-home-news-card:not(.kpi-home-news-featured) .kpi-home-news-image,.kpi-home-news-featured .kpi-home-news-image{width:100%;height:auto;min-height:0;aspect-ratio:16/9}
 .kpi-home-news-featured .kpi-home-news-content,.kpi-home-news-content{padding:20px}
 .kpi-home-news-content h3,.kpi-home-news-featured .kpi-home-news-content h3{font-size:21px}
 .kpi-home-news-featured .kpi-home-news-content p{font-size:12px}
 .kpi-home-news-content p,.kpi-home-news-card:not(.kpi-home-news-featured) .kpi-home-news-content p{font-size:12px;display:-webkit-box}
 .kpi-home-news-photo-chip{left:14px;top:14px}
}
@media(prefers-reduced-motion:reduce){.kpi-home-news-card,.kpi-home-news-image img,.kpi-home-news-all,.kpi-home-news-read span{transition:none}}