/* ==========================================================================
   Single Post — editorial article layout
   ========================================================================== */

.hrm-article{max-width:720px; margin:0 auto; padding:44px 24px 0;}

.hrm-art-eyebrow{
  font-family:'Space Mono', monospace; font-size:11px; letter-spacing:0.12em;
  text-transform:uppercase; color:var(--rust); text-align:center; margin-bottom:18px;
}
.hrm-art-eyebrow a{color:var(--rust);}
.hrm-art-eyebrow .dot{margin:0 8px; opacity:0.5;}

.hrm-art-title{
  font-family:'Fraunces', serif; font-weight:600; text-align:center;
  font-size:clamp(30px, 5vw, 48px); line-height:1.1; letter-spacing:-0.01em;
  margin:0 auto 18px; max-width:16ch;
}

.hrm-art-dek{
  text-align:center; font-size:17px; line-height:1.5; color:rgba(18,20,28,0.72);
  max-width:52ch; margin:0 auto 22px;
}

.hrm-art-byline{
  display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap;
  font-family:'Space Mono', monospace; font-size:11px; letter-spacing:0.06em;
  text-transform:uppercase; color:rgba(18,20,28,0.55); margin-bottom:28px;
}
.hrm-art-byline b{color:var(--ink); font-weight:700;}
.hrm-art-byline .sep{opacity:0.4;}
.hrm-art-avatar{
  display:inline-flex; align-items:center; justify-content:center;
  width:26px; height:26px; border-radius:50%; background:var(--ink); color:var(--ivory);
  font-family:'Fraunces', serif; font-size:11px; font-weight:600; letter-spacing:0; margin-right:2px;
}

.hrm-art-hero{
  width:100vw; max-width:100vw; position:relative; left:50%; right:50%;
  margin-left:-50vw; margin-right:-50vw; margin-bottom:10px; padding:0;
}
.hrm-art-hero img{width:100%; height:min(70vh, 640px); object-fit:cover; border-radius:0; display:block;}
.hrm-art-credit{
  text-align:center; font-size:11.5px; color:rgba(18,20,28,0.5); margin:0 auto 40px;
  padding:0 24px;
}

.hrm-art-body{font-size:18px; line-height:1.75; color:var(--ink);}
.hrm-art-body p{margin:0 0 24px;}
.hrm-art-body p:first-of-type::first-letter{
  font-family:'Fraunces', serif; font-weight:600; font-size:64px; line-height:0.75;
  float:left; padding:8px 8px 0 0; color:var(--rust);
}
.hrm-art-body h2, .hrm-art-body h3{margin:36px 0 16px; font-size:24px;}
.hrm-art-body a{border-bottom:1px solid var(--rust); color:var(--rust-dark);}
.hrm-art-body img{width:100%; border-radius:2px; margin:8px 0 4px;}
.hrm-art-body figcaption, .hrm-art-body .wp-caption-text{
  font-size:11.5px; color:rgba(18,20,28,0.5); margin-bottom:28px;
}

.hrm-art-body blockquote{
  font-family:'Fraunces', serif; font-style:italic; font-weight:500; color:var(--rust-dark);
  font-size:30px; line-height:1.3; text-align:center; max-width:34ch;
  margin:44px auto; padding:0; border:none;
}

.hrm-art-outro{
  border-top:1px solid var(--line); margin-top:20px; padding-top:24px;
  text-align:center; font-size:13px; color:rgba(18,20,28,0.6);
}
.hrm-art-outro-btn{
  display:inline-block; margin-top:14px; padding:12px 24px; font-size:11px;
  font-weight:700; letter-spacing:0.08em; text-transform:uppercase;
  background:var(--ink); color:var(--ivory); border-radius:2px;
}

.hrm-art-related{max-width:960px; margin:56px auto 0; padding:36px 24px 0; border-top:1px solid var(--line);}
.hrm-art-related h5{font-family:'Space Mono', monospace; font-size:11px; letter-spacing:0.12em; text-transform:uppercase; color:var(--gold); margin-bottom:20px;}
.hrm-art-related-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;}
.hrm-art-related-card .thumb{aspect-ratio:4/3; overflow:hidden; border-radius:2px; margin-bottom:10px;}
.hrm-art-related-card .thumb img{width:100%; height:100%; object-fit:cover;}
.hrm-art-related-card h4{font-size:15px; line-height:1.3;}
.hrm-art-related-card .cat{font-size:10.5px; letter-spacing:0.06em; text-transform:uppercase; color:var(--rust); margin-bottom:6px; display:block;}

.hrm-art-more{max-width:960px; margin:0 auto; padding:36px 24px 60px;}
.hrm-art-more h5{font-family:'Space Mono', monospace; font-size:11px; letter-spacing:0.12em; text-transform:uppercase; color:var(--gold); margin-bottom:16px;}
.hrm-art-more-list{border-top:1px solid var(--line);}
.hrm-art-more-item{
  display:flex; align-items:baseline; justify-content:space-between; gap:16px;
  padding:16px 0; border-bottom:1px solid var(--line);
}
.hrm-art-more-item h4{font-size:15.5px; font-weight:600;}
.hrm-art-more-item .cat{font-size:10.5px; letter-spacing:0.06em; text-transform:uppercase; color:rgba(18,20,28,0.45); white-space:nowrap;}

@media (max-width:720px){
  .hrm-art-related-grid{grid-template-columns:1fr;}
  .hrm-art-body{font-size:16.5px;}
  .hrm-art-body blockquote{font-size:24px;}
}