/* BLOG HERO */
.blog-hero{padding:clamp(var(--s12),6vw,72px) 0 clamp(var(--s8),4vw,48px);border-bottom:1px solid var(--bds)}
.blog-search{display:flex;align-items:center;gap:var(--s3);margin-left:auto;flex-shrink:0}
.blog-search-input{font-family:var(--fb);font-size:.9rem;color:var(--t);background:var(--surf);border:1px solid var(--bd);border-radius:var(--rp);padding:0 var(--s4) 0 40px;height:44px;width:280px;outline:none;transition:border-color 200ms}
.blog-search-input:focus{border-color:var(--ac)}
.blog-search-input::placeholder{color:var(--t3)}
.blog-search-wrap{position:relative}
.blog-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--t3);pointer-events:none}

/* CATEGORY FILTER */
.blog-cats{padding:var(--s5) 0;display:flex;align-items:center;gap:var(--s2);border-bottom:1px solid var(--bds);overflow-x:auto;scrollbar-width:none}
.blog-cats::-webkit-scrollbar{display:none}
.cat-pill{font-family:var(--fb);font-size:.82rem;font-weight:500;color:var(--t2);background:none;border:1px solid var(--bds);border-radius:var(--rp);padding:6px 16px;cursor:pointer;transition:border-color 150ms,color 150ms,background 150ms;white-space:nowrap;text-decoration:none;display:inline-block;line-height:1.4}
.cat-pill:hover{border-color:var(--bd);color:var(--t)}
.cat-pill.active{background:var(--ac);color:var(--oa);border-color:transparent}

/* FEATURED POST */
.blog-featured{padding:clamp(var(--s8),5vw,56px) 0}
.feat-card{display:grid;grid-template-columns:1fr 480px;gap:0;background:var(--surf);border:1px solid var(--bd);border-radius:var(--rxl);overflow:hidden;transition:box-shadow 300ms var(--ex);cursor:pointer}
.feat-card:hover{box-shadow:0 8px 40px oklch(16% 0.015 285 / 0.1)}
.feat-img{background:oklch(92% 0.04 285);position:relative;overflow:hidden;min-height:380px}
.feat-img-bg{position:absolute;inset:0}
.feat-img-deco1{position:absolute;width:320px;height:320px;border-radius:50%;top:-60px;right:-60px;background:oklch(85% 0.08 285);opacity:.6}
.feat-img-deco2{position:absolute;width:200px;height:200px;border-radius:50%;bottom:-40px;left:40px;background:oklch(78% 0.1 300);opacity:.4}
.feat-img-deco3{position:absolute;bottom:40px;right:40px}
.feat-img-label{position:absolute;top:var(--s6);left:var(--s6);background:var(--oa);border-radius:var(--rp);padding:5px 14px;font-size:.72rem;font-weight:700;color:var(--ac)}
.feat-body{padding:clamp(var(--s8),4vw,48px);display:flex;flex-direction:column;justify-content:space-between}
.feat-cat{display:inline-flex;align-items:center;gap:var(--s2);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ac);background:var(--acd);padding:4px 12px;border-radius:var(--rp);margin-bottom:var(--s5);width:fit-content}
.feat-title{font-family:var(--fd);font-size:clamp(1.3rem,2.2vw + .2rem,2rem);font-weight:700;color:var(--t);letter-spacing:-.035em;line-height:1.2;margin-bottom:var(--s4)}
.feat-excerpt{font-size:.95rem;color:var(--t2);line-height:1.75;flex:1;margin-bottom:var(--s6)}
.feat-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--s4)}
.feat-author{display:flex;align-items:center;gap:var(--s3)}
.feat-av{width:36px;height:36px;border-radius:50%;background:oklch(58% 0.16 285);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;color:var(--oa);flex-shrink:0}
.feat-name{font-size:.82rem;font-weight:600;color:var(--t)}
.feat-date{font-size:.75rem;color:var(--t3)}
.feat-read{font-size:.78rem;color:var(--t3);display:flex;align-items:center;gap:5px}
.read-more{display:inline-flex;align-items:center;gap:var(--s2);font-size:.85rem;font-weight:600;color:var(--ac);margin-top:var(--s4);transition:gap 180ms}
.read-more:hover{gap:var(--s3)}

/* POST GRID */
.blog-grid-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s8)}
.blog-grid-title{font-family:var(--fd);font-size:clamp(1rem,1.4vw + .1rem,1.25rem);font-weight:700;color:var(--t);letter-spacing:-.025em}
.blog-grid-count{font-size:.82rem;color:var(--t3)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s6)}
.post-card{background:var(--surf);border:1px solid var(--bd);border-radius:var(--rxl);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow 280ms var(--ex),transform 280ms var(--ex);cursor:pointer}
.post-card:hover{box-shadow:0 6px 28px oklch(16% 0.015 285 / 0.09);transform:translateY(-2px)}
.post-img{height:200px;position:relative;overflow:hidden;flex-shrink:0}
.post-body{padding:var(--s6);display:flex;flex-direction:column;flex:1}
.post-cat{display:inline-flex;align-items:center;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:var(--rp);margin-bottom:var(--s4);width:fit-content}
.post-title{font-family:var(--fd);font-size:.95rem;font-weight:700;color:var(--t);letter-spacing:-.025em;line-height:1.35;margin-bottom:var(--s3)}
.post-excerpt{font-size:.82rem;color:var(--t2);line-height:1.65;flex:1;margin-bottom:var(--s5)}
.post-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding-top:var(--s4);border-top:1px solid var(--bds)}
.post-av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:var(--oa);flex-shrink:0}
.post-meta-info{display:flex;flex-direction:column;gap:1px}
.post-author-name{font-size:.75rem;font-weight:600;color:var(--t)}
.post-date{font-size:.68rem;color:var(--t3)}
.post-read{font-size:.72rem;color:var(--t3);white-space:nowrap}
.post-author{display:flex;align-items:center;gap:var(--s2)}

/* LOAD MORE */
.blog-more{text-align:center;padding:clamp(var(--s8),4vw,48px) 0}
.load-more-btn{font-family:var(--fb);font-size:.9rem;font-weight:600;color:var(--t2);background:var(--surf);border:1px solid var(--bd);border-radius:var(--rp);padding:0 var(--s8);height:48px;cursor:pointer;display:inline-flex;align-items:center;gap:var(--s3);transition:border-color 150ms,color 150ms,box-shadow 150ms}
.load-more-btn:hover{border-color:var(--ac);color:var(--ac);box-shadow:0 2px 12px oklch(58% 0.16 285 / 0.12)}

/* NEWSLETTER */
.newsletter{background:var(--bg-s);border-top:1px solid var(--bds);border-bottom:1px solid var(--bds);padding:clamp(var(--s12),6vw,72px) 0}
.newsletter-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--s8),5vw,80px);align-items:center}
.newsletter-badge{display:inline-flex;align-items:center;gap:var(--s2);font-family:var(--fd);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ac);margin-bottom:var(--s4)}
.newsletter-title{font-family:var(--fd);font-size:clamp(1.4rem,2.2vw + .3rem,2.2rem);font-weight:700;color:var(--t);letter-spacing:-.035em;line-height:1.2;margin-bottom:var(--s4)}
.newsletter-sub{font-size:.9rem;color:var(--t2);line-height:1.7}
.newsletter-form{display:flex;flex-direction:column;gap:var(--s3)}
.nl-input{font-family:var(--fb);font-size:.9rem;color:var(--t);background:var(--surf);border:1px solid var(--bd);border-radius:var(--rm);padding:0 var(--s4);height:50px;outline:none;transition:border-color 200ms}
.nl-input:focus{border-color:var(--ac)}
.nl-input::placeholder{color:var(--t3)}
.nl-submit{font-family:var(--fb);height:50px;background:var(--ac);color:var(--oa);border:none;border-radius:var(--rm);font-size:.95rem;font-weight:600;cursor:pointer;transition:background 120ms,transform 120ms}
.nl-submit:hover{background:var(--ach);transform:translateY(-1px)}
.nl-note{font-size:.75rem;color:var(--t3)}

/* FOOTER */
.foot{background:oklch(13% 0.018 285)}
.foot-brand{padding:clamp(var(--s12),6vw,80px) 0 clamp(var(--s8),4vw,48px);display:grid;grid-template-columns:1fr auto;align-items:end;gap:var(--s8);border-bottom:1px solid oklch(22% 0.018 285)}
.foot-wordmark{font-family:var(--fd);font-size:clamp(2.4rem,5vw + .5rem,4.5rem);font-weight:800;color:oklch(92% 0.015 285);letter-spacing:-.05em;line-height:1;margin-bottom:var(--s3)}
.foot-tagline{font-size:.95rem;color:oklch(48% 0.018 285);line-height:1.6;max-width:38ch}
.foot-cta-btn{font-family:var(--fb);height:46px;padding:0 var(--s6);background:var(--ac);color:var(--oa);border:none;border-radius:var(--rp);font-size:.9rem;font-weight:600;cursor:pointer;transition:background 120ms;white-space:nowrap}
.foot-cta-btn:hover{background:var(--ach)}
.fg2{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(var(--s6),3vw,var(--s12));padding:clamp(var(--s8),4vw,48px) 0}
.fct{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:oklch(38% 0.015 285);margin-bottom:var(--s4)}
.flk{display:block;font-size:.85rem;color:oklch(52% 0.018 285);margin-bottom:var(--s3);text-decoration:none;transition:color 150ms;cursor:pointer}
.flk:hover{color:oklch(78% 0.025 285)}
.fsoc{display:flex;gap:var(--s3);margin-top:var(--s4)}
.fsoc-a{width:36px;height:36px;border-radius:var(--rm);background:oklch(20% 0.018 285);display:flex;align-items:center;justify-content:center;color:oklch(52% 0.018 285);text-decoration:none;transition:background 150ms,color 150ms}
.fsoc-a:hover{background:oklch(26% 0.02 285);color:oklch(80% 0.025 285)}
.fbot{border-top:1px solid oklch(20% 0.015 285);padding:var(--s5) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--s4)}
.fcp{font-size:.78rem;color:oklch(32% 0.012 285)}
.flgl{display:flex;gap:var(--s6)}

/* RESPONSIVE */
@media(max-width:1000px){
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .feat-card{grid-template-columns:1fr}
  .feat-img{min-height:260px}
  .newsletter-inner{grid-template-columns:1fr}
  .blog-search-input{width:180px}
}
@media(max-width:640px){
  .blog-grid{grid-template-columns:1fr}
  .fg2{grid-template-columns:repeat(2,1fr)}
  .foot-brand{grid-template-columns:1fr}
  .fbot{flex-direction:column;gap:var(--s3);text-align:center}
  .nls{display:none}
}