/* The biography sheet — "Ritam" (homepage since 30 Sep 2026). Layout in sheet.js; the popup itself (open,
   bar, progress, X, horizontal scroll) stays in site.css. Sizes are the site tokens; spacing is the scale.
   Type under 32px keeps the sheet's 130% leading (Lazar, 26 Sep); H5 and bigger run at their token leading. */

.sh{display:flex;height:100%;padding:0 var(--sp-40) 0 var(--gut)}
.sh-ch{position:relative;flex:0 0 auto;height:100%}
.sh-p{position:absolute}
.sh-txt{width:max-content;display:flex;flex-direction:column}

/* the mark and its place */
.sh-mark{margin:0;font-family:var(--display);font-weight:var(--fw-semi);text-transform:uppercase;color:var(--ink);white-space:nowrap}
.sh-mark[data-size="h1"]{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1)}
.sh-mark[data-size="h2"]{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2)}
.sh-mark[data-size="h4"]{font-size:var(--fs-h4);line-height:1;letter-spacing:var(--ls-h4)}
.sh-place{margin:var(--sp-4) 0 0;font:var(--fw-semi) var(--fs-body-s)/1.3 var(--display);letter-spacing:.14em;
  text-transform:uppercase;color:var(--mute)}

/* the copy: one column, one left edge — opening, then the continuation */
.sh-copy,.sh-copy>*{width:var(--shCol)}
.sh-copy{margin-top:var(--sp-8)}
.sh-copy.is-first{margin-top:0}
.sh-lead{margin:0;font-family:var(--display);font-weight:var(--fw-semi);text-transform:uppercase;color:var(--ink)}
.sh-lead[data-size="h6"]{font-size:var(--fs-h6);line-height:1.3;letter-spacing:.005em}
.sh-lead[data-size="h5"]{font-size:var(--fs-h5);line-height:var(--lh-h5);letter-spacing:var(--ls-h5)}
.sh-body{margin:var(--sp-4) 0 0;font:var(--fw-semi) var(--fs-body-s)/1.3 var(--display);letter-spacing:.03em;
  text-transform:uppercase;color:rgba(242,237,230,.66)}
.sh-lead[data-size="h5"]+.sh-body{margin-top:var(--sp-6)}
.sh-lead b,.sh-body b{font-weight:inherit;color:var(--ink)}
.sh-lead i,.sh-body i{font-style:normal}

/* the photograph: its size is set in sheet.js from the window; no caption under it (Lazar, 1 Oct) */
.sh-fig{position:relative;margin:0}
.sh-fig img{display:block;object-fit:cover;filter:saturate(.86) contrast(1.02)}

/* the end: Igor's signature, then "Scroll to close" (sheet.js, COMP.seal).
   The signature is a vector (signature-igor.svg, filled in --ink) whose box is the ink, so the centre line and
   the axes touch the pen, not empty air; its size is set in sheet.js from the window, like a photograph's */
/* the <img> without JS; with it, the same file inline, written by the pen (pen() in sheet.js) */
.sh-sig img,.sh-sig svg{display:block;max-width:none;overflow:visible;opacity:.9}
.sh-copy+.sh-sig{margin-top:var(--sp-12)}
/* the cue is a small label, set like a chapter's place — the signature is what is read; the cue comes in only
   when the pen has finished */
.sh-end{margin:0;font:var(--fw-semi) var(--fs-body-s)/1.3 var(--display);letter-spacing:.14em;text-transform:uppercase;
  color:var(--mute);white-space:nowrap;transition:opacity .8s ease .2s}
.sh-ch[data-pen="wait"] .sh-end,.sh-ch[data-pen="writing"] .sh-end{opacity:0;transition:none}
.sh-sig+.sh-end{margin-top:var(--sp-6)}