/* Essay No. 11: article-specific presentation */
.skip-link {
  position: fixed;
  top: -5rem;
  left: 1rem;
  z-index: 100;
  padding: .7rem 1rem;
  background: var(--white);
  color: var(--navy);
  font-family: var(--sans);
}
.skip-link:focus { top: 1rem; }
.hero {
  background:
    radial-gradient(circle at 78% 23%, rgba(207, 153, 66, .24), transparent 25rem),
    repeating-linear-gradient(132deg, transparent 0 5rem, rgba(255, 255, 255, .026) 5rem 5.07rem),
    linear-gradient(135deg, #030404, #162021 58%, #2e2418);
}
.hero h1 {
  max-width: 980px;
  font-size: clamp(3.2rem, 7.5vw, 7.1rem);
}
.hero .subtitle {
  color: #f0e8d9;
}
.hero .deck {
  color: #e6bd73;
}
.hero-figure {
  background:
    radial-gradient(circle at center, rgba(195, 142, 61, .18), transparent 32rem),
    #050606;
}
.hero-figure img {
  width: min(520px, 88vw);
  border-color: rgba(220, 176, 101, .65);
}
.influence-field,
.mosaic-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 1.8rem 0 2.7rem;
  padding: 1px;
  color: #f5eee2;
  background: #66543b;
}
.influence-field p,
.mosaic-list p {
  margin: 0;
  padding: .85rem 1rem;
  background: #111514;
  font-family: var(--sans);
  font-size: .9rem;
}
.influence-field p:nth-child(3n),
.mosaic-list p:nth-child(3n) {
  color: #e8bf72;
}
.memory-sequence {
  margin: 1.7rem 0 2.8rem;
  padding: 1.35rem 1.5rem;
  background: #e9e1d3;
  border-left: 5px solid #a8772e;
}
.memory-sequence p {
  margin: .3rem 0;
  font-style: italic;
}
.boundary-note,
.counterweight {
  margin: 2.6rem 0;
  padding: 1.35rem 1.5rem;
  background: #fff7e9;
  border: 1px solid #d4b77f;
  font-family: var(--sans);
  font-size: .87rem;
}
.boundary-note h3,
.counterweight h3 {
  margin: 0 0 .55rem;
  color: #76511f;
  font: 800 .72rem var(--sans);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.boundary-note p:last-child,
.counterweight p:last-child {
  margin-bottom: 0;
}
.theology-note {
  background: #edf0ec;
  border-color: #8a9d8d;
}
.theology-note h3 {
  color: #405b48;
}
.weave-model {
  margin: 3.2rem 0;
  padding: 1.55rem;
  color: #f7f1e8;
  background: #0b0e0e;
  border-top: 5px solid #bd8737;
}
.weave-model h2 {
  margin: 0 0 1.2rem;
  padding: 0;
  color: #fff;
  border: 0;
  font-size: 1.55rem;
}
.weave-model h2 small {
  display: block;
  margin-top: .35rem;
  color: #d9ad63;
  font: 700 .68rem var(--sans);
  letter-spacing: .13em;
  text-transform: uppercase;
}
.weave-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: #61513c;
}
.weave-grid section {
  padding: 1rem;
  background: #151a19;
}
.weave-grid section:last-child {
  grid-column: 1 / -1;
}
.weave-grid span {
  color: #e4b566;
  font: 800 .68rem var(--sans);
  letter-spacing: .12em;
}
.weave-grid h3 {
  margin: .25rem 0 .45rem;
  color: #fff;
  font-size: 1.05rem;
}
.weave-grid p {
  margin: 0;
  color: #ded8cf;
  font: 400 .8rem/1.5 var(--sans);
}
.weave-model .calibration {
  margin: 1rem 0 0;
  color: #d8d2c8;
  font: 400 .8rem/1.55 var(--sans);
}
.closing-line {
  margin: 0 !important;
  padding: .6rem 1.25rem;
  color: #f6efe3;
  background: #101413;
  border-left: 4px solid #b27b2e;
  font-size: 1.25rem;
  font-style: italic;
}
.closing-line + .closing-line {
  border-top: 1px solid #4d4436;
}
.positioning {
  margin: 2rem 0 3rem;
}
.positioning h3 {
  font-size: 1.5rem;
}
.construct-table {
  border-color: #b8a995;
}
.construct-table table {
  min-width: 780px;
}
.construct-table th:nth-child(1) {
  width: 23%;
}
.construct-table th:nth-child(2) {
  width: 35%;
}
.construct-table td:nth-child(2) {
  min-width: 0;
}
.construct-table td:first-child {
  color: #76511f;
  font-weight: 800;
}
.construct-table tr:last-child td {
  background: #fff1d9;
}
@media (max-width: 820px) {
  .hero h1 {
    font-size: 2.85rem;
  }
  .influence-field,
  .mosaic-list,
  .weave-grid {
    grid-template-columns: 1fr;
  }
  .weave-grid section:last-child {
    grid-column: auto;
  }
}