@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap');
:root{--navy:#102238;--navy-deep:#0c1a2c;--navy-2:#1c3650;--gold:#e2b842;--paper:#f7f7f4;--ink:#203040;--muted:#556371;--line:#d9dfe1;--max:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:1.0625rem;line-height:1.6}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.eyebrow{margin:0;color:#b38a2e;font-size:.875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.site-header{position:sticky;top:0;z-index:20;background:var(--navy-deep);color:white;border-bottom:1px solid #ffffff21}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:84px}
.brand{display:block;flex:0 1 290px;min-width:0;padding:7px 0}
.brand img{width:290px;height:auto;max-height:70px;object-fit:contain;object-position:left center}
.nav{display:flex;align-items:center;gap:2rem;font-size:.9375rem;font-weight:600;white-space:nowrap}
.nav a{display:block;padding:29px 0 25px;border-bottom:3px solid transparent;color:#fffC}
.nav a:hover,.nav a.active{color:#fff;border-bottom-color:var(--gold)}
.menu-toggle{display:none;border:1px solid #ffffff50;background:transparent;color:#fff;padding:8px 13px;cursor:pointer}
.hero{background:linear-gradient(120deg,var(--navy-deep),var(--navy-2));color:#fff}
.hero-inner{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:6%;align-items:center;min-height:520px;padding-block:74px}
.hero .eyebrow{color:var(--gold)}
h1,h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.015em}
.hero h1{font-size:clamp(3rem,4.9vw,4.4rem);line-height:1.08;margin:18px 0 24px}
.hero .intro{max-width:36rem;color:#e0e6eb;font-size:1.125rem;line-height:1.65;margin:0 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 21px;border:1px solid transparent;font-size:.9375rem;font-weight:700;transition:background .2s,border-color .2s}
.btn-primary{background:var(--gold);color:var(--navy-deep)}
.btn-primary:hover{background:#f4cc5d}
.btn-secondary{border-color:#ffffff70;color:#fff}
.btn-secondary:hover{border-color:var(--gold)}
.hero-logo-panel{display:grid;place-items:center;min-height:275px;padding:35px 24px;background:#0c1c30;border:1px solid #c49b4b82;box-shadow:0 24px 60px #0005}
.hero-logo-panel img{width:100%;height:auto}
.hero-note{text-align:right;color:#cad1d9;font-size:.875rem;line-height:1.5;margin:16px 0 0}
.section{padding:76px 0}
.records{background:#fff;border-bottom:1px solid var(--line)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}
.section h2{font-size:clamp(2rem,3.3vw,2.7rem);line-height:1.2;color:var(--navy);margin:7px 0 0}
.text-link{display:inline-block;color:#75561d;font-weight:700;font-size:.9375rem;border-bottom:1px solid #b98e3f;padding-bottom:3px}
.text-link:hover{color:var(--navy)}
.quiet-panel{display:flex;align-items:center;gap:24px;padding:28px 32px;background:#f8f8f5;border:1px solid var(--line)}
.quiet-rule{height:60px;width:3px;background:var(--gold);flex:none}
.quiet-panel p{margin:0;max-width:44rem;color:var(--muted)}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%}
.about-preview p,.about-page p{margin:0 0 18px}
.about-preview .text-link{margin-top:4px}
.page-hero{background:#fff;border-bottom:1px solid var(--line);padding:66px 0}
.page-hero h1{color:var(--navy);font-size:clamp(2.8rem,5vw,4rem);line-height:1.1;margin:10px 0 14px}
.page-hero p:last-child{max-width:44rem;color:var(--muted);margin:0}
.about-page{min-height:300px}
.site-footer{background:var(--navy-deep);color:#c4ced8}
.footer-inner{display:flex;justify-content:space-between;gap:28px;align-items:center;padding-block:38px}
.footer-brand{display:block;color:white;font-family:'DM Serif Display',Georgia,serif;font-size:1.5rem;font-weight:400}
.site-footer p{font-size:.875rem;margin:8px 0 0;line-height:1.5}
.footer-nav{display:flex;gap:20px;flex-wrap:wrap;font-size:.875rem}
.footer-nav a:hover{color:white;text-decoration:underline}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:900px){.nav{gap:1rem}.brand{flex-basis:240px}.brand img{width:240px}.hero-inner{gap:3%;min-height:460px}.hero-logo-panel{min-height:225px;padding:20px}}
@media(max-width:760px){.container{width:min(calc(100% - 32px),var(--max))}.header-inner{min-height:72px}.brand{flex:0 1 220px}.brand img{width:220px;max-height:60px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--navy-deep);padding:8px 16px 16px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #ffffff20;white-space:normal}.nav.open{display:flex}.nav a{padding:12px;border-bottom:1px solid #ffffff22}.nav a.active{color:var(--gold);border-bottom-color:#ffffff22}.hero-inner{grid-template-columns:1fr;gap:35px;min-height:0;padding-block:52px}.hero h1{font-size:clamp(2.8rem,10vw,3.7rem)}.hero-logo-panel{min-height:0;padding:22px}.hero-note{text-align:left}.section{padding:56px 0}.section-head{align-items:start;flex-direction:column;gap:16px}.split{grid-template-columns:1fr;gap:22px}.page-hero{padding:50px 0}.footer-inner{align-items:start;flex-direction:column}.quiet-panel{padding:23px;gap:17px}}
@media(max-width:390px){.brand{flex-basis:185px}.brand img{width:185px}.hero-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Laporan awam */
.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.report-card{min-width:0;background:#fff;border:1px solid var(--line);overflow:hidden}
.report-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.report-card-body{padding:23px}
.report-meta{font-size:.875rem;font-weight:700;color:#75561d;margin:0 0 9px}
.report-card h2,.report-card h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:1.5rem;line-height:1.22;color:var(--navy);margin:0 0 12px}
.report-card h2 a:hover,.report-card h3 a:hover{text-decoration:underline}
.report-card-body>p:not(.report-meta){font-size:.95rem;color:var(--muted);margin:0 0 18px}
.article-container{width:min(calc(100% - 48px),790px);margin-inline:auto}
.article-image{margin:0 0 30px}
.article-image img{width:100%;height:auto}
.article-body{font-size:1.1rem;line-height:1.8;overflow-wrap:anywhere}
.article-byline{font-size:.875rem;color:var(--muted);margin:36px 0 20px;border-top:1px solid var(--line);padding-top:15px}
@media(max-width:900px){.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.report-grid{grid-template-columns:1fr}.article-container{width:min(calc(100% - 32px),790px)}}