/* Editorial Blog. Inherits the site's ink, ivory and brass palette. */
.blog-page,.blog-teaser{color:var(--ink);overflow-wrap:anywhere}
.blog-page [hidden]{display:none!important}
.blog-hub-hero{max-width:850px;padding-bottom:54px}
.blog-hub-hero h1,.blog-article-hero h1{line-height:1.08}
.blog-tools{padding:26px 0 32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:38px}
.blog-search{display:grid;grid-template-columns:1fr auto;gap:10px 16px;max-width:660px}
.blog-search label{grid-column:1/-1;font-size:12px;font-weight:650}
.blog-search input{width:100%;min-width:0;min-height:48px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:12px 15px;font:inherit;font-size:16px;border-radius:0}
.blog-clear,.blog-categories button{font:inherit;font-size:12px;color:var(--ink);border:1px solid var(--line);background:transparent;min-height:44px;padding:10px 15px;cursor:pointer}
.blog-clear:disabled{opacity:.5;cursor:default}
.blog-categories{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.blog-categories button[aria-pressed=true]{color:var(--paper);background:var(--ink);border-color:var(--ink)}
.blog-result-count{font-size:12px;color:var(--muted);margin:17px 0 0}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 30px}
.blog-card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:26px}
.blog-card-image,.blog-hero-image{margin:0}
.blog-card-image{aspect-ratio:16/10;overflow:hidden;background:var(--line)}
.blog-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.blog-card:focus-within .blog-card-image img,.blog-card:hover .blog-card-image img{transform:scale(1.025)}
.blog-card-body{padding-top:23px}
.blog-card h2{font-size:clamp(25px,2.5vw,35px);font-weight:500;line-height:1.16;letter-spacing:-.025em;margin:11px 0 14px}
.blog-card h2 a{text-decoration:none;color:var(--ink)}
.blog-card h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.blog-card p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 21px}
.blog-card-meta,.blog-byline{display:flex;flex-wrap:wrap;gap:10px 20px;color:var(--muted);font-size:11px;line-height:1.6}
.blog-no-results,.blog-fallback{padding:22px;border:1px solid var(--line);font-size:15px;line-height:1.7;color:var(--muted)}
.blog-cta{padding:65px 0 85px;max-width:720px}
.blog-cta h2{font-size:clamp(28px,3vw,42px);line-height:1.2;margin:0 0 20px;font-weight:500}
.blog-cta>p{font-size:15px;line-height:1.8;color:var(--muted)}
.blog-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:28px}
.blog-actions .button{min-height:48px;gap:15px}
.blog-actions .text-link{min-height:44px;display:inline-flex;align-items:center;gap:13px}
.blog-article-hero{max-width:980px;padding-bottom:40px}
.blog-article-hero h1{font-size:clamp(37px,5.5vw,72px);max-width:940px}
.blog-article-hero>p{max-width:750px}
.blog-back{display:block;width:fit-content;min-height:44px;margin-bottom:22px;font-size:12px;color:var(--muted);text-underline-offset:4px}
.blog-byline{margin-top:26px;font-size:12px}
.blog-hero-image img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;aspect-ratio:2/1}
.blog-hero-image figcaption{font-size:11px;line-height:1.6;color:var(--muted);padding-top:12px;max-width:800px}
.blog-article-layout{display:grid;grid-template-columns:minmax(170px,.65fr) minmax(0,2fr);gap:clamp(35px,6vw,95px);padding:65px 0 90px}
.blog-contents{align-self:start;position:sticky;top:126px;min-width:0}
.blog-contents h2{font-family:var(--sans);font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 18px}
.blog-contents ol{margin:0;padding:0;list-style:none}
.blog-contents li{border-bottom:1px solid var(--line)}
.blog-contents a{display:block;padding:12px 0;min-height:44px;color:var(--muted);font-size:12px;line-height:1.6;text-decoration:none}
.blog-contents a:hover{color:var(--ink)}
.blog-article-body{min-width:0;max-width:760px}
.blog-article-body>section{margin-bottom:44px;scroll-margin-top:125px}
.blog-article-body h2{font-size:clamp(27px,2.8vw,37px);font-weight:500;line-height:1.2;letter-spacing:-.02em;margin:0 0 22px}
.blog-article-body p{font-size:16px;line-height:1.9;color:var(--muted);margin:0 0 19px}
.blog-related{border-top:1px solid var(--line);padding-top:33px}
.blog-related ul{list-style:none;margin:0;padding:0}
.blog-related li a{display:flex;justify-content:space-between;gap:15px;padding:13px 0;min-height:44px;border-bottom:1px solid var(--line);color:var(--ink);font-size:14px;text-decoration:none}
.blog-teaser{padding-top:72px;padding-bottom:90px}
.blog-grid--teaser{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.blog-grid--teaser .blog-card h2{font-size:27px}
.blog-page :focus-visible,.blog-teaser :focus-visible{outline:3px solid #a57436;outline-offset:4px}
@media(max-width:800px){.blog-grid--teaser{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article-layout{grid-template-columns:1fr;gap:35px;padding-top:38px}.blog-contents{position:static}.blog-contents ol{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.blog-hero-image img{aspect-ratio:16/10}.blog-article-body>section{scroll-margin-top:95px}}
@media(max-width:580px){.blog-grid,.blog-grid--teaser{grid-template-columns:1fr;gap:32px}.blog-hub-hero{padding-bottom:35px}.blog-search{grid-template-columns:1fr}.blog-clear{justify-self:start}.blog-categories button{font-size:11px;padding:10px 12px}.blog-contents ol{grid-template-columns:1fr}.blog-article-body p{font-size:15px;line-height:1.85}.blog-actions{align-items:stretch;flex-direction:column;gap:13px}.blog-actions .button{justify-content:space-between}.blog-card h2{font-size:29px}.blog-article-layout{padding-bottom:60px}.blog-cta{padding:45px 0 60px}.blog-teaser{padding:55px 0 65px}}
@media(prefers-reduced-motion:reduce){.blog-card-image img{transition:none}.blog-card:hover .blog-card-image img,.blog-card:focus-within .blog-card-image img{transform:none}}
