@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#151515;--muted:#737373;--cream:#fffdf8;--coral:#ff5c3c;--lime:#d9fa55;--violet:#d9c8ff;--line:#ece9e2;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{max-width:1110px;margin:auto;padding:0 22px}.microbar{background:#151515;color:#fff;font-size:11px;letter-spacing:.7px;font-weight:800}.micro-inner{display:flex;justify-content:space-between;padding-top:8px;padding-bottom:8px}.micro-inner span:first-child{color:var(--lime)}.site-header{background:var(--cream);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.header-main{height:79px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{width:49px;height:49px;background:var(--coral);display:grid;place-items:center;border-radius:14px;font:700 32px 'Space Grotesk';letter-spacing:-5px;padding-right:5px;color:white;transform:rotate(-7deg)}.brand-mark span{color:var(--lime)}.brand-text{font:800 19px 'Space Grotesk';letter-spacing:-1px}.brand-text>span{color:var(--coral)}.brand-text small{display:block;font:800 9px 'DM Sans';letter-spacing:2px;margin-top:3px}.mainnav{display:flex;gap:20px;align-items:center;flex:1;justify-content:center}.mainnav a{font-size:13px;font-weight:800}.mainnav a:hover,.category-label:hover{color:var(--coral)}.searchbox{border:1px solid var(--line);border-radius:30px;padding:5px 9px 5px 15px;display:flex;background:#fff}.searchbox input{width:130px;background:transparent;border:0;outline:0;font-size:12px}.searchbox button{background:var(--lime);border:0;width:29px;height:29px;border-radius:50%;cursor:pointer;font-size:20px}.menu-toggle,.mobile-nav{display:none}.hero{padding-top:36px}.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:1.8px;font-size:12px}.eyebrow .dot{display:inline-block;width:10px;height:10px;background:var(--coral);border-radius:50%;margin-right:8px}.hero-heading{display:flex;justify-content:space-between;align-items:end;margin:8px 0 24px;gap:20px}.hero-heading h1{font:700 clamp(37px,5vw,68px)/.99 'Space Grotesk';letter-spacing:-3.4px;margin:0}.hero-heading h1 em{font-style:normal;color:var(--coral)}.hero-heading p{max-width:260px;font-size:14px;color:#646464;line-height:1.6;margin:0}.hero-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:18px}.hero-feature{min-height:405px;position:relative;overflow:hidden;border-radius:24px;background:#232323;color:#fff;display:flex;align-items:end}.hero-feature img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;transition:transform .4s}.hero-feature:hover img{transform:scale(1.04)}.hero-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 15%,rgba(0,0,0,.85))}.feature-copy{position:relative;z-index:1;padding:31px}.pill{background:var(--lime);padding:7px 13px;color:#111;display:inline-block;border-radius:99px;font-size:11px;font-weight:800}.feature-copy h2{font:700 clamp(27px,3.2vw,43px)/1.12 'Space Grotesk';margin:15px 0}.feature-copy .meta{color:#ddd}.hero-side{display:grid;gap:17px;grid-template-rows:1fr 1fr}.mini-feature{border-radius:22px;overflow:hidden;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:var(--lime)}.mini-feature:nth-child(2){background:var(--violet)}.mini-feature h3{font:700 24px/1.12 'Space Grotesk';letter-spacing:-.7px;margin:14px 0}.mini-feature .arrow{font-size:28px;align-self:end}.mini-feature small{font-size:11px;font-weight:800;text-transform:uppercase}.ticker{margin-top:26px;background:#151515;border-radius:14px;color:#fff;padding:15px 21px;display:flex;gap:22px;font-size:13px;align-items:center}.ticker strong{color:var(--lime);white-space:nowrap}.ticker a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section{margin-top:63px}.section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:16px;margin-bottom:24px}.section-head h2{font:700 36px 'Space Grotesk';letter-spacing:-1.8px;margin:0}.section-head h2 span{color:var(--coral)}.viewall{font-weight:800;font-size:12px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.news-card{min-width:0}.thumb{display:block;aspect-ratio:1.55;overflow:hidden;border-radius:16px;background:#eae8e1}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.thumb:hover img{transform:scale(1.05)}.no-image{height:100%;display:grid;place-items:center;background:#d9fa55;font:800 65px 'Space Grotesk';letter-spacing:-7px}.no-image span{color:var(--coral)}.news-content{padding:15px 1px}.category-label{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--coral)}.news-card h3{font:700 21px/1.23 'Space Grotesk';letter-spacing:-.5px;margin:9px 0}.news-card h3 a:hover{color:var(--coral)}.snippet{color:#6c6c6c;font-size:13px;line-height:1.6;margin:0 0 10px}.meta{font-size:11px;color:#858585;font-weight:700}.banner{margin-top:63px;background:var(--coral);color:#fff;border-radius:25px;padding:37px 42px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden}.banner h2{font:700 39px 'Space Grotesk';letter-spacing:-1.5px;margin:0 0 9px}.banner p{margin:0;font-size:14px}.banner a{background:#151515;color:#fff;border-radius:40px;padding:15px 21px;font-size:13px;font-weight:800;white-space:nowrap}.footer{background:#171717;color:#fff;margin-top:80px;padding:50px 0 18px}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-logo{font:700 29px 'Space Grotesk';letter-spacing:-1px}.footer-logo span{color:var(--coral)}.footer p{color:#aaa;font-size:13px;line-height:1.7}.footer strong{font-size:13px}.socials{display:flex;gap:15px;margin-top:18px;font-size:13px}.foot-admin{font-size:11px;color:#888}.copyright{border-top:1px solid #383838;margin-top:40px;padding-top:19px;font-size:12px;color:#888}.page-title{font:700 clamp(35px,5vw,56px) 'Space Grotesk';letter-spacing:-2px;margin:40px 0 12px}.lead{color:#777;max-width:700px;line-height:1.7}.article-wrap{max-width:820px;margin:40px auto 0;padding:0 22px}.article-wrap h1{font:700 clamp(34px,5.5vw,58px)/1.12 'Space Grotesk';letter-spacing:-1.9px;margin:14px 0 17px}.article-meta{padding:0 0 23px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.article-hero{width:100%;max-height:450px;object-fit:cover;border-radius:20px;margin-top:25px}.article-content{font-size:17px;line-height:1.88;color:#333;margin-top:25px;overflow-wrap:anywhere}.article-content img{max-width:100%;height:auto}.article-content h2,.article-content h3{font-family:'Space Grotesk';line-height:1.25}.article-content blockquote{border-left:4px solid var(--coral);margin:22px 0;padding:8px 23px;background:#fff3ed}.article-content a{color:#db3b24;text-decoration:underline}.share{display:flex;gap:12px;margin-top:35px}.share a,.share button{border:1px solid var(--line);background:#fff;padding:12px 16px;border-radius:100px;font-size:12px;font-weight:800;cursor:pointer}.empty{padding:45px;background:#fff2de;border-radius:20px;text-align:center;margin:20px 0}.pagination{display:flex;gap:9px;justify-content:center;margin:40px auto}.pagination a,.pagination strong{padding:9px 14px;border-radius:9px;background:#f1eee8;font-size:13px}.pagination strong{background:var(--coral);color:white}button:hover{opacity:.87}
@media(max-width:900px){.mainnav,.searchbox{display:none}.menu-toggle{display:block;margin-left:auto;border:0;background:var(--lime);border-radius:9px;padding:8px 13px;font-size:20px}.nav-open .mobile-nav{display:flex;gap:14px;flex-wrap:wrap;padding-bottom:20px;font-size:13px;font-weight:800}.hero-grid{grid-template-columns:1.4fr 1fr}.hero-feature{min-height:340px}.card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.container{padding:0 16px}.micro-inner span:last-child{font-size:9px}.header-main{height:69px}.brand-text{font-size:17px}.hero{padding-top:27px}.hero-heading{display:block}.hero-heading h1{font-size:43px;letter-spacing:-2px}.hero-heading p{margin-top:15px}.hero-grid{grid-template-columns:1fr}.hero-feature{min-height:350px}.hero-side{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.mini-feature{padding:16px;min-height:160px}.mini-feature h3{font-size:18px}.card-grid{grid-template-columns:1fr;gap:17px}.news-card{display:grid;grid-template-columns:120px 1fr;gap:13px}.thumb{aspect-ratio:1}.news-content{padding:2px 0}.news-card h3{font-size:17px}.snippet{display:none}.section{margin-top:43px}.section-head h2{font-size:30px}.banner{margin-top:42px;padding:28px;display:block}.banner h2{font-size:30px}.banner a{display:inline-block;margin-top:18px}.footer-inner{grid-template-columns:1fr;gap:17px}.feature-copy{padding:23px}.feature-copy h2{font-size:31px}.ticker{font-size:12px}.article-content{font-size:16px}}

/* InfoCikarang navbar v3 — kategori rapi, bisa digeser jika banyak */
.site-header .header-main{gap:24px}
.site-header .mainnav{display:flex;gap:28px;flex:1;align-items:center;justify-content:center}
.site-header .category-strip{display:block;width:100%;border-top:1px solid var(--line);background:#fffdf8}
.site-header .category-strip-inner{
  display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;
  column-gap:9px;row-gap:0;min-height:55px;overflow-x:auto;overflow-y:hidden;
  white-space:nowrap;scrollbar-width:thin;-webkit-overflow-scrolling:touch;
  padding-top:7px;padding-bottom:7px;
}
.site-header .category-strip-label{
  display:inline-flex;align-items:center;flex:none;margin-right:10px;padding:0 16px 0 0;
  border-right:1px solid var(--line);color:#ec5439;font-size:10px;font-weight:900;
  letter-spacing:1px;text-transform:uppercase;line-height:30px;
}
.site-header .category-strip a{
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  padding:9px 13px;margin:0;border-radius:999px;background:#f1eee8;
  font-size:12px;font-weight:800;line-height:18px;white-space:nowrap;
  transition:background-color .15s,color .15s;
}
.site-header .category-strip a:hover,.site-header .category-strip a:focus-visible{
  background:var(--lime);color:#171717;
}
@media(max-width:900px){
  .site-header .mainnav{display:none}
  .site-header .category-strip{display:none}
  .nav-open .site-header .mobile-nav{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px;padding-bottom:18px;max-height:calc(100dvh - 75px);overflow-y:auto}
  .site-header .mobile-nav a{padding:9px 13px;border-radius:999px;background:#f1eee8;font-size:12px}
}