/* The final spread: people, a small noticeboard, then the site's colophon. */
.recruit-story{margin-top:90px;padding-top:36px;border-top:1px solid var(--ink)}
.recruit-heading{margin-bottom:34px}
.recruit-kicker{color:var(--green);font-size:13px;margin-bottom:17px}
.recruit-heading h2{font-size:clamp(32px,3.8vw,45px);line-height:1.65;letter-spacing:.025em}
.recruit-heading h2 span{display:inline-block}
.recruit-spread{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:center}
.recruit-photograph img{width:100%}
.recruit-copy{min-width:0;font-size:15px;line-height:2.2}
.recruit-copy .red_txt{color:var(--red)}
.recruit-voices{display:grid;grid-template-columns:200px minmax(0,1fr);gap:42px;align-items:center;width:min(820px,100%);margin:54px auto 0}
.recruit-voices figure{align-self:end}
.recruit-voices h3{font-size:26px;line-height:1.65;margin-bottom:16px}
.recruit-voices p{font-size:14px;line-height:2}
.recruit-voices .detail-link{margin-top:23px}
.site-news{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start;margin-top:90px;padding:40px 0 70px;border-top:1px solid var(--ink)}
.site-news h2{font-size:29px;line-height:1.65;letter-spacing:.03em;padding-top:8px}
.news-list{list-style:none;margin:0;padding:0;min-width:0}
.news-list li{border-bottom:1px solid var(--line)}
.news-list a,.news-list button{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:76px;padding:18px 0;border:0;background:none;text-decoration:none;text-align:left;font:inherit;font-size:14px;line-height:1.9;cursor:pointer;color:var(--ink)}
.news-list a:hover,.news-list button:hover{color:var(--green)}
.news-arrow{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid var(--green);border-radius:50%;font-family:Arial,sans-serif;font-size:17px;line-height:1;color:var(--green)}
.news-list :is(a,button):is(:hover,:focus-visible) .news-arrow{color:#fff;background:var(--green)}
.news-dialog{width:min(760px,calc(100% - 48px))}
.news-dialog-copy{font-size:15px;line-height:2.1}
.news-dialog-copy h3{font-size:22px;line-height:1.8;margin:28px 0 14px}
.news-dialog .dialog-bottom>.dialog-close{grid-column:-2/-1}
.news-dialog .dialog-bottom a{max-width:100%}
@media(max-width:1000px){
  .recruit-spread{gap:30px;grid-template-columns:1.15fr 1fr;align-items:start}
  .recruit-copy{font-size:14px;line-height:2.05}
  .site-news{grid-template-columns:200px minmax(0,1fr);gap:30px}
  .site-news h2{font-size:26px;letter-spacing:0}
}
@media(max-width:760px){
  .recruit-story{margin-top:60px;padding-top:28px}
  .recruit-heading{margin-bottom:25px}
  .recruit-kicker{font-size:11px;margin-bottom:15px}
  .recruit-heading h2{font-size:29px;line-height:1.7;letter-spacing:.015em}
  .recruit-spread{display:block}
  .recruit-copy{margin-top:25px;font-size:14px;line-height:2.1}
  .recruit-voices{grid-template-columns:88px minmax(0,1fr);gap:16px;margin-top:32px;align-items:center}
  .recruit-voices figure{align-self:start}
  .recruit-voices-copy{display:contents}
  .recruit-voices h3{font-size:23px;line-height:1.7;margin:0}
  .recruit-voices p,.recruit-voices .detail-link{grid-column:1/-1}
  .recruit-voices .detail-link{margin:6px auto 0}
  .site-news{display:block;margin-top:58px;padding:28px 0 44px}
  .site-news h2{font-size:26px;padding:0;margin-bottom:15px}
  .site-news h2 br{display:none}
  .news-list a,.news-list button{font-size:13px;gap:16px;padding-block:19px;min-height:76px}
  .news-dialog{width:calc(100% - 24px)}
  .news-dialog-copy{font-size:14px;line-height:2}
  .news-dialog-copy h3{font-size:20px}
}
@media(max-width:380px){
  .recruit-heading h2{font-size:27px}
  .recruit-voices h3{font-size:21px}
  .site-news h2{font-size:23px;letter-spacing:0}
}