:root {
  /* Brand palette inherited from the main site (style.css / geometry3). */
  --blog-navy: #242323;
  --blog-blue: #282828;
  --blog-gold: #f2e589;
  --blog-gold-soft: #fff9d4;
  --blog-ink: #282828;
  --blog-muted: #525252;
  --blog-surface: #f7f7f3;
}
.blog-hero {position:relative;overflow:hidden;padding:165px 0 84px;background:#242323;color:#fff}
.blog-hero:after {content:"";position:absolute;right:-120px;bottom:-190px;width:520px;height:520px;border:1px solid rgba(242,229,137,.3);border-radius:50%;box-shadow:0 0 0 72px rgba(242,229,137,.06),0 0 0 145px rgba(242,229,137,.035)}
.blog-hero .container {position:relative;z-index:1}
.blog-kicker {display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--blog-gold);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.blog-kicker:before {content:"";width:34px;height:1px;background:var(--blog-gold)}
.blog-hero h1 {max-width:760px;margin:0 0 18px;color:#fff;font-size:clamp(42px,6vw,70px);line-height:1.04;letter-spacing:-.035em}
.blog-hero p {max-width:710px;margin:0;color:rgba(255,255,255,.82);font-size:19px;line-height:1.75}
.blog-breadcrumb {display:flex;gap:9px;margin-top:30px;padding:0;list-style:none;color:rgba(255,255,255,.68);font-size:14px}
.blog-breadcrumb a {color:#fff}
.blog-shell {padding:82px 0 96px;background:#000}
.blog-intro {display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:36px;align-items:end;margin-bottom:34px}
.blog-intro h2 {margin:0 0 12px;color:#fff;font-size:clamp(30px,4vw,45px);line-height:1.15}
.blog-intro p {max-width:720px;margin:0;color:#d7d7d7;font-size:17px;line-height:1.75}
.blog-intro-note {padding:20px 23px;border-left:3px solid var(--blog-gold);background:#242323;color:#fff;font-size:14px;line-height:1.65;box-shadow:0 12px 34px rgba(0,0,0,.3)}
.blog-topics {display:flex;flex-wrap:wrap;gap:10px;margin:0 0 38px;padding:0;border:0}
.blog-filter {padding:11px 18px;border:1px solid #5a5848;border-radius:999px;background:#242323;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:.2s ease}
.blog-filter:hover,.blog-filter:focus-visible,.blog-filter[aria-pressed="true"] {border-color:var(--blog-navy);background:var(--blog-navy);color:var(--blog-gold);outline:0;transform:translateY(-1px)}
.blog-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.blog-card {display:flex;min-height:100%;overflow:hidden;border:1px solid #3f3d35;border-radius:8px;background:#242323;box-shadow:0 13px 36px rgba(0,0,0,.3);transition:.25s ease}
.blog-card:hover {transform:translateY(-5px);box-shadow:0 20px 48px rgba(36,35,35,.13)}
.blog-card[hidden] {display:none}
.blog-card-media {position:relative;flex:0 0 42%;min-height:280px;overflow:hidden;background:#e9e5cf}
.blog-card-media img {width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.blog-card-title {position:absolute;z-index:2;right:0;bottom:0;left:0;padding:42px 20px 18px;background:linear-gradient(transparent,rgba(36,35,35,.96));color:#fff!important;font-size:18px;font-weight:800;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.blog-card:hover .blog-card-media img {transform:scale(1.035)}
.blog-card-body {display:flex;flex-direction:column;padding:28px 27px}
.blog-tag {align-self:flex-start;margin-bottom:14px;padding:6px 10px;border-radius:2px;background:var(--blog-gold-soft);color:#242323;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.blog-card h3 {margin:0 0 13px;font-size:23px;line-height:1.3}
.blog-card h3 a {display:block;color:#fff!important;text-decoration:none}
.blog-card h3 a:hover,.blog-card h3 a:focus-visible {color:var(--blog-gold)!important;text-decoration:underline;text-decoration-color:var(--blog-gold);text-underline-offset:4px}
.blog-card p {margin:0 0 22px;color:#d7d7d7;font-size:15px;line-height:1.7}
.blog-read {display:inline-flex;align-items:center;gap:9px;margin-top:auto;color:var(--blog-gold);font-weight:800}
.blog-read span {transition:transform .2s ease}.blog-card:hover .blog-read span {transform:translateX(4px)}
.blog-empty {grid-column:1/-1;padding:30px;background:#242323;color:#d7d7d7;text-align:center}
.blog-cta {position:relative;overflow:hidden;margin-top:54px;padding:42px 46px;border-radius:8px;background:linear-gradient(120deg,var(--blog-navy),var(--blog-blue));color:#fff}
.blog-cta:after {content:"§";position:absolute;right:28px;top:-35px;color:rgba(255,255,255,.07);font-family:Georgia,serif;font-size:190px}
.blog-cta h2 {position:relative;z-index:1;margin:0 0 10px;color:#fff;font-size:31px}.blog-cta p {position:relative;z-index:1;max-width:690px;margin:0 0 22px;color:rgba(255,255,255,.78)}
.blog-cta .default-btn {position:relative;z-index:1;background:var(--blog-gold);color:var(--blog-navy)}
@media (max-width:991px){.blog-hero{padding-top:135px}.blog-intro{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.blog-card-media{min-height:250px}}
@media (max-width:575px){.blog-hero{padding:120px 0 58px}.blog-hero p{font-size:16px}.blog-shell{padding:58px 0 70px}.blog-card{display:block}.blog-card-media{height:215px;min-height:0}.blog-card-body{padding:23px 21px}.blog-topics{gap:8px}.blog-filter{padding:9px 13px;font-size:13px}.blog-cta{padding:32px 25px}.blog-cta h2{font-size:27px}}
@media (prefers-reduced-motion:reduce){.blog-card,.blog-card-media img,.blog-filter,.blog-read span{transition:none!important}}