.blog-body{background:var(--paper)}
.blog-page{padding-bottom:80px}
.blog-hero{max-width:1280px;margin:0 auto;min-height:430px;display:grid;grid-template-columns:47% 53%;background:linear-gradient(120deg,#f9f7f2 0%,#eef5f2 55%,#d9efec 100%);overflow:hidden;position:relative;border-bottom:1px solid rgba(39,48,58,.08)}
.blog-hero-copy{padding:74px 7vw 68px;position:relative;z-index:2}
.blog-kicker,.blog-section-kicker{font:700 11px/1 var(--mono);letter-spacing:.14em;color:var(--teal-dark);margin:0 0 17px}
.blog-hero h1{font:700 clamp(42px,5vw,68px)/1.05 var(--serif);letter-spacing:.02em;margin:0;color:#21576b}
.blog-hero-lead{font:600 clamp(22px,2.3vw,31px)/1.55 var(--serif);margin:20px 0 18px;color:#334d58}
.blog-hero-text{font-size:13px;line-height:2;color:#59656b;margin:0;max-width:620px}
.blog-hero-photo{min-height:430px;position:relative;overflow:hidden}
.blog-hero-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 0%,rgba(245,241,233,.35) 13%,transparent 36%),linear-gradient(0deg,rgba(245,241,233,.16),transparent 32%);z-index:1;pointer-events:none}
.blog-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.82) contrast(.98)}
.blog-hero-note{position:absolute;right:28px;bottom:22px;z-index:2;background:rgba(255,255,255,.82);border:1px solid rgba(39,48,58,.08);border-radius:999px;padding:8px 14px;font:700 10px var(--mono);letter-spacing:.12em;color:var(--teal-dark);backdrop-filter:blur(8px)}
.blog-layout{max-width:1160px;margin:0 auto;padding:72px 24px 0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px;align-items:start}
.blog-section-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px}
.blog-section-heading h2{font:700 31px/1 var(--serif);margin:0}
.blog-count{font:11px var(--mono);color:var(--muted)}
.blog-empty-card{background:var(--white);border:1px solid rgba(39,48,58,.08);border-radius:18px;padding:62px 38px;text-align:center;box-shadow:0 14px 40px rgba(39,48,58,.055);position:relative;overflow:hidden}
.blog-empty-card:before{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--teal),#9fd8d2,var(--dawn))}
.empty-mark{width:54px;height:54px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;background:#e6f4f2;color:var(--teal-dark);font-size:24px}
.empty-kicker{font:700 10px var(--mono);letter-spacing:.16em;color:var(--teal-dark);margin:0 0 10px}
.blog-empty-card h3{font:700 24px/1.5 var(--serif);margin:0 0 13px}
.blog-empty-card>p:not(.empty-kicker):not(.empty-small){max-width:610px;margin:0 auto;color:#616970;font-size:13px;line-height:2}
.empty-small{font-size:11px!important;color:#8a9297!important;margin:20px auto 0!important}
.blog-intro-card{margin-top:26px;background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:18px;padding:34px 36px}
.blog-intro-card h2{font:700 25px/1.5 var(--serif);margin:0 0 14px}
.blog-intro-card p{font-size:13px;color:#5f686e;line-height:2;margin:0 0 12px}
.blog-intro-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}
.blog-intro-tags span{font:700 9px var(--mono);letter-spacing:.1em;color:var(--teal-dark);border:1px solid #bfe1dd;background:#eff9f7;border-radius:999px;padding:6px 9px}
.blog-sidebar{display:flex;flex-direction:column;gap:18px}
.blog-side-card{background:var(--white);border:1px solid rgba(39,48,58,.08);border-radius:16px;padding:22px 22px;box-shadow:0 12px 30px rgba(39,48,58,.045)}
.blog-search-card label{display:block;font:700 13px var(--serif);margin-bottom:10px}
.blog-search-box{display:flex;border:1px solid var(--line);border-radius:9px;background:var(--paper2);overflow:hidden}
.blog-search-box input{width:100%;border:0;background:transparent;padding:10px 11px;font-size:12px;outline:0;color:var(--ink)}
.blog-search-box button{width:42px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted);font-size:17px}
.blog-search-card>p{font-size:10px;color:#8b9296;line-height:1.7;margin:9px 0 0}
.side-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:4px}
.side-heading h2{font:700 18px var(--serif);margin:0}
.side-heading span{min-width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#e9f4f2;color:var(--teal-dark);font:700 10px var(--mono)}
.category-empty{text-align:center;padding:24px 8px 11px}
.category-icon{width:40px;height:40px;border:1px solid #b9dcd8;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;color:var(--teal);font-size:18px}
.category-empty p{font-size:12px;color:#656e73;margin:0 0 5px}
.category-empty small{font-size:10px;color:#949b9f;line-height:1.7}
.blog-side-note{background:linear-gradient(145deg,#f7fbfa,#edf7f5)}
.blog-side-note h2{font:700 20px/1.55 var(--serif);margin:0 0 12px}
.blog-side-note>p:not(.blog-section-kicker){font-size:11px;line-height:1.9;color:#667176;margin:0 0 18px}
.side-link{display:inline-flex;gap:7px;align-items:center;font-size:11px;font-weight:700;color:var(--teal-dark)}
.side-link span{transition:.2s}.side-link:hover span{transform:translateX(4px)}
.blog-page~.footer{margin-top:0}
@media (max-width:900px){
  .blog-hero{grid-template-columns:1fr;min-height:0}
  .blog-hero-copy{padding:54px 26px 35px}
  .blog-hero-photo{height:300px;min-height:300px}
  .blog-hero-photo:before{background:linear-gradient(0deg,var(--paper) 0%,rgba(245,241,233,.08) 35%,transparent 70%)}
  .blog-layout{grid-template-columns:1fr;gap:28px;padding-top:46px}
  .blog-sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}
  .blog-side-note{grid-column:1/-1}
}
@media (max-width:680px){
  .blog-hero h1{font-size:42px}
  .blog-hero-lead{font-size:22px}
  .blog-hero-text{font-size:12px}
  .blog-layout{padding-left:16px;padding-right:16px}
  .blog-empty-card{padding:48px 22px}
  .blog-intro-card{padding:28px 22px}
  .blog-sidebar{display:flex}
  .blog-section-heading h2{font-size:26px}
}

.production-post-card{background:var(--white);border:1px solid rgba(39,48,58,.08);border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(39,48,58,.055)}
.production-post-card>a{display:grid;grid-template-columns:260px minmax(0,1fr);color:inherit;text-decoration:none}
.production-post-thumb{background:#fff;min-height:260px;overflow:hidden;display:grid;place-items:center}
.production-post-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.production-post-copy{padding:30px 32px}
.post-category{display:inline-block;font:700 10px var(--mono);letter-spacing:.1em;color:var(--teal-dark);background:#eff9f7;border:1px solid #bfe1dd;border-radius:999px;padding:6px 9px;margin:0 0 12px}
.production-post-copy h3{font:700 26px/1.45 var(--serif);margin:0 0 10px;color:var(--ink)}
.production-post-copy p:not(.post-category){font-size:13px;line-height:1.9;color:#616970;margin:0 0 18px}
.post-link{font-size:12px;font-weight:700;color:var(--teal-dark)}
.category-list{display:flex;flex-direction:column}
.category-list a{display:flex;justify-content:space-between;align-items:center;padding:13px 2px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:12px}
.category-list a:last-child{border-bottom:0}
.category-list b{font:700 10px var(--mono);color:var(--teal-dark)}
@media(max-width:680px){.production-post-card>a{grid-template-columns:1fr}.production-post-thumb{min-height:260px}.production-post-copy{padding:24px}.production-post-copy h3{font-size:23px}}