/* ─── ALMANAC HERO — dark editorial ─── */
.alm-hero{
  background:var(--k);
  padding:88px 52px 72px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:0;align-items:center
}
.alm-hero-left{padding-right:52px}
.alm-lbl{
  font-family:var(--sans);font-size:12px;letter-spacing:0.12em;
  text-transform:uppercase;color:#484840;margin-bottom:28px
}
.alm-hero h1{
  font-family:var(--serif);font-size:22px;font-weight:normal;
  line-height:1.70;color:#d8d7cf;max-width:380px
}
.alm-hero-mid{
  padding:0 52px;
  display:flex;align-items:center;justify-content:center
}
.alm-hero-mid img{
  height:69px;width:auto;display:block;
  filter:brightness(0.60) sepia(0.08)
}
.alm-hero-right{
  padding-left:52px;
  display:flex;flex-direction:column;align-items:flex-end
}
.alm-hero-desc{
  font-family:var(--sans);font-size:13px;line-height:2.05;
  color:#5a5a52;max-width:300px;margin-bottom:36px;text-align:right
}
.alm-cta{
  font-family:var(--sans);font-size:12px;letter-spacing:0.12em;
  text-transform:uppercase;color:#d8d7cf;text-decoration:none;
  display:inline-flex;align-items:center;gap:16px
}
.alm-cta-line{
  display:inline-block;width:20px;height:1px;
  background:var(--r);flex-shrink:0;transition:background 0.2s
}
.alm-cta:hover .alm-cta-line{background:#fff}

/* ─── ISSUES INDEX ─── */
.issues-section{padding:0 52px;border-top:0.5px solid var(--rule)}

.issue-row{
  display:grid;
  grid-template-columns:80px minmax(0,1fr) 200px;
  gap:0;align-items:baseline;
  padding:40px 0;
  border-bottom:0.5px solid var(--rule);
  text-decoration:none;
  transition:background 0.15s ease
}
.issue-row:first-child{border-top:none}
.issue-row:hover .issue-title,
.issue-row:active .issue-title{color:var(--k)}
.issue-row:hover .issue-n,
.issue-row:active .issue-n{color:var(--r)}
.issue-row:hover .issue-read-line,
.issue-row:active .issue-read-line{background:var(--r)}
.issue-row:hover .issue-read,
.issue-row:active .issue-read{color:var(--k)}

.issue-n{
  font-family:var(--sans);font-size:11px;letter-spacing:0.14em;
  text-transform:uppercase;color:#a4a39c;
  padding-right:28px;padding-top:5px;
  transition:color 0.15s ease;align-self:start
}
.issue-body{padding-right:80px}
.issue-title{
  font-family:var(--serif);font-size:19px;font-weight:normal;
  line-height:1.45;color:var(--km);margin-bottom:14px;
  transition:color 0.15s ease
}
.issue-excerpt{
  font-family:var(--sans);font-size:13px;line-height:1.9;
  color:var(--kl);max-width:580px
}
.issue-read{
  font-family:var(--sans);font-size:11px;letter-spacing:0.12em;
  text-transform:uppercase;color:var(--kl);
  display:inline-flex;align-items:center;gap:12px;
  align-self:center;justify-self:end
}
.issue-read-line{
  display:inline-block;width:16px;height:1px;
  background:var(--kl);flex-shrink:0;transition:background 0.2s ease
}

/* =========================================================================
   RESPONSIVE — almanac
   ========================================================================= */
@media (max-width:1024px){
  .alm-hero{padding:64px 32px 56px}
  .alm-hero-left{padding-right:32px}
  .alm-hero-mid{padding:0 32px}
  .alm-hero-right{padding-left:32px}
  .issues-section{padding:0 32px}
  .issue-body{padding-right:32px}
  .issue-row{grid-template-columns:60px minmax(0,1fr) 160px}
}

@media (max-width:768px){
  .alm-hero{
    grid-template-columns:1fr;gap:24px;
    padding:44px 24px 40px
  }
  .alm-hero-left{padding-right:0}
  .alm-hero-mid{padding:0;justify-content:flex-start}
  .alm-hero-mid img{height:54px}
  .alm-hero-right{padding-left:0;align-items:flex-start}
  .alm-hero h1{font-size:18px;max-width:none}
  .alm-hero-desc{text-align:left;max-width:none}

  .issues-section{padding:0 24px}
  .issue-row{
    grid-template-columns:44px minmax(0,1fr) auto;
    gap:12px;padding:24px 0
  }
  .issue-n{padding-right:0}
  .issue-body{padding-right:0}
  .issue-title{font-size:16px;margin-bottom:8px}
  .issue-excerpt{font-size:12px;line-height:1.7}
}