/* THE PARTICULAR COMPANY — article pages (thesis, diagnostic) */
.article-page{background:var(--ivory)}
.article-head{max-width:720px;margin:0 auto;padding:170px 24px 30px}
.article-head h1{font-family:var(--serif);font-size:clamp(38px,5vw,58px);line-height:1.05;font-weight:600;letter-spacing:-.015em;margin:16px 0 18px}
.article-sub{font-family:var(--text);font-style:italic;font-size:19px;color:var(--blue-deep)}
.article-meta{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--stone);margin-top:26px}
.article-meta a{color:var(--blue-deep)}
.article{max-width:720px;margin:0 auto;padding:20px 24px 90px;font-size:17.5px;line-height:1.7}
.article p{margin-bottom:20px;opacity:.92}
.article a.cite{color:inherit;text-decoration:underline;text-decoration-color:var(--blue-deep);text-underline-offset:3px;text-decoration-thickness:1px}
.article a.cite:hover{color:var(--blue-deep)}
.article h2{font-family:var(--serif);font-size:27px;font-weight:600;margin:54px 0 20px;line-height:1.15}
.sec-num{font-family:var(--mono);font-size:13px;color:var(--blue-deep);font-weight:400;margin-right:16px;vertical-align:middle;letter-spacing:.1em}
.article blockquote{border-left:2px solid var(--blue);padding:6px 0 6px 26px;margin:34px 0;font-size:19px;line-height:1.55}
.article .pull{font-size:19px;margin:32px 0}
.article .ending{font-size:20px;line-height:1.7;margin-top:36px}
.seq{display:flex;flex-direction:column;align-items:center;gap:4px;margin:36px 0;font-family:var(--serif);font-weight:600;font-size:17px;letter-spacing:.04em}
.seq .arr{color:var(--blue-deep);font-size:14px;font-family:var(--mono)}
.seq .grp{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}
.seq .grp-side{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px}
.seq .grp-brace{font-family:var(--serif);font-weight:300;font-size:74px;line-height:1;color:var(--blue-deep);transform:scaleY(1.1);display:block}
.seq .grp-label{font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue-deep)}
.article-foot{border-top:1px solid var(--stone-line);margin-top:60px;padding-top:30px}
.article-cta{font-size:17px}
@media print{
  .nav,.footer{display:none}
  .article-head{padding-top:40px}
  body{font-size:12pt}
}
@media(max-width:1000px){
  .article-head{padding-top:120px}
  .article-head h1{font-size:clamp(30px,8.5vw,44px)}
  .seq .grp-side{position:static;transform:none;margin-top:4px}
  .seq .grp-brace{display:none}
}

/* situations page beats */
.beat-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--blue-deep);margin:26px 0 8px}
.sit-close{border-top:1px solid var(--stone-line);padding-top:16px;margin-top:30px;font-size:16px;color:var(--blue-deep)}