@font-face{font-family:Barlow;src:url('assets/barlow-300.ttf') format('truetype');font-weight:300;font-display:swap}
.blog-page .editorial-index{padding-bottom:64px}
.blog-page .listing-heading{padding-bottom:111px}
.blog-page .story-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 24px;max-width:1344px}
.blog-page .story-card,.blog-page .story-card+.story-card{margin:0;padding:0;border:0;min-width:0}
.blog-page .story-link{display:flex;flex-direction:column;gap:19px;min-height:492px}
.blog-page .story-visual{width:100%;aspect-ratio:432/288.09;min-height:0}
.blog-page .story-photo-desktop{transition:border-radius 300ms ease-out}
.blog-page .story-photo-desktop>img{left:0;top:0;width:100%;height:100%;object-fit:cover;transition:width 300ms ease-out,height 300ms ease-out,top 300ms ease-out,left 300ms ease-out}
.blog-page .story-visual--weekly .story-photo-desktop>img{width:100%;height:149.83%;top:-10.27%;left:0;object-fit:fill}
.blog-page .story-link:is(:hover,:focus-visible) .story-visual--weekly .story-photo-desktop>img{width:104.12%;height:156%;top:-16.82%;left:-2.06%}
.blog-page .story-link:is(:hover,:focus-visible) .story-photo-desktop{border-radius:6px}
.blog-page .story-visual--portrait .story-photo-desktop>img{width:102.46%;height:99.98%;left:-1.23%;top:.01%;object-fit:fill}
.blog-page .story-content{flex:1;gap:20px}
.blog-page .story-summary{gap:13px}
.blog-page .story-summary h2{font:500 26px/28.6px Barlow,sans-serif;letter-spacing:0}
.blog-page .story-description{font:400 16px/24px Geist,sans-serif;color:#7b7a78}
.story-byline{margin:0;color:#000c;font:400 14px/21px Geist,sans-serif;white-space:pre-wrap}
.blog-page .story-badge{left:6px;bottom:6px;opacity:0;transform:translateY(30px);transition:opacity 300ms ease-out,transform 300ms ease-out}
.blog-page .story-visual--portrait .story-badge{color:#fff;background:#212123cc}
.blog-page .story-link:is(:hover,:focus-visible) .story-badge{opacity:1;transform:none}
.listing-pagination{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:98px;height:44px}
.pagination-numbers{display:flex;gap:8px}
.pagination-number{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #0006;border-radius:8px;color:#0006;background:none;font:600 22px/24px Barlow,sans-serif}
.pagination-number[aria-current=page]{background:#6b42a8;border-color:#6b42a8;color:#fff}
.pagination-number:hover{border-color:#6b42a8;color:#6b42a8}
.pagination-number[aria-current=page]:hover{color:#fff}
.pagination-arrow{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #000;border-radius:8px;background:none}
.pagination-arrow img{display:block;max-width:none}
.pagination-arrow--previous img{transform:scaleX(-1)}
.pagination-arrow:disabled{opacity:.4;cursor:default}
.blog-page .site-footer{padding-bottom:14px}
@media(min-width:768px) and (max-width:1099px){
  .blog-page .story-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .blog-page .story-summary h2{font-size:25px}
  .blog-page .story-link{min-height:480px}
}
@media(max-width:767px){
  .blog-page .listing-heading{gap:28px;padding-bottom:60px}
  .blog-page .listing-heading h1{font-size:47.78px}
  .blog-page .listing-filters{display:flex;max-width:280px;gap:8px}
  .blog-page .listing-filter{font-size:16px}
  .blog-page .listing-filter[aria-pressed=true]{background:#8a5fb8}
  .blog-page .listing-filter-link{display:none}
  .blog-page .story-list{display:block}
  .blog-page .story-card[data-desktop-repeat]{display:none}
  .blog-page .story-card+.story-card{margin-top:40px}
  .blog-page .story-card[data-first-visible=true]{margin-top:0}
  .blog-page .story-link{gap:15px;min-height:0}
  .blog-page .story-visual{height:260px;aspect-ratio:auto}
  .story-mobile-single{inset:0;width:100%;height:100%;object-fit:cover}
  .blog-page .story-content{gap:20px}
  .blog-page .story-summary h2{font:600 25px/28.6px Barlow,sans-serif}
  .blog-page .story-visual--consent+.story-content h2{font-size:26px}
  .blog-page .story-description{font:300 16px/22px Barlow,sans-serif;color:#000c}
  .blog-page .story-divider{margin-top:40px}
  .blog-page .listing-pagination{margin-top:80px}
  .pagination-number--desktop{display:none}
  .blog-page .editorial-index{padding-bottom:0}
  .blog-page .contact-intro h2{line-height:35px}
  .blog-page .newsletter-description,.blog-page .newsletter-privacy{font-size:14px;line-height:22px}
  .blog-page .site-footer{padding-bottom:32px}
}
@media(max-width:360px){.blog-page .listing-heading h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){.blog-page .story-photo-desktop,.blog-page .story-photo-desktop>img,.blog-page .story-badge{transition:none}}