/*
Theme Name: WALHI Kaltim Editorial 2026
Theme URI: https://walhikaltim.or.id/
Author: WALHI Kalimantan Timur
Description: Tema mandiri bergaya editorial-advokasi berdasarkan layout HIJR Studio 2026. Ringan, responsif, dan siap Gutenberg.
Version: 1.2.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: walhi-editorial
*/

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700;9..144,800&family=Inter:wght@400;500;600;700;800&display=swap');

:root{--forest:#14311f;--leaf:#4c7a52;--earth:#c9704f;--paper:#f4f1ea;--soil:#1c2b22;--white:#fff;--mist:#e4e8e1;--muted:#617067;--container:1240px;--radius:20px;--shadow:0 22px 70px rgba(20,49,31,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--soil);font:400 16px/1.7 Inter,system-ui,sans-serif}img{max-width:100%;height:auto}a{color:inherit}button,input,textarea,select{font:inherit}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wrap{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.site-main{min-height:55vh}.section{padding:clamp(70px,8vw,124px) 0}.section--white{background:#fff}.section--forest{background:var(--forest);color:#fff}.eyebrow{margin:0 0 14px;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--earth)}.display,.entry-title,h1,h2,h3{font-family:Fraunces,Georgia,serif}.display{margin:0;font-size:clamp(2.8rem,6.8vw,7.2rem);font-weight:700;line-height:.9;letter-spacing:-.055em}.section-title{max-width:850px;margin:0;font-size:clamp(2.2rem,4.4vw,4.7rem);font-weight:650;line-height:.96;letter-spacing:-.045em}.lead{max-width:760px;margin:24px 0 0;color:var(--muted);font-size:clamp(1.05rem,1.5vw,1.28rem)}.section--forest .lead{color:rgba(255,255,255,.75)}
.site-header{position:sticky;z-index:50;top:0;border-bottom:1px solid rgba(28,43,34,.1);background:rgba(244,241,234,.92);backdrop-filter:blur(14px)}.admin-bar .site-header{top:32px}.header-inner{min-height:78px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800}.brand img{max-height:48px;width:auto}.brand-text{line-height:1.05}.brand-text small{display:block;margin-top:5px;color:var(--muted);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.primary-nav{margin-left:auto}.primary-nav ul{display:flex;align-items:center;gap:24px;margin:0;padding:0;list-style:none}.primary-nav a{text-decoration:none;font-size:.86rem;font-weight:700}.primary-nav a:hover{color:var(--leaf)}.header-action,.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 22px;border:1px solid transparent;border-radius:999px;background:var(--earth);color:#fff;text-decoration:none;font-weight:800;transition:.25s ease}.button:hover,.header-action:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(201,112,79,.26)}.button--outline{border-color:currentColor;background:transparent;color:inherit}.menu-toggle{display:none;margin-left:auto;border:0;background:transparent;font-weight:800}
.hero{position:relative;isolation:isolate;min-height:min(830px,88vh);display:grid;align-items:end;overflow:hidden;background:var(--forest);color:#fff}.hero-media{position:absolute;z-index:-2;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover}.hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(15,38,24,.96) 0%,rgba(20,49,31,.78) 48%,rgba(20,49,31,.22) 100%)}.hero-inner{padding:clamp(120px,17vh,190px) 0 clamp(70px,10vh,120px)}.hero .display{max-width:1080px}.hero .lead{color:rgba(255,255,255,.8)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);max-width:850px;margin-top:58px;border-top:1px solid rgba(255,255,255,.28)}.hero-stat{padding:22px 28px 0 0}.hero-stat strong{display:block;font-family:Fraunces,serif;font-size:2rem}.hero-stat span{font-size:.78rem;color:rgba(255,255,255,.7)}
.home-hero{padding:clamp(92px,12vw,165px) 0 58px;background:var(--paper)}.home-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:clamp(48px,8vw,120px);align-items:end}.home-hero .display{max-width:880px;color:var(--forest)}.home-hero .lead{max-width:690px}.home-hero__visual{position:relative;min-height:460px;overflow:hidden;border-radius:160px 20px 20px 20px;background:var(--forest)}.home-hero__visual img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.83}.home-hero__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(20deg,rgba(20,49,31,.6),transparent 65%)}.home-hero .button--outline{color:var(--forest)}.home-metrics{display:grid;grid-template-columns:repeat(3,1fr);max-width:760px;margin-top:54px;border-top:1px solid #bfc9bf}.home-metric{padding:22px 28px 0 0}.home-metric strong{display:block;color:var(--forest);font:700 2.25rem/1 Fraunces,serif}.home-metric span{display:block;margin-top:7px;color:var(--muted);font-size:.78rem}.quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:38px 0}.quick-link{text-align:center;text-decoration:none;font-weight:800}.quick-link__icon{display:grid;width:66px;height:66px;margin:0 auto 13px;place-items:center;border:1px solid #bdc9bd;border-radius:50%;background:#fff;color:var(--forest);font-family:Fraunces,serif;font-size:1.4rem;transition:.25s ease}.quick-link:hover .quick-link__icon{transform:translateY(-4px);background:var(--forest);color:#fff}.home-news{border-top:1px solid #d5ddd5}.home-news .news-grid .editorial-card:first-child{grid-column:span 4}.case-study{display:grid;grid-template-columns:1.05fr .95fr;min-height:520px;margin-top:46px;overflow:hidden;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.case-study__media{min-height:420px;background:#dfe6dc}.case-study__media img{width:100%;height:100%;object-fit:cover}.case-study__body{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,6vw,72px)}.case-study__body h3{margin:8px 0 18px;font-size:clamp(2rem,3.7vw,4rem);line-height:.95}.case-study__body p{color:var(--muted)}.home-cta{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:42px 50px;border-radius:var(--radius);background:var(--soil);color:#fff}.home-cta h2{margin:0;font-size:clamp(1.9rem,3.5vw,3.6rem);line-height:.98}.home-cta p{margin:12px 0 0;color:rgba(255,255,255,.68)}
.issue-grid,.card-grid,.footer-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px}.issue-grid{margin-top:48px}.issue-feature{grid-column:span 7;min-height:520px}.issue-side{grid-column:span 5;display:grid;gap:22px}.editorial-card{position:relative;overflow:hidden;border:1px solid #d7ddd5;border-radius:var(--radius);background:#fff}.editorial-card__media{aspect-ratio:16/10;overflow:hidden;background:#dfe6dc}.editorial-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.editorial-card:hover .editorial-card__media img{transform:scale(1.045)}.editorial-card__body{padding:26px}.editorial-card h3{margin:8px 0 10px;font-size:clamp(1.25rem,2vw,2rem);line-height:1.08}.editorial-card p{margin:0;color:var(--muted)}.card-kicker{color:var(--earth);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.issue-feature .editorial-card{height:100%}.issue-feature .editorial-card__media{height:65%;aspect-ratio:auto}.issue-side .editorial-card{display:grid;grid-template-columns:42% 58%}.issue-side .editorial-card__media{height:100%;aspect-ratio:auto}.issue-side .editorial-card__body{padding:22px}.issue-side .editorial-card h3{font-size:1.2rem}
.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:48px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.2)}.program-card{min-height:360px;padding:32px;background:var(--forest);transition:.3s ease}.program-card:hover{background:#1c432b}.program-index{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:50%;color:#fff;font-weight:800}.program-card h3{margin:90px 0 16px;font-size:1.7rem;line-height:1.05}.program-card p{color:rgba(255,255,255,.68)}.program-card a{text-decoration:none}.program-card a::after{content:" \2192";color:var(--earth)}
.impact-row{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,8vw,110px);align-items:center}.impact-visual{position:relative;min-height:560px;border-radius:var(--radius);overflow:hidden;background:#dfe6dc}.impact-visual img{position:absolute;width:100%;height:100%;object-fit:cover}.impact-panel{position:absolute;right:24px;bottom:24px;left:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.24);backdrop-filter:blur(18px)}.impact-panel div{padding:20px;background:rgba(20,49,31,.78);color:#fff}.impact-panel strong{display:block;font-family:Fraunces,serif;font-size:1.7rem}.impact-list{display:grid;gap:20px;margin-top:34px}.impact-item{display:grid;grid-template-columns:38px 1fr;gap:14px;padding-top:20px;border-top:1px solid #cfd7cf}.impact-item b{color:var(--earth)}.impact-item h3{margin:0 0 6px;font-size:1.28rem}.impact-item p{margin:0;color:var(--muted)}
.news-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.news-grid{margin-top:44px}.news-grid .editorial-card{grid-column:span 4}.news-grid .editorial-card:first-child{grid-column:span 8}.news-grid .editorial-card:first-child .editorial-card__media{aspect-ratio:16/7}.newsletter{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:38px;border-radius:var(--radius);background:var(--soil);color:#fff}.newsletter h2{margin:0;font-size:clamp(1.8rem,3vw,3.2rem);line-height:1}.newsletter p{margin:10px 0 0;color:rgba(255,255,255,.68)}
.page-hero{padding:clamp(120px,16vw,220px) 0 70px;background:var(--forest);color:#fff}.page-hero .display{max-width:1080px}.breadcrumbs{margin-bottom:28px;font-size:.78rem;color:rgba(255,255,255,.6)}.content-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:70px}.entry-content{font-size:1.08rem}.entry-content>*{max-width:780px}.entry-content>.alignwide{max-width:1100px}.entry-content h2{margin-top:2.6em;font-size:2.4rem;line-height:1}.entry-content h3{margin-top:2em;font-size:1.6rem}.entry-content blockquote{margin:2.4em 0;padding-left:25px;border-left:5px solid var(--earth);font:600 1.55rem/1.35 Fraunces,serif}.page-aside{position:sticky;top:120px;align-self:start;padding:26px;border:1px solid #d6ddd5;border-radius:var(--radius);background:#fff}.page-aside h3{margin-top:0}.archive-filter{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.archive-filter a{padding:9px 14px;border:1px solid #cdd6cd;border-radius:999px;text-decoration:none;font-size:.82rem;font-weight:700}.archive-filter a:hover,.archive-filter .is-active{background:var(--forest);border-color:var(--forest);color:#fff}.pagination{margin-top:45px}.pagination .nav-links{display:flex;gap:8px}.pagination a,.pagination span{display:grid;min-width:42px;height:42px;place-items:center;border:1px solid #ccd5cc;border-radius:10px;text-decoration:none}.pagination .current{background:var(--forest);color:#fff}.empty-state{padding:60px;border:1px dashed #aeb9ae;border-radius:var(--radius);text-align:center}
.site-footer{padding:70px 0 30px;background:var(--soil);color:#fff}.footer-grid>div{grid-column:span 3}.footer-brand{grid-column:span 4!important}.footer-brand p{color:rgba(255,255,255,.65)}.site-footer h3{font-family:Inter,sans-serif;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin:8px 0}.site-footer a{color:rgba(255,255,255,.72);text-decoration:none}.site-footer a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:55px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.52);font-size:.78rem}
@media(max-width:980px){.primary-nav{display:none;position:absolute;top:78px;right:0;left:0;padding:24px;background:var(--paper);border-bottom:1px solid #ddd}.primary-nav.is-open{display:block}.primary-nav ul{align-items:flex-start;flex-direction:column}.menu-toggle{display:block}.header-action{display:none}.home-hero__grid,.case-study{grid-template-columns:1fr}.home-hero__visual{min-height:360px;border-radius:80px 20px 20px}.quick-links{grid-template-columns:repeat(2,1fr)}.issue-feature,.issue-side{grid-column:1/-1}.program-grid{grid-template-columns:repeat(2,1fr)}.impact-row,.content-shell{grid-template-columns:1fr}.page-aside{position:static}.news-grid .editorial-card,.news-grid .editorial-card:first-child,.home-news .news-grid .editorial-card:first-child{grid-column:span 6}.footer-grid>div,.footer-brand{grid-column:span 6!important}}
@media(max-width:640px){.wrap{width:min(100% - 26px,var(--container))}.admin-bar .site-header{top:46px}.display{font-size:clamp(2.7rem,15vw,4.7rem)}.home-hero{padding-top:72px}.home-hero__visual{min-height:290px}.home-metrics{grid-template-columns:1fr}.home-metric{padding:14px 0;border-bottom:1px solid #ccd5cc}.quick-links{grid-template-columns:repeat(2,1fr);gap:28px 12px}.home-cta{grid-template-columns:1fr;padding:34px 26px}.hero{min-height:760px}.hero::before{background:linear-gradient(180deg,rgba(20,49,31,.65),rgba(20,49,31,.98) 72%)}.hero-meta{grid-template-columns:1fr}.hero-stat{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2)}.issue-side .editorial-card{grid-template-columns:1fr}.issue-side .editorial-card__media{aspect-ratio:16/9}.program-grid{grid-template-columns:1fr}.program-card{min-height:270px}.program-card h3{margin-top:58px}.impact-visual{min-height:460px}.impact-panel{grid-template-columns:1fr}.news-grid .editorial-card,.news-grid .editorial-card:first-child,.home-news .news-grid .editorial-card:first-child{grid-column:1/-1}.newsletter{grid-template-columns:1fr}.footer-grid>div,.footer-brand{grid-column:1/-1!important}.footer-bottom{flex-direction:column}.news-head{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:no-preference){.hero-inner>*{animation:rise .75s both}.hero-inner>*:nth-child(2){animation-delay:.08s}.hero-inner>*:nth-child(3){animation-delay:.16s}.hero-inner>*:nth-child(4){animation-delay:.24s}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}