.hero { padding-block: 34px; }

.hero-media-ledger {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 12px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.hero-media-ledger span {
  padding: 12px 8px;
  border-right: 1px solid var(--line);
  color: var(--cobalt);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-align: center;
  text-transform: uppercase;
}

.hero-media-ledger span:last-child { border-right: 0; }

@media (max-width: 1050px) {
  .hero { padding-block: 28px; }
}

@media (max-width: 760px) {
  .hero { padding-block: 24px; }
}

.pill-nav a:hover,.chapter-index a:hover{background:rgba(38,88,255,.1)}
.pill-nav a:focus-visible,.button:focus-visible,.text-link:focus-visible,.chapter-index a:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}
.blog-promo{display:grid;grid-template-columns:1fr minmax(230px,38%);align-items:center;gap:38px;background:#e9e8de}
.blog-promo .section-heading{margin:0}
.blog-promo .section-heading p:not(.eyebrow){max-width:620px;font:19px/1.5 Georgia,serif}
.blog-promo-image{display:block;overflow:hidden}
.blog-promo-image img,.blog-feature-image img{width:100%;height:100%;object-fit:cover}
.blog-promo-image img{aspect-ratio:3/2}
.blog-feature{display:grid;grid-template-columns:1.05fr 1fr;gap:38px;align-items:center;padding:42px 0 68px;border-bottom:1px solid var(--line)}
.blog-feature-image{overflow:hidden;display:block}
.blog-feature-image img{aspect-ratio:3/2}
.blog-feature h2{max-width:520px}
.blog-feature h2 a{text-decoration:none}
.blog-feature h2 a:hover,.blog-promo .text-link:hover{text-decoration:underline}
.blog-feature p:not(.eyebrow){max-width:470px;font:19px/1.55 Georgia,serif}
.blog-index .document-masthead h1,.camera-article .document-masthead h1{max-width:880px}
.article-masthead .eyebrow a{text-decoration:none}
.article-masthead .eyebrow a:hover{text-decoration:underline}
.article-meta{display:block;margin-top:18px;font-size:13px;font-weight:700}
.article-hero{margin:0;padding:36px 0 0}
.article-hero img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.article-hero figcaption{padding:10px 0;font:italic 14px/1.45 Georgia,serif}
.camera-article .chapter-index{margin-top:20px}
.article-content{max-width:820px;padding:8px 0 42px}
.article-content section{padding:18px 0;border-bottom:1px solid var(--line);scroll-margin-top:25px}
.article-content section>p{margin:0 0 16px}
.article-content section>p:last-child{margin-bottom:0}
.article-content section>p:not(.eyebrow):not(.fineprint),.article-content li{font:19px/1.7 Georgia,serif}
.article-content ol{padding-left:26px}
.article-content li{padding:8px 0}
.article-content h2{max-width:700px;margin-bottom:16px}
.article-content .camera-offer{padding:28px;background:#e3eafa;border-left:7px solid var(--cobalt)}
.article-content .camera-offer p{max-width:710px}
.article-content .camera-offer .fineprint{max-width:680px;margin-top:18px;font-size:13px;line-height:1.55}
.article-content .fineprint{font-size:13px;line-height:1.55}
@media(max-width:1050px){.pill-nav a{padding-inline:11px}.blog-promo{gap:20px}}
@media(max-width:760px){.blog-promo,.blog-feature{grid-template-columns:1fr}.blog-promo .section-heading{grid-template-columns:48px 1fr}.blog-promo-image{margin-left:48px}.blog-feature{gap:22px;padding:28px 0 44px}.article-hero{padding-top:24px}.article-content{padding-bottom:30px}.article-content section{padding:12px 0}.article-content section>p:not(.eyebrow):not(.fineprint),.article-content li{font-size:17px}.article-content .camera-offer{padding:20px}.blog-feature p:not(.eyebrow){font-size:17px}}