/* Adamas Digital — corrections to the reference build.
   Loaded after site.css (a byte-for-byte copy of the reference stylesheet)
   for defects that are not viewport-specific. Mobile-only work lives in
   mobile.css. Each rule notes what it repairs, so re-syncing from the
   reference later is a matter of re-checking this short list. */

/* The home page wraps a principle's copy in a <div> that lands in column two;
   the about page lists <span>, <h3> and <p> as flat siblings instead. Against
   grid-template-columns:54px 1fr that puts the paragraph in the 54px number
   column, wrapping it to roughly one word per line. Send it to column two. */
.principle-list article > p { grid-column: 2; }

/* In the manifesto, `.manifesto > p` and `.manifesto span` are written for the
   statement paragraph and the four value cells — but the eyebrow is also a
   direct <p> child containing a <span>, so both rules capture it. `.manifesto
   > p` (0,1,1) outranks `.eyebrow` (0,1,0), blowing the label up to 88px, and
   `.manifesto span` ties with `.eyebrow > span` but is declared later, turning
   the 28x1px rule into a 130px black slab. Re-scope the eyebrow out of both. */
.manifesto .eyebrow {
  max-width: none;
  margin: 0 0 32px;
  font-size: 10px;
  letter-spacing: .16em;
  line-height: 1.2;
}
.manifesto .eyebrow > span {
  min-height: 0;
  width: 28px;
  height: 1px;
  padding: 0;
  border-right: 0;
}

/* .industry-page-list is declared with only padding-top, and the horizontal
   gutter is supplied solely by the max-width:720px rule. Above that
   breakpoint the list therefore has no side padding at all: the row numbers
   sit flush against the viewport edge while every other section indents by
   clamp(24px,6vw,96px). Restore the site gutter, and close the bottom so the
   last row's rule is not flush against the next section. */
@media (min-width: 721px) {
  .industry-page-list {
    padding-right: clamp(24px, 6vw, 96px);
    padding-left: clamp(24px, 6vw, 96px);
    padding-bottom: clamp(92px, 11vw, 180px);
  }
}