:root{--navy:#0b2b58;--ink:#152f51;--blue:#0e5d9f;--gold:#ffc32d;--mist:#f3f7fb;--muted:#6a7b91}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--mist);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.news-shell{width:min(1320px,calc(100% - 56px));margin:auto}.news-hero{min-height:520px;color:#fff;background:linear-gradient(90deg,rgba(6,26,55,.91),rgba(8,30,60,.77) 55%,rgba(8,30,60,.60)),var(--news-hero) center 52%/cover no-repeat}.news-header{border-bottom:1px solid #ffffff30;background:#071a33a8}.nav-row{min-height:86px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:800;letter-spacing:.055em;white-space:nowrap}.brand img{width:42px;height:53px;object-fit:contain}.desktop-nav{display:flex;gap:23px;margin-left:auto;align-items:center;font-size:13px;font-weight:700;white-space:nowrap}.desktop-nav a{opacity:.85;transition:opacity .2s}.desktop-nav a:hover,.desktop-nav .current{opacity:1;color:#fff}.desktop-nav .current:after{content:"";display:block;height:2px;background:var(--gold);margin-top:4px}.nav-cta{padding:12px 19px;background:var(--gold);color:#071d38;border-radius:30px;font-size:13px;font-weight:800;white-space:nowrap}.mobile-nav{display:none}.hero-copy{padding:122px 0 96px}.eyebrow{color:#d99b04;font-size:11px;font-weight:800;letter-spacing:.17em}.hero-copy .eyebrow{color:var(--gold)}.hero-copy h1{font:700 clamp(3rem,6vw,6rem)/1.05 Georgia,"Times New Roman",serif;letter-spacing:-.035em;margin:20px 0 14px;max-width:930px}.hero-copy p{margin:0;color:#e4eaf1;font-size:clamp(15px,1.5vw,19px);max-width:700px}.news-main{padding:94px 0 110px;min-height:380px}.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:36px;align-items:start}.section-intro{margin:0 0 30px}.section-intro h2{font:700 clamp(1.6rem,3vw,2.4rem)/1.2 Georgia,serif;margin:9px 0}.section-intro p{color:var(--muted);margin:0}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.news-card{background:#fff;min-width:0;border-radius:18px;overflow:hidden;box-shadow:0 16px 38px #15335112;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.news-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px #15335123}.card-image{height:255px;display:block;background:linear-gradient(140deg,#1b5284,#0b2b58);overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.news-card:hover .card-image img{transform:scale(1.04)}.image-fallback{height:100%;display:grid;place-items:center;color:#fff;font:700 18px Georgia,serif;letter-spacing:.12em}.card-body{padding:25px 25px 28px;display:flex;flex-direction:column;flex:1}.card-meta,.article-meta{display:flex;justify-content:space-between;gap:12px;color:var(--blue);font-size:12px;font-weight:700}.card-meta time,.article-meta time{color:#7486a0;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.news-card h3{font:700 24px/1.25 Georgia,serif;margin:17px 0 12px}.news-card h3 a:hover{color:var(--blue)}.card-body>p{margin:0 0 22px;color:#607088;font-size:14px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:auto;font-size:12px}.card-bottom span{color:#65738b}.card-bottom a,.all-news-link,.article-end a{color:var(--blue);font-weight:800}.news-aside{display:grid;gap:22px}.aside-card{background:#fff;border-radius:17px;padding:23px;box-shadow:0 14px 32px #1533510d}.aside-card h2{font-size:16px;font-weight:700;line-height:1.35;margin:20px 0 15px}.filter{display:block;padding:10px 12px;margin:4px 0;border-radius:10px;font-size:13px;font-weight:700}.filter:hover,.filter.active{background:#e8f2fb;color:#075b9d}.aside-feature{background:#0d315e;color:#fff;border-radius:17px;padding:25px}.aside-feature>span{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.16em}.aside-feature h2{font:700 25px/1.2 Georgia,serif;margin:15px 0}.aside-feature p{color:#d5e3f2;font-size:13px}.aside-feature a{display:inline-block;color:var(--gold);font-size:13px;font-weight:800;margin-top:9px}.empty-news{background:white;border-radius:17px;padding:40px}.empty-news h3{font:700 24px Georgia,serif}.empty-news a{color:var(--blue);font-weight:700}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:36px;align-items:start}.article-card{background:white;border-radius:19px;padding:clamp(25px,4vw,54px);box-shadow:0 14px 40px #15335112}.back-link{display:inline-block;color:var(--blue);font-size:13px;font-weight:800;margin-bottom:30px}.article-meta{justify-content:flex-start;gap:20px}.article-card h1{font:700 clamp(2.1rem,4vw,4rem)/1.13 Georgia,serif;margin:16px 0}.article-lead{font-size:19px;color:#526781;line-height:1.6;margin:0 0 12px}.article-author{font-weight:700;font-size:13px;color:var(--blue);margin:0 0 26px}.article-card figure{margin:0 0 32px}.article-card figure img{display:block;width:100%;max-height:500px;object-fit:cover;border-radius:14px}.article-card figcaption{color:#8493a6;font-size:12px;margin-top:9px}.article-body{font-size:17px;line-height:1.9;overflow-wrap:anywhere}.article-end{border-top:1px solid #e6edf4;margin-top:42px;padding-top:23px}.recent-link{display:block;border-top:1px solid #edf1f5;padding:15px 0}.recent-link small{display:block;color:#8292a6}.recent-link strong{display:block;font:700 16px/1.3 Georgia,serif;margin-top:5px}.all-news-link{font-size:13px}.news-footer{color:#fff;background:linear-gradient(60deg,rgba(3,34,95,.94),rgba(0,122,151,.89) 62%,rgba(44,38,105,.85)),url('../img/about-bg.jpg') center/cover;padding:55px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr 1.2fr;gap:45px}.footer-brand{display:flex;align-items:center;gap:10px;line-height:1.2}.footer-brand img{height:46px;max-width:42px;object-fit:contain}.footer-grid h2{font-size:16px;margin:5px 0 15px}.footer-grid p{color:#e1eaf2;font-size:13px;line-height:1.8;margin:14px 0}.footer-grid a{display:block;color:#ecf3fa;font-size:13px;margin:9px 0}.footer-grid a:hover{text-decoration:underline;color:#fff}.footer-bottom{border-top:1px solid #ffffff46;margin-top:40px;padding-top:17px;display:flex;justify-content:space-between;gap:20px;color:#dce8f3;font-size:12px}@media(max-width:1100px){.desktop-nav{gap:12px}.nav-cta{display:none}.news-layout,.article-layout{grid-template-columns:minmax(0,1fr) 245px;gap:24px}.card-image{height:210px}}@media(max-width:800px){.news-shell{width:min(100% - 36px,620px)}.news-hero{min-height:430px}.nav-row{min-height:70px}.brand{font-size:12px}.brand img{width:35px;height:43px}.desktop-nav{display:none}.mobile-nav{display:block;margin-left:auto;position:relative}.mobile-nav summary{font-size:23px;cursor:pointer;list-style:none}.mobile-nav nav{position:absolute;right:0;top:42px;width:190px;background:#fff;color:#112f55;border-radius:12px;padding:12px;box-shadow:0 12px 30px #07162d55;z-index:3}.mobile-nav nav a{display:block;padding:7px;font-size:13px}.hero-copy{padding:95px 0 75px}.news-main{padding:55px 0 75px}.news-layout,.article-layout{grid-template-columns:1fr}.news-aside{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}}@media(max-width:540px){.news-grid,.news-aside{grid-template-columns:1fr}.card-image{height:225px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}.article-card{padding:23px}.hero-copy h1{font-size:3rem}}
/* Header dan footer asli situs pada halaman berita */
.news-page{font-family:Roboto,Poppins,sans-serif}.news-page #header,.news-page #header.header-scrolled{height:64px;background:linear-gradient(60deg,rgb(3,34,95),rgba(0,172,193,1) 60%,rgba(84,58,183,1));box-shadow:2px 2px 10px rgba(39,70,133,.45);z-index:997}.news-page #header .logo a{text-decoration:none}.news-page #header .logo .dekorasi{font-size:1.35em}.news-page .news-hero{min-height:520px}.news-page .hero-copy{padding-top:180px}.news-page .footer{font-family:Roboto,Poppins,sans-serif}.news-page .footer .social a{display:inline-flex;align-items:center;justify-content:center;color:#092d55}.news-page .footer .social a:hover{color:#fff}.news-page .footer .social a{width:50px;height:50px;margin-right:3px}.news-page .back-to-top{z-index:998}@media(max-width:800px){.news-page #header,.news-page #header.header-scrolled{height:60px}.news-page #header .logo .dekorasi{font-size:1em}.news-page .news-hero{min-height:420px}.news-page .hero-copy{padding-top:135px}.news-page .footer{padding-top:2.4rem}}

/* Penyesuaian kontras dan header mengikuti perilaku halaman beranda */
.news-page #header:not(.header-scrolled){height:80px;background:transparent;box-shadow:none}
.news-page #header.header-scrolled{height:60px;background:linear-gradient(60deg,rgb(3,34,95) 0%,rgba(0,172,193,1) 60%,rgba(84,58,183,1) 100%);box-shadow:2px 2px 10px rgba(39,70,133,.45)}
.news-page .news-hero .hero-copy h1{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 3px 18px rgba(0,13,34,.48)}
.news-page .news-hero .hero-copy p{color:#f4f8ff!important;text-shadow:0 2px 9px rgba(0,13,34,.45)}
.news-page .aside-feature{background:linear-gradient(135deg,#082e60 0%,#087f9c 63%,#4855a3 100%);color:#fff;box-shadow:0 15px 36px rgba(8,47,100,.22)}
.news-page .aside-feature>span{color:#ffe08a}
.news-page .aside-feature h2{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 8px rgba(0,25,55,.18)}
.news-page .aside-feature p{color:#f1f8ff!important}
.news-page .aside-feature a{color:#ffe08a!important}
.news-page .aside-feature a:hover{color:#fff!important}
@media(max-width:800px){.news-page #header:not(.header-scrolled){height:70px}.news-page #header.header-scrolled{height:60px}}

/* Daftar: kartu langsung setelah hero. Detail: gambar berita sebagai header. */
.news-page .news-list-main{padding-top:66px}
.news-page .news-article-hero{min-height:520px;background:linear-gradient(90deg,rgba(3,20,43,.91) 0%,rgba(5,28,56,.78) 49%,rgba(5,28,56,.52) 100%),var(--news-hero) center/cover no-repeat;display:flex;align-items:flex-end}
.news-page .news-article-hero .hero-copy{padding-top:128px;padding-bottom:48px;margin-left:auto;margin-right:auto}
.news-page .news-article-hero .hero-back{display:inline-block;margin-bottom:22px;color:#fff;font-size:14px;font-weight:700;text-decoration:none;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.news-page .news-article-hero .hero-back:hover{text-decoration:underline;color:#ffe08a}
.news-page .news-article-hero .hero-copy h1{max-width:980px;font-size:clamp(2.7rem,5.7vw,5.5rem);line-height:1.1;margin:0 0 23px;overflow-wrap:anywhere}
.news-page .news-article-hero .hero-copy .hero-summary{max-width:890px;font-size:clamp(16px,1.55vw,21px);line-height:1.65;margin:0 0 26px}
.news-page .news-article-hero .hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#f2f7ff;font-size:13px;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.news-page .news-article-hero .hero-category{display:inline-block;margin-left:14px;padding:6px 13px;border-radius:999px;background:#ffc32d;color:#112d50;text-shadow:none;font-size:12px;font-weight:800}
.news-page .article-card figure{margin-bottom:32px}
@media(max-width:800px){.news-page .news-list-main{padding-top:45px}.news-page .news-article-hero{min-height:420px}.news-page .news-article-hero .hero-copy{padding-top:105px;padding-bottom:38px}.news-page .news-article-hero .hero-back{margin-bottom:18px}}
@media(max-width:540px){.news-page .news-article-hero .hero-copy h1{font-size:clamp(2.1rem,9vw,3rem)}.news-page .news-article-hero .hero-category{margin-left:0}}