:root{
  --cream:#F9F5EE;--cream-dark:#F2EDE2;--cream-mid:#EDE6D6;
  --gold:#B8954A;--gold-light:#D4B06A;--gold-pale:#E8D5A8;--gold-deep:#8A6D2F;
  --ink:#1C1912;--ink-mid:#3D3828;--ink-soft:#6B6250;--ink-ghost:#A09880;
  --serif:'Cormorant Garamond',serif;--sans:'Jost',sans-serif;
}

/* Reveal */
.kl-reveal,.kl-reveal-l,.kl-reveal-r{opacity:0;transition:opacity .8s ease,transform .8s ease;}
.kl-reveal{transform:translateY(28px);}
.kl-reveal-l{transform:translateX(-28px);}
.kl-reveal-r{transform:translateX(28px);}
.kl-reveal.in,.kl-reveal-l.in,.kl-reveal-r.in{opacity:1;transform:none;}

/* Button */
.kl-btn-gold{display:inline-block;background:var(--gold);color:#fff;padding:12px 28px;font-size:11px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;font-family:var(--sans);font-weight:500;transition:background .3s;}
.kl-btn-gold:hover{background:var(--gold-deep);color:#fff;}

/* ── HERO ── */
.kl-blog-hero{min-height:56vh;padding-top:76px;position:relative;display:flex;align-items:flex-end;background:var(--ink);}
.kl-blog-hero__bg{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 35%,rgba(184,149,74,.22) 0%,transparent 55%),radial-gradient(ellipse at 10% 80%,rgba(184,149,74,.08) 0%,transparent 50%),linear-gradient(155deg,#2A2518 0%,#1C1912 55%,#0F0E0B 100%);}
.kl-blog-hero__grid{position:absolute;inset:0;opacity:.04;background-image:repeating-linear-gradient(0deg,#B8954A 0,#B8954A 1px,transparent 1px,transparent 80px),repeating-linear-gradient(90deg,#B8954A 0,#B8954A 1px,transparent 1px,transparent 80px);}
.kl-blog-hero__deco{position:absolute;right:7%;top:80px;width:320px;height:420px;opacity:.12;pointer-events:none;}
.kl-blog-hero__content{position:relative;z-index:2;width:100%;padding:0 10% 80px;}
.kl-blog-hero__breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:32px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(184,149,74,.65);}
.kl-blog-hero__breadcrumb a{color:rgba(184,149,74,.45);text-decoration:none;}
.kl-blog-hero__breadcrumb a:hover{color:var(--gold);}
.kl-blog-hero__eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;}
.kl-blog-hero__title{font-family:var(--serif);font-size:clamp(46px,6vw,80px);font-weight:300;color:var(--cream);line-height:1.08;letter-spacing:1px;margin-bottom:24px;}
.kl-blog-hero__title em{font-style:italic;color:var(--gold-light);}
.kl-blog-hero__line{width:60px;height:1px;background:var(--gold);margin:0 0 28px;}
.kl-blog-hero__sub{font-size:14px;color:rgba(249,245,238,.55);letter-spacing:.5px;line-height:1.7;max-width:480px;margin-bottom:40px;}
.kl-blog-hero__stats{display:flex;gap:48px;}
.kl-blog-hero__stat-num{font-family:var(--serif);font-size:36px;color:var(--gold-light);font-weight:300;}
.kl-blog-hero__stat-lbl{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(249,245,238,.4);margin-top:4px;}

/* ── FILTER ── */
.kl-blog-filter{background:var(--cream-dark);border-bottom:1px solid rgba(184,149,74,.2);padding:0 10%;position:sticky;top:76px;z-index:100;}
.kl-blog-filter__inner{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none;}
.kl-blog-filter__inner::-webkit-scrollbar{display:none;}
.kl-blog-filter__label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-ghost);padding:20px 24px 20px 0;border-right:1px solid rgba(184,149,74,.2);margin-right:24px;white-space:nowrap;}
.kl-blog-filter__tabs{display:flex;gap:4px;flex-wrap:nowrap;}
.kl-blog-filter__tab{padding:8px 20px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-family:var(--sans);font-weight:400;border:1px solid transparent;color:var(--ink-soft);text-decoration:none;white-space:nowrap;transition:all .25s;}
.kl-blog-filter__tab:hover{color:var(--gold);border-color:rgba(184,149,74,.3);}
.kl-blog-filter__tab.is-active{background:var(--ink);color:var(--gold);border-color:var(--ink);}
.kl-blog-filter__tab sup{font-size:9px;margin-left:2px;opacity:.6;}
.kl-blog-filter__count{margin-left:auto;font-size:12px;color:var(--ink-ghost);padding:20px 0;white-space:nowrap;}

/* ── MAIN ── */
.kl-blog-main{padding:72px 10% 80px;}
.kl-blog-layout{display:grid;grid-template-columns:1fr 300px;gap:64px;align-items:start;}

/* ── GRID ── */
.kl-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 28px;}

/* ── CARD ── */
.kl-blog-card{background:#fff;border:1px solid rgba(184,149,74,.12);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .3s,transform .3s;}
.kl-blog-card:hover{box-shadow:0 12px 48px rgba(28,25,18,.1);transform:translateY(-4px);}
.kl-blog-card__img-link{display:block;}
.kl-blog-card__img{width:100%;aspect-ratio:16/9;overflow:hidden;position:relative;background:var(--ink);}
.kl-blog-card__img-inner{width:100%;height:100%;transition:transform .6s ease;}
.kl-blog-card:hover .kl-blog-card__img-inner{transform:scale(1.04);}
.kl-blog-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2A2210,#1C1912);}
.kl-blog-card__body{padding:24px 24px 28px;flex:1;display:flex;flex-direction:column;}
.kl-blog-card__meta{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap;}
.kl-blog-card__cat{font-size:9px;letter-spacing:2px;text-transform:uppercase;font-weight:600;padding:4px 10px;border:1px solid;display:inline-block;}
.cat-trends{color:#7B5EA7;border-color:rgba(123,94,167,.35);background:rgba(123,94,167,.06);}
.cat-design{color:var(--gold-deep);border-color:rgba(138,109,47,.35);background:rgba(138,109,47,.06);}
.cat-project{color:#3A6E5A;border-color:rgba(58,110,90,.35);background:rgba(58,110,90,.06);}
.cat-exhibition{color:#B85C38;border-color:rgba(184,92,56,.35);background:rgba(184,92,56,.06);}
.cat-default{color:var(--ink-soft);border-color:rgba(107,98,80,.3);background:rgba(107,98,80,.05);}
.kl-blog-card__date{font-size:11px;color:var(--ink-ghost);letter-spacing:.5px;}
.kl-blog-card__title{font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.35;color:var(--ink);margin-bottom:12px;flex:1;}
.kl-blog-card__title a{color:inherit;text-decoration:none;}
.kl-blog-card__title a:hover{color:var(--gold-deep);}
.kl-blog-card__excerpt{font-size:13px;line-height:1.7;color:var(--ink-soft);margin-bottom:20px;}
.kl-blog-card__read{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:500;display:inline-flex;align-items:center;gap:6px;text-decoration:none;align-self:flex-start;transition:gap .2s;}
.kl-blog-card__read::after{content:'→';}
.kl-blog-card__read:hover{gap:10px;color:var(--gold-deep);}

/* Featured card */
.kl-blog-card--featured{grid-column:1/-1;flex-direction:row;}
.kl-blog-card--featured .kl-blog-card__img{width:50%;flex-shrink:0;aspect-ratio:16/9;}
.kl-blog-card--featured .kl-blog-card__body{padding:48px 40px;justify-content:center;}
.kl-blog-card--featured .kl-blog-card__title{font-size:30px;}
.kl-blog-card--featured .kl-blog-card__excerpt{max-width:500px;}

/* ── PAGINATION ── */
.kl-blog-pagination{margin-top:56px;}
.kl-blog-pagination .page-numbers{display:flex;gap:4px;list-style:none;flex-wrap:wrap;align-items:center;}
.kl-blog-pagination .page-numbers li a,
.kl-blog-pagination .page-numbers li span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;font-size:13px;font-family:var(--sans);color:var(--ink-soft);border:1px solid rgba(184,149,74,.2);text-decoration:none;transition:all .25s;}
.kl-blog-pagination .page-numbers li .current{background:var(--ink);color:var(--gold);border-color:var(--ink);}
.kl-blog-pagination .page-numbers li a:hover{border-color:var(--gold);color:var(--gold);}
.kl-blog-pagination .page-numbers li .prev,.kl-blog-pagination .page-numbers li .next{padding:0 20px;}

/* Empty state */
.kl-blog-empty{text-align:center;padding:80px 0;color:var(--ink-soft);}
.kl-blog-empty p{margin-bottom:24px;font-size:15px;}

/* ── SIDEBAR ── */
.kl-blog-sidebar{position:sticky;top:calc(76px + 60px + 20px);}
.kl-blog-sidebar__widget{margin-bottom:40px;}
.kl-blog-sidebar__widget-h{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(184,149,74,.25);}

/* Popular posts */
.kl-blog-pop-post{display:flex;gap:14px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid rgba(184,149,74,.1);}
.kl-blog-pop-post:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.kl-blog-pop-post__num{font-family:var(--serif);font-size:28px;color:var(--gold-pale);font-weight:300;line-height:1;width:28px;flex-shrink:0;}
.kl-blog-pop-post__title{font-size:13px;line-height:1.5;color:var(--ink-mid);margin-bottom:6px;font-weight:400;text-decoration:none;display:block;}
.kl-blog-pop-post__title:hover{color:var(--gold-deep);}
.kl-blog-pop-post__date{font-size:11px;color:var(--ink-ghost);}

/* Promo widget */
.kl-blog-promo{background:var(--ink);padding:28px;position:relative;overflow:hidden;}
.kl-blog-promo::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,var(--gold),var(--gold-pale),var(--gold));}
.kl-blog-promo__eyebrow{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:14px;}
.kl-blog-promo__title{font-family:var(--serif);font-size:22px;font-weight:400;color:var(--cream);margin-bottom:12px;line-height:1.2;}
.kl-blog-promo__sub{font-size:12px;line-height:1.7;color:rgba(249,245,238,.5);margin-bottom:20px;}
.kl-blog-promo__cta{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:gap .2s;}
.kl-blog-promo__cta:hover{gap:10px;}

/* Inquiry widget */
.kl-blog-inq{background:var(--cream-dark);border:1px solid rgba(184,149,74,.2);padding:28px;}
.kl-blog-inq__title{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--ink);margin-bottom:12px;}
.kl-blog-inq__sub{font-size:13px;line-height:1.7;color:var(--ink-soft);margin-bottom:20px;}
.kl-blog-inq__btn{display:block;background:var(--ink);color:var(--cream);padding:12px 20px;font-size:11px;letter-spacing:2px;text-transform:uppercase;text-align:center;text-decoration:none;font-family:var(--sans);font-weight:500;transition:background .3s;}
.kl-blog-inq__btn:hover{background:var(--ink-mid);color:var(--cream);}

/* ── RESPONSIVE ── */
@media(max-width:1200px){
  .kl-blog-layout{grid-template-columns:1fr 260px;gap:48px;}
  .kl-blog-grid{grid-template-columns:repeat(2,1fr);}
  .kl-blog-card--featured{flex-direction:column;}
  .kl-blog-card--featured .kl-blog-card__img{width:100%;min-height:260px;}
}
@media(max-width:1024px){
  .kl-blog-main{padding:56px 5%;}
  .kl-blog-filter{padding:0 5%;}
  .kl-blog-hero__content{padding:0 5% 64px;}
}
@media(max-width:768px){
  .kl-blog-layout{grid-template-columns:1fr;}
  .kl-blog-grid{grid-template-columns:1fr;}
  .kl-blog-sidebar{position:static;}
  .kl-blog-filter__label{display:none;}
  .kl-blog-filter__count{display:none;}
  .kl-blog-main{padding:40px 24px;}
  .kl-blog-filter{padding:0 24px;}
  .kl-blog-hero__content{padding:0 24px 56px;}
  .kl-blog-hero__stats{gap:28px;flex-wrap:wrap;}
}