/* awai. — Editorial journal.
   Mincho throughout, warm paper, an issue number, one lead story with room
   around it. The diagnostic sits on a dark ground so it reads as a different
   kind of object from the writing above it. */

body { font-family: var(--font-heading, "Yu Mincho", Georgia, serif); }
.ax-h1, .ax-h2, .assess-title, h1, h2, h3 { font-weight: 400; }

.ax-header { padding: 22px 0; background: transparent; }
.ax-logo { --lockup: 36px; font-size: 34px; font-weight: 400; font-style: italic; letter-spacing: -.02em; }
.ax-nav { font-family: var(--font-body); font-size: 11px; }

.ax-hero { padding: 74px 0 44px; }
.ax-issue { font-family: var(--font-body); letter-spacing: .2em; color: var(--accent-ink, var(--accent)); }
.ax-h1 { font-size: clamp(44px, 6.4vw, 78px); line-height: 1.03; letter-spacing: -.045em; }
.ax-deck { font-family: var(--font-body); font-size: 14px; }
.ax-rule { height: 1px; background: var(--border); }

.ax-lead { padding: 28px 0 60px; }
.ax-lead-grid { display: grid; grid-template-columns: 1.3fr .7fr; gap: 26px; }
.ax-lead-visual {
  display: block;
  min-height: 420px;
  background: linear-gradient(145deg, var(--accent) 0%, var(--accent-soft, #e8d9cf) 55%, var(--surface-alt) 100%);
  overflow: hidden;
}
.ax-lead-visual img { width: 100%; height: 100%; object-fit: cover; }
.ax-lead-story h2 { margin: 8px 0; font-size: clamp(28px, 3.4vw, 40px); line-height: 1.2; }
.ax-lead-story p { margin: 0; font-family: var(--font-body); font-size: 12.5px; color: var(--muted); }
.ax-pill {
  display: inline-block;
  padding: 6px 9px;
  border: 1px solid var(--border);
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 10px;
}
.ax-cta { border-radius: 999px; margin-top: 14px; font-family: var(--font-body); }

.ax-index { padding: 54px 0; border-top: 1px solid var(--border); }
.ax-index-head { display: flex; justify-content: space-between; align-items: end; }
.ax-index-head p { margin: 0; font-family: var(--font-body); font-size: 11px; color: var(--muted); }
.ax-line small, .ax-line > span { font-family: var(--font-body); font-size: 10px; }
.ax-line h3 { font-size: 21px; font-weight: 400; }

.ax-diag { margin-top: 20px; padding: 62px 0; background: var(--text); color: var(--background); }
.ax-diag .ax-issue { color: var(--accent-soft, var(--accent)); }
.ax-diag .ax-deck { color: rgba(255, 255, 255, .72); }
.ax-diag-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 50px; }
.ax-quiz { padding: 26px; background: var(--background); color: var(--text); }
.ax-quiz b { font-family: var(--font-body); font-size: 12px; }
.ax-q {
  display: flex;
  justify-content: space-between;
  padding: 14px 0;
  border-top: 1px solid var(--border);
  font-family: var(--font-body);
  font-size: 12px;
}

.ax-option, .assess-q, .assess-card { border-radius: 2px; }

@media (max-width: 900px) {
  .ax-lead-grid, .ax-diag-grid { grid-template-columns: 1fr; }
  .ax-lead-visual { min-height: 260px; }
  .ax-line { grid-template-columns: 1fr; gap: 4px; }
  .ax-line span { text-align: left; }
}
.ax-footer-brand { --lockup: 28px; }