/* The company palette carries through to the journal. */
.blog-intro { padding-block:64px 34px }
.blog-intro .eyebrow { margin-bottom:24px }
.blog-intro h1 { font-size:clamp(48px,6.8vw,82px); font-weight:600; letter-spacing:-.065em }
.blog-intro .lede { max-width:580px; margin-top:22px; color:var(--muted); font-size:18px }
.blog-topics { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; padding-top:25px; border-top:1px solid var(--line) }
.blog-topics span { border:1px solid #25262426; border-radius:99px; padding:5px 14px; font-size:11px; color:#60615a }
.blog-preview { position:relative; isolation:isolate; overflow:hidden; min-height:650px; margin-bottom:34px }
.blog-ghosts { position:absolute; inset:12px 8px 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 26px; filter:blur(7px); opacity:.68; pointer-events:none; user-select:none }
.blog-ghost { min-width:0 }
.blog-ghost img { width:100%; height:190px; object-fit:cover; border-radius:14px; background:#dce0d6 }
.blog-ghost .ghost-meta { margin-top:19px; font-size:10px; text-transform:uppercase; letter-spacing:.1em }
.blog-ghost h3 { margin-top:10px; font-size:24px; font-weight:600; letter-spacing:-.04em; line-height:1.2 }
.blog-ghost p:last-child { margin-top:10px; font-size:13px; line-height:1.7 }
.blog-preview:before { content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background:radial-gradient(ellipse 66% 44% at 50% 43%,#f4f3effa 8%,#f4f3efd9 42%,#f4f3ef33 100%),linear-gradient(180deg,#f4f3ef00 65%,#f4f3ef 98%) }
.blog-announcement { position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:570px; padding:60px 24px 100px; text-align:center }
.blog-announcement h2 { font-size:clamp(62px,9.6vw,124px); font-weight:750; letter-spacing:-.075em; line-height:1.05 }
.blog-announcement>p { max-width:310px; margin-top:22px; font-size:16px; line-height:1.6; color:#575a51 }
.blog-announcement .text-link { margin-top:22px; font-size:13px; text-decoration:underline; text-decoration-color:#92988a; text-underline-offset:5px }
.blog-breadcrumbs { display:flex; gap:10px; align-items:center; padding-bottom:25px; font-size:11px; color:#73756c }
.blog-breadcrumbs a:hover { color:var(--text) }
@media(max-width:1000px) {
  .blog-ghosts { gap:26px 22px }
  .blog-ghost img { height:165px }
}
@media(max-width:760px) {
  .blog-intro { padding-block:46px 28px }
  .blog-intro .eyebrow { margin-bottom:20px }
  .blog-intro .lede { font-size:16px; max-width:440px; margin-top:20px }
  .blog-topics { margin-top:25px; padding-top:22px; gap:8px }
  .blog-topics span { padding:4px 11px; font-size:10px }
  .blog-preview { min-height:560px; margin-bottom:10px }
  .blog-ghosts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 20px; inset:8px 4px 0; filter:blur(6px) }
  .blog-ghost img { height:150px; border-radius:11px }
  .blog-ghost h3 { font-size:20px }
  .blog-ghost:nth-child(n+5) { display:none }
  .blog-announcement { min-height:510px; padding:50px 0 80px }
  .blog-announcement>p { font-size:14px; max-width:260px }
  .blog-preview:before { background:radial-gradient(ellipse 95% 45% at 50% 43%,#f4f3effa 8%,#f4f3efd9 42%,#f4f3ef33 100%),linear-gradient(180deg,#f4f3ef00 60%,#f4f3ef 98%) }
}
@media(max-width:390px) {
  .blog-intro h1 { font-size:45px }
  .blog-ghost img { height:130px }
  .blog-announcement h2 { font-size:58px }
}