/* ============================================================
   plain.html — the whole career as one document.

   Same paper, same ink, same rules as the rest of the site, but
   no camera and no parallax: a thing to read straight down, print,
   or hand to a machine. Deliberately narrow measure, deliberately
   quiet.
   ============================================================ */

.plain-page{ background:var(--paper); color:var(--ink); }

.pl-nav{
  display:flex; gap:22px; flex-wrap:wrap;
  padding:22px 26px; border-bottom:var(--hair) solid var(--ink-12);
  position:sticky; top:0; background:var(--paper); z-index:5;
}
.pl-nav a{ color:var(--ink-38); text-decoration:none; letter-spacing:.10em; }
.pl-nav a:hover{ color:var(--red); }

.plain{
  max-width:74ch; margin:0 auto; padding:64px 26px 120px;
  font-size:16px; line-height:1.62;
}
.plain p{ margin:0 0 1.05em; max-width:68ch; }
.plain a{ color:var(--ink); text-decoration:underline;
          text-decoration-color:var(--red-30); text-underline-offset:3px; }
.plain a:hover{ text-decoration-color:var(--red); }

/* --- masthead ------------------------------------------------ */

.pl-head{ margin-bottom:72px; }
.pl-head h1{
  font-size:clamp(38px, 7vw, 62px); line-height:1.02;
  letter-spacing:-.03em; font-weight:600; margin:14px 0 10px;
}
.pl-role{ font-family:var(--mono); font-size:11px; letter-spacing:.12em;
          text-transform:uppercase; color:var(--ink-60); margin-bottom:26px !important; }
.pl-stand{ font-size:22px; line-height:1.38; letter-spacing:-.012em; margin-bottom:1.4em !important; }
.pl-note{
  border-left:2px solid var(--red); padding-left:16px;
  color:var(--ink-60); font-size:14px; margin-top:2em !important;
}
.pl-contact{ font-family:var(--mono); font-size:11px; letter-spacing:.06em; }

/* --- eras and chapters --------------------------------------- */

.pl-era{
  margin:88px 0 34px; padding-top:16px;
  border-top:var(--hair) solid var(--ink);
  font-family:var(--mono); font-size:11px; font-weight:400;
  letter-spacing:.16em; text-transform:uppercase; color:var(--red);
}
.pl-ch{ margin:0 0 58px; scroll-margin-top:80px; }
.pl-ch h3{
  font-size:27px; letter-spacing:-.02em; font-weight:600;
  margin:0 0 6px;
}
.pl-meta{
  font-family:var(--mono); font-size:10.5px; letter-spacing:.11em;
  text-transform:uppercase; color:var(--ink-60); margin-bottom:1.3em !important;
}
.pl-kick{ color:var(--ink-38); }
.pl-kick::before{ content:"— "; }

/* --- the numbers under the line ------------------------------ */

.pl-facts{
  display:flex; flex-wrap:wrap; gap:26px 42px;
  margin:1.6em 0; padding-top:16px;
  border-top:var(--hair) solid var(--ink-12);
}
.pl-facts dt{ font-size:26px; letter-spacing:-.02em; font-weight:600; }
.pl-facts dd{
  margin:2px 0 0; max-width:24ch;
  font-family:var(--mono); font-size:10px; letter-spacing:.08em;
  text-transform:uppercase; color:var(--ink-60);
}

/* --- what is shown on the picture screens --------------------- */

.pl-shots{
  list-style:none; margin:1.4em 0 0; padding:0;
  font-size:13.5px; color:var(--ink-60);
}
.pl-shots li{ padding:5px 0 5px 18px; position:relative; }
.pl-shots li::before{
  content:""; position:absolute; left:0; top:13px;
  width:7px; height:var(--hair); background:var(--red);
}

.pl-foot{
  display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap;
  margin-top:96px; padding-top:20px;
  border-top:var(--hair) solid var(--ink-12); color:var(--ink-38);
}
.pl-foot a{ color:var(--ink-38); text-decoration:none; }
.pl-foot a:hover{ color:var(--red); }

@media print{
  .pl-nav, .pl-foot{ display:none; }
  .plain{ padding:0; max-width:none; font-size:10.5pt; }
  .pl-era{ break-after:avoid; margin-top:26pt; }
  .pl-ch{ break-inside:avoid; margin-bottom:20pt; }
}