/* Original Blog preview: 1920 × 1012, followed by the shared 625px footer. */
@font-face{font-family:Outfit;src:url('/_releases/b6d92871e3f8a0c84d9490786d7fa7d1e08c9ad9a452b981b187ade9422853ea/assets/outfit-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
.blog-intro{--design-height:1012px;position:relative;aspect-ratio:1920/1012;overflow:hidden;isolation:isolate;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.blog-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.blog-background{position:absolute;left:0;top:0;width:1920px;height:1443px}
.blog-sidebar{position:absolute;left:48px;top:507px;width:180px}
.blog-sidebar h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:36px;line-height:36px;font-weight:700}
.blog-sidebar-rule{position:absolute;left:4px;top:51px;width:20px;height:2px;background:#242525;opacity:.48}
.blog-post-count{position:absolute;left:692px;top:207px;width:360px;height:480px;margin:0;background:#242525;color:#fff;isolation:isolate}
.blog-count-background{position:absolute;inset:0;width:360px;height:480px;mix-blend-mode:screen;pointer-events:none}
.blog-count-tagline{position:absolute;left:28px;top:48px;font-size:16px;line-height:20px;font-weight:400;white-space:nowrap}
.blog-count-caption{position:absolute;left:28px;top:223px;display:flex;align-items:center;gap:4px}
.blog-count-number{position:relative;display:grid;place-items:center;width:56px;height:56px;color:#000;font-family:Outfit,Arial,sans-serif;font-size:32px;line-height:32px;font-weight:500}
.blog-count-number img{position:absolute;inset:0;pointer-events:none}
.blog-count-number>span{position:relative}
.blog-count-label{font-size:24px;line-height:24px;font-weight:500}
.blog-article{position:absolute;left:1072px;top:207px;width:800px;height:550px}
.blog-article-image{display:block;width:800px;height:480px}
.blog-article-image img{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}
.blog-article-image:hover img{opacity:.92}
.blog-article h2{position:absolute;left:0;top:504px;margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:calc(18px / var(--art-scale));line-height:calc(18px / var(--art-scale));font-weight:700}
.blog-article h2 :is(button,a){text-align:left;transition:opacity .2s ease}
.blog-article h2 :is(button,a):hover{opacity:.65}
.blog-article-date{position:absolute;left:2px;top:calc(504px + 26px / var(--art-scale));width:calc(65px / var(--art-scale));font-size:calc(10px / var(--art-scale));line-height:calc(10px / var(--art-scale));font-weight:400;opacity:.48;white-space:nowrap}
.blog-article-summary{position:absolute;left:242px;top:504px;width:420px;font-size:16px;line-height:22px;font-weight:400;opacity:.48}
.blog-registration-marks{position:absolute;inset:0;pointer-events:none}
.blog-registration-marks i{position:absolute;top:916px;width:20px;height:2px;background:#242525;opacity:.48}
.blog-intro .hero-copyright{right:48px;bottom:92px}
.blog-page .site-footer{margin-top:0}

/* Mobile reading order: section, post count, image, and article metadata. */
@media(max-width:1023px){
  .blog-intro{aspect-ratio:auto;min-height:0;overflow:hidden}
  .blog-intro>.design-canvas{position:relative;width:100%;height:auto;transform:none;display:grid;grid-template-columns:minmax(0,1fr);padding:0 20px 48px}
  .blog-art{opacity:.45}
  .blog-background{width:100%;height:100%;object-fit:cover;object-position:top center}
  .blog-sidebar{position:relative;left:auto;top:auto;width:auto;margin:28px 0 32px}
  .blog-sidebar h1{font-size:52px;line-height:1.05}
  .blog-sidebar-rule{left:2px;top:auto;bottom:-12px}
  .blog-post-count{position:relative;left:auto;top:auto;width:100%;height:228px;margin:0 0 24px}
  .blog-count-background{width:100%;height:100%;object-fit:cover;object-position:center}
  .blog-count-tagline{left:24px;top:24px;font-size:16px;line-height:22px}
  .blog-count-caption{left:24px;top:auto;bottom:24px}
  .blog-article{position:relative;left:auto;top:auto;width:100%;height:auto;min-width:0}
  .blog-article-image{width:100%;height:auto;aspect-ratio:5/3}
  .blog-article-image img{width:100%;height:100%;transition:none}
  .blog-article h2{position:static;margin:16px 0 0;font-size:28px;line-height:36px}
  .blog-article h2 a{display:inline-flex;align-items:center;min-height:44px;transition:none}
  .blog-article-date{position:static;display:block;width:auto;font-size:14px;line-height:20px;opacity:.6}
  .blog-article-summary{position:static;width:auto;margin-top:16px;font-size:16px;line-height:25px;opacity:.72}
  .blog-registration-marks{display:none}
  .blog-intro .hero-copyright{position:relative;left:auto;right:auto;top:auto;bottom:auto;justify-self:end;margin-top:36px}
}
@media(min-width:700px) and (max-width:1023px){
  .blog-intro>.design-canvas{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);column-gap:24px;padding-bottom:56px}
  .blog-intro .site-header,.blog-sidebar,.blog-intro .hero-copyright{grid-column:1/-1}
  .blog-post-count{height:auto;min-height:320px;margin:0;align-self:start;aspect-ratio:3/4}
  .blog-article h2{margin-top:20px}
}