/* Blog index: a newsroom rundown. Lead story, next up, then the running order. */
.bl-top{padding-block:clamp(40px,5vw,72px) clamp(48px,6vw,80px)}
.bl-head{margin-bottom:clamp(28px,3.5vw,48px)}
.bl-head h1{font-size:var(--fs-hero);max-width:18em;color:var(--fg-strong)}
.bl-head .lead{max-width:34em;margin-top:22px;color:var(--fg)}

/* lead story */
.bl-lead{display:grid;gap:28px clamp(28px,4vw,64px);align-items:center}
@media (min-width:900px){.bl-lead{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
.bl-lead-media{display:block;text-decoration:none}
/* lead story: a real photograph of Jess on stage, with the topic as a lower-third tag */
.bl-photo{position:relative;display:block;aspect-ratio:8/5;background:var(--navy-dark);--vf-inset:-8px}
.bl-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.bl-photo .bl-type-k{position:absolute;left:0;bottom:0;padding:8px 14px;background:var(--navy-dark);border-top:2px solid var(--gold)}
.bl-lead-media:hover .bl-photo img{filter:brightness(1.06)}
.bl-slug{display:flex;align-items:center;gap:10px;margin:0 0 16px;font:600 var(--fs-label)/1.3 var(--sans);color:var(--gold-bright)}
.bl-lead-title{font-size:clamp(1.9rem,1.4rem + 1.6vw,2.75rem);line-height:1.06;color:var(--white)}
.bl-lead-title a{color:inherit;text-decoration:none;background:linear-gradient(var(--gold) 0 0) 0 100%/0 2px no-repeat;transition:background-size var(--t-slow) var(--e-out)}
.bl-lead-title a:hover{background-size:100% 2px}
.bl-lead-deck{margin:18px 0 0;font-size:var(--fs-lead);line-height:1.55;color:var(--mist);max-width:34em}
.bl-lead .bl-meta{margin:22px 0 28px}
.bl-meta{display:flex;flex-wrap:wrap;gap:2px 16px;margin:0 0 10px;font:500 var(--fs-label)/1.5 var(--sans);font-variant-numeric:tabular-nums;color:var(--fg)}
.bl-meta>span+span::before{content:"";display:inline-block;width:1px;height:.9em;margin-right:16px;vertical-align:-.1em;background:currentColor;opacity:.4}
.bl-upd{color:var(--accent-text);font-weight:600}
.bl-top .bl-upd{color:var(--gold-bright)}

/* section heads */
.bl-h{font-size:var(--fs-m);padding-bottom:16px;margin-bottom:clamp(24px,3vw,36px);border-bottom:1px solid var(--ink)}
.bl-next{padding-top:clamp(8px,1.5vw,20px);padding-bottom:clamp(40px,5vw,72px)}
.bl-run{background:var(--paper);padding-top:clamp(48px,6vw,88px)}

/* next up */
.bl-cards{list-style:none;margin:0;padding:0;display:grid;gap:40px 32px}
@media (min-width:700px){.bl-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bl-card-media{display:block;margin-bottom:18px;text-decoration:none}
/* typographic title cards in place of stock photos: navy, a serif line from the article, one gold bracket set */
.bl-type{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:18px;aspect-ratio:4/3;padding:clamp(20px,2.4vw,30px);background:radial-gradient(80% 90% at 85% 0,rgba(200,169,81,.14),transparent 62%),var(--navy-dark);border:1px solid var(--navy-line);--vf-inset:10px}
.bl-type-k{font:600 var(--fs-label)/1.3 var(--sans);color:var(--gold-bright)}
.bl-type-t{font:400 clamp(1.5rem,2.2vw,2rem)/1.12 var(--serif);color:var(--white);max-width:13em;text-wrap:balance}
.bl-card-media:hover .bl-type{border-color:var(--gold)}
.bl-card h3{font-size:clamp(1.4rem,1.2rem + .6vw,1.7rem);line-height:1.15;margin-bottom:10px}
.bl-card h3 a{color:var(--ink);text-decoration:none;background:linear-gradient(var(--gold) 0 0) 0 100%/0 2px no-repeat;transition:background-size var(--t-slow) var(--e-out)}
.bl-card h3 a:hover{background-size:100% 2px}
.bl-card-deck{margin:0;font-size:var(--fs-small);line-height:1.55}

/* the rundown */
.bl-run-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 24px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--ink)}
.bl-run-head .bl-h{margin:0;padding:0;border:0}
.bl-run-head p{margin:0}
.bl-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.bl-filters:empty{display:none}
.bl-chip{min-height:44px;padding:0 18px;border:1px solid var(--rule);background:var(--white);color:var(--ink);font:600 var(--fs-small)/1 var(--sans);cursor:pointer;border-radius:var(--radius);transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}
.bl-chip:hover{border-color:var(--ink)}
.bl-chip[aria-pressed="true"]{background:var(--navy-dark);border-color:var(--navy-dark);color:var(--white)}
.bl-count{flex-basis:100%;margin:0;font-size:var(--fs-label);color:var(--slate)}
.bl-rundown{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.bl-rundown>li{border-bottom:1px solid var(--line)}
.bl-rundown>li[hidden]{display:none}
.bl-rundown>li>a.bl-row{display:grid;gap:6px 32px;align-items:start;padding:24px 0;color:var(--ink);text-decoration:none;font:400 1rem/1.5 var(--sans)}
.bl-when,.bl-tag{font:500 var(--fs-label)/1.5 var(--sans);font-variant-numeric:tabular-nums;color:var(--slate)}
.bl-when time{display:block;color:var(--ink);font-weight:600}
.bl-when .bl-upd{display:block}
.bl-title{display:block;font:400 clamp(1.35rem,1.15rem + .7vw,1.75rem)/1.18 var(--serif);letter-spacing:-.01em;color:var(--ink)}
.bl-deck{display:block;margin-top:8px;max-width:62ch;font-size:var(--fs-small);line-height:1.55;color:var(--slate)}
.bl-tag{display:block}
.bl-tag em{display:block;font-style:normal;color:var(--gold-ink);font-weight:600}
.bl-tag small{display:block;font-size:inherit;color:inherit}
@media (min-width:900px){
  .bl-rundown>li>a.bl-row{grid-template-columns:8.5rem minmax(0,1fr) 11rem;padding-block:28px}
  .bl-tag{text-align:right}
}
@media (max-width:899px){.bl-when{display:flex;flex-wrap:wrap;gap:0 12px}.bl-when time,.bl-when .bl-upd{display:inline}.bl-tag{display:flex;flex-wrap:wrap;gap:0 12px}.bl-tag em,.bl-tag small{display:inline}}
.bl-rundown>li>a.bl-row:focus-visible{outline-offset:-3px}
/* rows effect: gold bar wipes in, so text turns navy on it */
.fx-rows.bl-rundown>li:is(:hover,:focus-within) :is(.bl-when,.bl-when time,.bl-title,.bl-deck,.bl-tag,.bl-tag em,.bl-upd){color:var(--navy-dark)}
.bl-all{margin-top:32px}

.fx-rows.bl-rundown>li:is(:hover,:focus-within)>a.bl-row{transform:none}
.bl-body{transition:transform var(--t-base) var(--e-out)}
.fx-rows.bl-rundown>li:is(:hover,:focus-within) .bl-body{transform:translateX(10px)}
html.motion-off .bl-body{transition:none}
@media (prefers-reduced-motion:reduce){.fx-rows.bl-rundown>li:is(:hover,:focus-within) .bl-body{transform:none}}

/* start here: the three pillar pages */
.bl-start{padding-block:clamp(40px,5vw,72px) 0}
.bl-pillars{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}
.bl-pillar{display:grid;gap:8px;align-content:start;height:100%;padding:24px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.bl-pillar-k{font:600 var(--fs-label)/1.3 var(--sans);color:var(--gold-ink)}
.bl-pillar-t{font:400 clamp(1.3rem,1.15rem + .5vw,1.55rem)/1.2 var(--serif);color:var(--ink)}
.bl-pillar-s{font-size:var(--fs-small);line-height:1.55;color:var(--slate);max-width:36em}
.bl-pillar-go{margin-top:6px;font:600 var(--fs-small)/1.3 var(--sans);color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:.3em}
.bl-pillar:hover .bl-pillar-t{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:.15em}
@media (min-width:900px){
  .bl-pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;border-top:0}
  .bl-pillar{border-top:1px solid var(--line);padding-block:28px}
}

/* the library: every article, filterable */
.bl-lib{padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(32px,4vw,56px)}
.bl-tools{display:grid;gap:14px;margin-bottom:20px}
.bl-tools[hidden]{display:none}
.bl-search{display:block;max-width:34rem;margin:0}
.bl-search .input{background:#fff;color:var(--ink);border-color:#7d889c}
.bl-seg{display:flex;flex-wrap:wrap;gap:8px}
.bl-lib .bl-count{margin:0 0 6px;min-height:1.5em}
.bl-libl:empty{border-top:0}
.bl-more{margin:28px 0 0}
.bl-more[hidden],.bl-all[hidden]{display:none}

/* newsletter */
.bl-news-sec{padding-block:clamp(16px,3vw,32px) clamp(48px,6vw,88px)}
.bl-news{position:relative;display:grid;gap:22px 48px;align-items:center;padding:clamp(24px,3.5vw,44px);background:var(--navy-dark);border:1px solid var(--navy-line);border-top:3px solid var(--gold);--vf-inset:10px}
.bl-news-copy h2{font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);color:var(--white);margin-bottom:8px}
.bl-news-copy p{margin:0;color:var(--mist);max-width:30em}
.bl-news-form{display:grid;gap:6px;min-width:0}
.bl-news-form .field{display:block;margin:0}
.bl-news-row{display:flex;flex-wrap:wrap;gap:10px}
.bl-news-row .input{flex:1 1 15rem;min-width:0;background:rgba(255,255,255,.06);color:var(--white);border-color:#7489ab}
.bl-news-row .input::placeholder{color:#aebbd0}
.bl-news-row .btn{flex:0 0 auto}
.bl-news-form .form-note{margin:6px 0 0;color:#a9b7cd}
@media (min-width:900px){.bl-news{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}