/* A shared opening for the complete blog archive. */
.blog-hero{position:relative;min-height:580px;height:69svh;max-height:800px;overflow:hidden;isolation:isolate;background:#071521;color:#fff}
.blog-world{position:absolute!important;inset:0;z-index:-3;overflow:hidden}
.blog-world>img,.blog-world>.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.blog-world>.hero-video{opacity:0}
.blog-hero.video-ready .hero-video{opacity:1}
.blog-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#020a1470 0%,#020a142b 40%,#020a1438 70%,#020a14ad 100%);pointer-events:none}
.blog-hero-copy{position:absolute;left:7%;right:7%;top:50%;transform:translateY(-45%);text-align:center;text-shadow:0 3px 28px #020913d9}
.blog-hero-overline{font-size:12px!important;font-weight:500;letter-spacing:.2em;line-height:1.4!important;margin:0 0 24px!important;color:#d6e3ec}
.blog-hero h1{font-family:var(--serif);font-size:clamp(130px,13vw,210px);font-weight:400;letter-spacing:-.055em;line-height:.9}
.blog-hero-copy>p:last-child{font-size:20px;line-height:1.6;max-width:640px;margin:30px auto 0;color:#f0f4f7;text-wrap:balance;text-shadow:0 2px 6px #020a16,0 0 24px #020a16}
.blog-browse{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:20px;min-height:44px;padding:8px 12px;font-size:15px;white-space:nowrap;color:#fff}
.blog-browse svg{transition:transform .2s}
.blog-browse:hover svg{transform:translateY(4px)}
.blog-browse:focus-visible{outline-color:#f1c99d}
.journal-archive{padding-top:54px;scroll-margin-top:0}
.journal-archive .journal-toolbar{padding-top:0}
@media(max-width:800px){.blog-hero{height:65svh;min-height:540px;max-height:690px}.blog-hero-copy{left:8%;right:8%}.blog-hero h1{font-size:150px}.blog-hero-copy>p:last-child{font-size:18px}.journal-archive{padding-top:42px}}
@media(max-width:560px){.blog-hero{min-height:530px;height:70svh;max-height:650px}.blog-hero-copy{left:25px;right:25px;transform:translateY(-42%)}.blog-world>img,.blog-world>.hero-video{object-position:62% center}.blog-hero-overline{letter-spacing:.16em;margin-bottom:26px!important}.blog-hero h1{font-size:clamp(76px,30vw,130px)}.blog-hero-copy>p:last-child{max-width:320px;margin-top:28px}.blog-desktop-break{display:none}.blog-browse{bottom:22px;gap:18px}.blog-browse svg{width:22px;height:22px}.journal-archive{padding-top:35px}}
@media(prefers-reduced-motion:reduce){.blog-browse svg{transition:none}.blog-hero.video-ready .hero-video{opacity:0}}

/* Readable archive typography, scoped to the blog landing page. */
.journal-archive .topic-filters{gap:8px}
.journal-archive .topic-filters button{font-size:15px;line-height:1.4;min-height:44px;padding:10px 15px}
.journal-archive .journal-search-sort{gap:12px;max-width:100%}
.journal-archive .journal-toolbar input,.journal-archive .journal-toolbar select{font-size:16px;line-height:1.4;min-height:46px;padding:11px 14px}
.journal-archive .journal-toolbar input{width:230px;min-width:0;flex:1}
.journal-archive .journal-toolbar select{width:154px;max-width:none;flex-shrink:0}
.journal-archive #journal-count{font-size:14px;line-height:1.5;margin:24px 0;color:#566168}
.journal-archive .journal-item{padding:38px 0}
.journal-archive .journal-item-meta{font-size:14px;line-height:1.5;gap:10px;color:#566168}
.journal-archive .journal-item-meta>span{font-size:13px;font-weight:500;letter-spacing:.06em}
.journal-archive .journal-item-copy h2{font-size:clamp(30px,2.8vw,36px);line-height:1.2;max-width:680px;text-wrap:pretty}
.journal-archive .journal-item-copy p{font-size:17px;line-height:1.65;margin-top:14px;color:#566168}
.journal-archive .journal-item .journal-byline{font-size:14px;line-height:1.5;margin-top:18px;color:#566168}
@media(max-width:1100px){.journal-archive .journal-item-meta{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:12px 24px}.journal-archive .journal-item-link{grid-template-columns:minmax(0,1fr) 180px}}
@media(max-width:800px){.journal-archive .journal-item-link{grid-template-columns:minmax(0,1fr) 150px}}
@media(max-width:560px){
  .journal-archive .journal-search-sort{width:100%;gap:8px}
  .journal-archive .journal-toolbar select{width:140px;padding-inline:10px}
  .journal-archive .journal-toolbar input{width:0;padding-inline:10px}
  .journal-archive .journal-item{padding:30px 0}
  .journal-archive .journal-item-link{grid-template-columns:minmax(0,1fr) 96px;gap:20px 16px;align-items:start}
  .journal-archive .journal-item-meta{grid-column:1;grid-row:1;flex-direction:column;gap:8px}
  .journal-archive .journal-thumb{grid-column:2;grid-row:1;width:96px;height:72px}
  .journal-archive .journal-item-copy{grid-column:1/-1;grid-row:2}
  .journal-archive .journal-item-copy h2{font-size:28px}
  .journal-archive .journal-item-copy p{font-size:17px;line-height:1.6}
}
@media(max-width:360px){
  .journal-archive .journal-search-sort{flex-direction:column}
  .journal-archive .journal-toolbar input,.journal-archive .journal-toolbar select{width:100%;flex:auto}
}
