/* Articles index only. Individual article and signup layouts use styles.css. */
.articles-index .blog-head{background:#0c0c0e;color:#f3f0e8;padding-block:76px 72px}
.articles-index .blog-head .section-label{color:#b8b4aa;margin-bottom:25px;font-size:18px}
.articles-index .blog-head .section-label::before{content:"";display:block;width:48px;height:3px;background:#c4141f;margin-bottom:23px}
.articles-index .blog-head h1{max-width:1080px;font-size:clamp(48px,5.2vw,72px);line-height:1.06;letter-spacing:-.045em;text-wrap:balance}
.articles-index .blog-head h1 span{display:block;color:#b8b4aa}
.articles-index .blog-intro{max-width:660px;margin-top:30px;color:#d0ccc3;font-size:20px;line-height:1.6}
.articles-index .blog-byline{margin-top:20px;color:#aaa69d;font-size:14px;line-height:1.5}
.articles-index .article-listing{background:#1b1b1e;color:#f3f0e8}
.articles-index .feature{display:block;padding-block:82px 88px;border:0;text-align:center}
.articles-index .feature-label{margin-bottom:30px;color:#c4141f;font-size:26px;font-weight:700;line-height:1.3}
.articles-index .featured-story{max-width:900px;margin-inline:auto}
.articles-index .feature-title{font-size:clamp(36px,4.3vw,56px);line-height:1.1;letter-spacing:-.035em;text-wrap:balance}
.articles-index .feature-title a:hover{text-decoration-color:#e45c61}
.articles-index .feature-meta{margin-top:24px;color:#aaa69d;font-size:14px;line-height:1.5}
.articles-index .feature-meta span{margin-inline:9px}
.articles-index .feature-dek{max-width:610px;margin:25px auto 0;color:#d0ccc3;font-size:21px;line-height:1.55;text-wrap:pretty}
.articles-index .article-read{display:inline-flex;align-items:center;gap:20px;min-height:44px;margin-top:17px;font-size:18px;font-weight:600;text-decoration-color:#e45c61;text-underline-offset:6px}
.articles-index .article-read:hover{color:#fff;text-decoration-thickness:2px}
.articles-index .more{max-width:820px;margin-inline:auto;padding-block:0 96px}
.articles-index .more-head{display:block;padding:0 0 46px;border:0}
.articles-index .more-head h2{color:#b8b4aa;font-size:28px;letter-spacing:-.015em}
.articles-index .story-list{list-style:none;display:block;margin:0;padding:0;border:0}
.articles-index .story-list li+li{margin-top:64px}
.articles-index .story-row{max-width:740px}
.articles-index .story-category{margin:0 0 13px;color:#e45c61;font-size:15px;font-weight:500;line-height:1.4}
.articles-index .story-row h3{margin:0;font:600 clamp(30px,2.8vw,38px)/1.16 'Inter Display',Inter,sans-serif;letter-spacing:-.025em;text-wrap:pretty}
.articles-index .story-row h3 a{text-decoration:none}
.articles-index .story-row h3 a:hover{text-decoration:underline;text-decoration-color:#e45c61;text-decoration-thickness:1px;text-underline-offset:6px}
.articles-index .story-dek{max-width:650px;margin-top:16px;color:#d0ccc3;font-size:18px;line-height:1.65}
.articles-index .story-meta{margin-top:18px;color:#aaa69d;font-size:14px;line-height:1.5}
.articles-index .story-row .article-read{margin-top:8px;font-size:18px}
@media(max-width:760px){
  .articles-index .blog-head{padding-block:45px 48px}
  .articles-index .blog-head h1{font-size:clamp(38px,9.1vw,54px);line-height:1.08;text-wrap:pretty}
  .articles-index .blog-head h1 span{margin-top:8px}
  .articles-index .blog-intro{font-size:18px;margin-top:25px}
  .articles-index .blog-byline{font-size:13px;margin-top:18px}
  .articles-index .feature{padding-block:48px 64px}
  .articles-index .feature-label{font-size:23px;margin-bottom:23px}
  .articles-index .feature-title{font-size:34px;line-height:1.13}
  .articles-index .feature-meta{font-size:13px;margin-top:20px}
  .articles-index .feature-dek{font-size:18px;margin-top:22px}
  .articles-index .more{padding-bottom:58px}
  .articles-index .more-head{padding-bottom:32px}
  .articles-index .more-head h2{font-size:28px}
  .articles-index .story-list li+li{margin-top:44px}
  .articles-index .story-row h3{font-size:29px;line-height:1.18}
  .articles-index .story-category{font-size:14px;margin-bottom:11px}
  .articles-index .story-dek{font-size:18px;margin-top:14px}
  .articles-index .story-meta{font-size:13px;margin-top:16px}
}