/* Additive styles for homepage mission candidate — preserve series identity */

/* Hero: wider copy + moderated type so desktop H1 reads in ~3 lines */
/* Compact vertical rhythm: pull path + destination cards up toward the lede */
.home .opening{
  /* Hug content after raising path/cards; avoid a tall empty band under the cards */
  min-height:0;
}
.home .opening-content{
  min-height:0;
  justify-content:flex-start;
  padding-bottom:32px;
}
.home .opening-copy{
  max-width:min(920px,100%);
  margin-bottom:28px;
}
.home .opening h1{
  font-size:clamp(2.4rem,3.4vw,3.25rem) !important;
  line-height:1.1 !important;
  letter-spacing:-.035em;
  margin:0 0 20px !important;
  max-width:none !important;
}
.home .opening .lede{
  max-width:560px;
  font-size:clamp(1.05rem,1.5vw,1.2rem);
}
/* Override flex auto-margin that parked path/cards at the hero bottom */
.home .knowledge-path{
  margin:0 0 22px;
}
.home .hero-destinations{
  margin-top:0;
  margin-bottom:0;
}
/* Soft desktop line breaks; natural wrap on tablet/phone */
.hero-break{display:none}
@media(min-width:901px){
  .hero-break{display:inline}
  .home .opening-content{padding-top:clamp(110px,14vh,160px)}
}
@media(min-width:651px) and (max-width:900px){
  .home .opening-copy{max-width:min(680px,100%);margin-bottom:24px}
  .home .opening h1{font-size:clamp(2.35rem,4.4vw,2.95rem) !important}
  .home .knowledge-path{margin:0 0 18px}
  .home .opening-content{padding-top:140px;padding-bottom:24px}
}
@media(max-width:650px){
  /* Mobile keeps natural stack; avoid overlap with wrapped path + cards */
  .home .opening h1{font-size:clamp(2.2rem,8.4vw,2.85rem) !important;line-height:1.08 !important}
  .home .opening-copy{margin-bottom:20px}
  .home .opening-content{padding-top:130px;padding-bottom:20px}
  .home .knowledge-path{margin:0 0 16px}
}

/* Mission + Our Work (covers + Inspector) */
.home .mission-journey{
  padding:64px 0 56px;
  border-bottom:0;
}
.mission-block{
  max-width:760px;
  margin-bottom:44px;
}
.mission-block .kicker{margin:0 0 14px}
.mission-block h2{
  margin:0 0 18px;
  font:500 clamp(2rem,3.2vw,2.75rem)/1.08 Newsreader,serif;
  letter-spacing:-.03em;
}
.mission-block p{
  margin:0 0 1rem;
  font-size:1.05rem;
  line-height:1.75;
  color:var(--ink);
}
.mission-block p:last-child{margin-bottom:0}
.mission-block p + p{color:var(--quiet)}

.work-panel{
  padding-top:28px;
  border-top:1px solid #c9d2cc;
}
.work-panel .kicker{margin:0 0 12px}
.work-panel > h2{
  margin:0 0 12px;
  font:500 clamp(2rem,3.2vw,2.75rem)/1.08 Newsreader,serif;
  letter-spacing:-.03em;
}
.work-lead{
  margin:0 0 28px;
  max-width:42rem;
  font-size:1.08rem;
  line-height:1.7;
  color:var(--quiet);
}
.work-grid{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(0,.9fr);
  gap:28px 32px;
  align-items:start;
}
.work-books,
.work-inspector{
  padding:22px;
  border:1px solid #c9d2cc;
  background:#fff;
  display:flex;
  flex-direction:column;
}
.work-label{
  margin:0 0 16px;
  font:500 .75rem DM Mono,monospace;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--quiet);
}
.cover-row{
  list-style:none;
  margin:0 0 16px;
  padding:0;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.cover-row a{
  display:block;
  text-decoration:none;
  color:inherit;
}
.cover-row img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:580 / 773;
  object-fit:cover;
  border:1px solid rgba(8,19,31,.12);
  background:#eef1ed;
}
.cover-meta{
  display:flex;
  justify-content:space-between;
  gap:6px;
  margin-top:8px;
  font:500 .68rem DM Mono,monospace;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.cover-num{color:var(--blue)}
.cover-status.published{color:#1f5c4f}
.cover-status.wip{color:#8a5a12}
.work-note{
  margin:0 0 8px;
  font:500 .78rem DM Mono,monospace;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--quiet);
  line-height:1.5;
}
.work-note.soft{
  font:400 1rem Manrope,sans-serif;
  letter-spacing:0;
  text-transform:none;
  margin-bottom:14px;
}
.work-books .text-link,
.work-inspector .text-link{
  margin-top:0;
  font-weight:600;
}
.inspector-shot{
  display:block;
  margin:0 0 14px;
  max-width:220px;
}
.inspector-shot img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:auto;
  border:1px solid rgba(8,19,31,.12);
  background:#eef1ed;
}
.inspector-tagline{
  display:block;
  margin:0 0 8px;
  font:500 1.25rem Newsreader,serif;
  letter-spacing:-.02em;
}
.work-inspector p{
  margin:0 0 14px;
  color:var(--quiet);
  font-size:.98rem;
  line-height:1.65;
}
.work-inspector .text-link{margin-top:auto}

/* Quiet close — directly after research journey; subordinate to hero */
.home .home-close{
  padding:40px 0 56px;
  background:#e7ece8;
  border-bottom:0;
}
.home-close .kicker{margin:0 0 12px}
.home-close h2{
  margin:0 0 14px;
  max-width:18ch;
  font:500 clamp(1.7rem,2.6vw,2.2rem)/1.12 Newsreader,serif;
  letter-spacing:-.03em;
}
.home-close p{
  margin:0;
  max-width:42rem;
  font-size:1.05rem;
  line-height:1.7;
  color:var(--quiet);
}
.home-close .text-link{
  margin-top:16px;
  font-weight:600;
  text-underline-offset:5px;
}

@media(max-width:980px){
  .work-grid{grid-template-columns:1fr;gap:20px}
  .cover-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
}
@media(max-width:650px){
  .home .mission-journey{padding:52px 0 48px}
  .mission-block{margin-bottom:36px}
  .cover-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cover-row li:nth-child(4),
  .cover-row li:nth-child(5){grid-column:span 1}
  .home .home-close{padding:32px 0 48px}
  .home-close h2{max-width:none}
}