/* =========================================================
   SHARED — categories / news / archive / news article
   Loaded after p34-base.css and before the per-page sheet.
   Same coordinate system: 1rem = 10 design px at 1980.

   These four pages were designed together and share a page
   head (breadcrumb + large serif title) and a news card. The
   rules live here rather than in p34-base.css because that
   file is one of the five the pixel gate holds byte-identical.
   ========================================================= */

/* The footer sits on pure black, the content field above it on --bg. The
   older pages get that step from a background photograph that runs out;
   these have none, so the two fields are set directly. */
body{ background:var(--black); }

/* ---------------------------------------------------------
   PAGE HEAD
   --------------------------------------------------------- */

.crumbs{
  position:absolute; left:4rem; top:20.2rem;
  display:flex; gap:.9rem;
  z-index:3;
}
.crumbs__l{
  font-size:1.8rem; font-weight:300; letter-spacing:.055em; line-height:1;
  color:var(--dim);
  transition:color .25s ease;
}
a.crumbs__l:hover{ color:var(--cream); }
.crumbs__l--here{ color:var(--gold); }

.pg__title{
  position:absolute; left:4rem; top:22.7rem;
  font-family:var(--serif);
  font-variation-settings:var(--fr);
  font-weight:700;
  font-size:10.4rem; line-height:1;
  letter-spacing:-.023em;
  color:#efebe3;
  z-index:3;
}

/* ---------------------------------------------------------
   NEWS CARD
   Used by the news grid and by "Other news" under an article.
   A portrait still on the left, meta and headline beside it,
   the whole card on a field a shade lighter than the page.
   --------------------------------------------------------- */

.nwc{
  position:relative; display:block;
  height:23.5rem;
  /* The card field is DARKER than the page, not lighter: the grid reads as a
     set of wells cut into the background. */
  background:#050504;
}
.nwc__img{
  position:absolute; left:0; top:0;
  width:13rem; height:23.5rem;
  object-fit:cover;
}
.nwc__meta{
  position:absolute; left:15.4rem; top:8.1rem;
  display:flex; align-items:baseline; gap:1.3rem;
  line-height:1;
}
.nwc__cat{
  font-style:normal;
  font-size:1rem; font-weight:600; letter-spacing:.2em;
  color:var(--gold);
}
.nwc__date{
  font-style:normal;
  font-family:var(--serif);
  font-variation-settings:var(--fr72);
  font-size:.95rem; font-weight:400; letter-spacing:.06em;
  color:rgba(239,235,227,.42);
}
.nwc__h{
  position:absolute; left:15.4rem; top:10.4rem; width:46rem;
  font-size:1.85rem; font-weight:600; line-height:2.5rem;
  letter-spacing:-.026em;
  color:var(--cream);
  transition:color .25s ease;
}
.nwc:hover .nwc__h{ color:#fff; }