.blog-body{background:var(--noir);color:var(--cream)}
.blog-body main{padding-top:92px}
.blog-body .nav{background:rgba(11,11,12,.94);border-bottom-color:var(--line)}

.blog-index-hero{padding:74px 0 62px;background:radial-gradient(circle at 82% 16%,rgba(185,166,125,.13),transparent 32%),var(--noir)}
.blog-index-heading{max-width:1120px;margin:0 auto;text-align:center}
.blog-index-heading h1{font-size:clamp(3rem,4.4vw,4.5rem);line-height:1;max-width:1100px;margin:0 auto;color:var(--cream)}
.blog-index-content{padding:58px 0 110px;background:var(--cream);color:var(--ink)}

.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.story-card,.related-card{background:#fff;border:1px solid var(--line-lt);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.story-image{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--cream-2)}
.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.story-image:hover img{transform:scale(1.025)}
.story-copy{padding:28px;display:flex;flex:1;flex-direction:column}
.story-meta,.article-meta{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-bottom:17px;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--khaki-dim)}
.story-meta time,.article-meta time{color:inherit}
.story-card h2,.related-card h2{font-size:1.8rem;line-height:1.08;margin-bottom:15px}
.story-card p,.related-card p{color:#665d4d;font-size:.98rem;margin-bottom:20px}
.story-link{margin-top:auto;color:#6f5d34;font-size:.79rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.story-link span{display:inline-block;margin-left:5px;transition:transform .2s}
.story-link:hover span{transform:translateX(4px)}

.blog-masthead{padding:62px 0 56px;background:radial-gradient(circle at 10% 75%,rgba(185,166,125,.12),transparent 30%),var(--noir)}
.blog-masthead-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:64px;align-items:center}
.blog-breadcrumb{display:flex;gap:12px;align-items:center;margin-bottom:34px;color:rgba(244,238,226,.64);font-size:.82rem}
.blog-breadcrumb span{color:var(--khaki);font-size:.65rem}
.blog-breadcrumb a:hover{color:var(--khaki-lt)}
.blog-masthead-copy h1{font-size:clamp(2.7rem,3.65vw,4rem);line-height:1.03;max-width:720px}
.article-byline{margin:18px 0 0;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--khaki-dim)}
.blog-masthead-image{aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-dk);position:relative}
.blog-masthead-image::after{content:'';position:absolute;inset:0;border:1px solid rgba(244,238,226,.12);border-radius:inherit;pointer-events:none}
.blog-masthead-image img{width:100%;height:100%;object-fit:cover}

.article-layout{display:grid;grid-template-columns:260px minmax(0,760px);gap:78px;justify-content:center;padding-top:70px;padding-bottom:92px;background:var(--cream);color:var(--ink);max-width:none}
.article-layout::before{content:'';position:absolute;left:0;right:0;z-index:-1;background:var(--cream)}
.article-rail{position:sticky;top:116px;align-self:start;padding-left:26px;border-left:1px solid rgba(143,127,92,.32)}
.article-rail::before{content:'';position:absolute;left:-5px;top:0;width:9px;height:14px;background:var(--khaki-dim);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.rail-label{font-size:.69rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:var(--khaki-dim);margin-bottom:18px}
.article-rail ol{list-style:none;display:grid;gap:12px}
.article-rail a{font-size:.86rem;line-height:1.35;color:#6c6251;transition:color .2s}
.article-rail a:hover{color:var(--ink)}
.article-intro{font-size:1.12rem;line-height:1.8;color:#493f32;margin:0 0 54px;max-width:690px}
.article-section{scroll-margin-top:120px;margin-bottom:58px}
.article-section h2{font-size:clamp(2.1rem,3.2vw,3.25rem);margin-bottom:23px;color:var(--ink)}
.article-section p{font-size:1.07rem;line-height:1.82;color:#493f32;margin-bottom:18px}
.article-section .article-text-link{color:#493f32;font-weight:700;text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:2px;text-underline-offset:4px;border-radius:2px;transition:color .2s}
.article-section .article-text-link:hover,.article-section .article-text-link:focus-visible{color:var(--ink)}
.article-section ul{margin:24px 0 24px 1.15rem;display:grid;gap:12px;color:#493f32}
.article-section li{padding-left:8px;font-size:1.02rem}
.article-section li::marker{color:var(--khaki-dim)}

.article-cta{padding:88px 0;background:var(--espresso);text-align:center}
.article-cta-inner{max-width:820px}
.article-cta h2{font-size:clamp(3rem,5vw,5rem);margin-bottom:20px}
.article-cta p{max-width:660px;margin:0 auto 30px;color:rgba(244,238,226,.7);font-size:1.08rem}
.article-faq{padding:92px 0;background:var(--cream);color:var(--ink)}
.article-faq-inner{max-width:930px}
.article-faq .sec-head{margin-bottom:38px;text-align:center}
.article-faq .sec-head h2{font-size:clamp(2.2rem,3vw,3.2rem)}
.article-faq .qa{border-color:var(--line-lt)}
.article-faq .qa summary{color:var(--ink);font-family:var(--fd);font-size:1.45rem;font-weight:400;line-height:1.35;letter-spacing:-.01em;padding:24px 44px 24px 0}
.article-faq .qa .a{color:#53493b;font-size:1.05rem;line-height:1.75;padding:0 44px 26px 0}

.related-heading{text-align:center;margin-bottom:38px}
.related-heading h2{font-size:clamp(2.5rem,4vw,4rem)}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;color:var(--ink)}
.related-card .story-copy{padding:24px}
.related-card h2{font-size:1.55rem}

.empty-state{padding:80px 0;text-align:center;color:#665d4d}

@media(max-width:1050px){
  .story-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .blog-masthead-grid{grid-template-columns:1fr;gap:36px}.blog-masthead-copy h1{max-width:850px}.blog-masthead-image{max-width:850px}
  .article-layout{grid-template-columns:220px minmax(0,700px);gap:46px}
}
@media(max-width:800px){
  .blog-body main{padding-top:77px}.blog-index-hero{padding:58px 0 44px}.blog-index-heading h1{font-size:clamp(2.8rem,11vw,4.7rem)}.blog-index-content{padding-top:42px}
  .story-grid,.related-grid{grid-template-columns:1fr}
  .blog-masthead{padding:42px 0}.blog-masthead-grid{gap:28px}.blog-breadcrumb{margin-bottom:24px}.blog-masthead-copy h1{font-size:clamp(2.35rem,9vw,3.5rem)}
  .article-layout{display:block;padding:48px 26px 68px}.article-rail{position:relative;top:auto;padding:22px 24px;margin-bottom:38px;background:#fff;border:1px solid var(--line-lt);border-radius:var(--r-sm)}.article-rail::before{display:none}.article-rail ol{gap:9px}
  .article-intro{font-size:1rem;margin-bottom:46px}.article-section{margin-bottom:46px}.article-section h2{font-size:2.35rem}.article-section p{font-size:1rem}
  .article-cta,.article-faq{padding:68px 0}
}
@media(max-width:480px){
  .blog-index-heading{text-align:left}.story-copy{padding:22px}.story-card h2{font-size:1.65rem}
  .blog-masthead-grid{padding:0 20px}.blog-masthead-copy h1{font-size:2.35rem}.article-meta{gap:8px 12px}.blog-masthead-image{border-radius:10px}
  .article-layout{padding-left:20px;padding-right:20px}.article-section h2{font-size:2.1rem}.article-cta h2{font-size:3rem}.article-faq .sec-head h2{font-size:2.35rem}.article-faq .qa summary{font-size:1.32rem;padding-top:21px;padding-bottom:21px}.article-faq .qa .a{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){.story-image img,.story-link span{transition:none}.story-image:hover img{transform:none}}