.v-threshold{
  --paper:#E7E4D6;
  --ink:#232D22;
  --grey:#555E52;
  --red:#B03A26;
  --fill:#C9432F;
  --rule:#B8B8AB;
  --back:#141912;
  --bone:#ECE7DA;
  /* Bone at 72%: secondary text on moss. */
  --bone-soft:color-mix(in srgb,var(--bone) 72%,transparent);
  --on-fill:#FFFFFF;
  --gut:clamp(20px,4.45vw,64px);
  --gap:clamp(16px,1.7vw,24px);
  /* Column 1 and its gap, for a block that spans the full width of the
     page: resolves against the block's containing width. */
  --c1:calc((100% - 2 * var(--gut) - 11 * var(--gap)) / 12 + var(--gap));
  --ease:cubic-bezier(.16,1,.3,1);
  --display:var(--w3-display),'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --text:Optima,var(--w3-text),Candara,'Segoe UI',sans-serif;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--text);
  font-size:17px;
  line-height:1.6;
  font-kerning:normal;
  font-synthesis:none;
  font-variant-numeric:lining-nums;
  overflow-x:clip;
  min-height:100vh;
  min-height:100svh;
}
html:has(.v-threshold){background:#E7E4D6;color:#232D22;font-synthesis:none;scrollbar-color:color-mix(in srgb,#555E52 55%,transparent) #E7E4D6;}
.v-threshold *,.v-threshold *::before,.v-threshold *::after{box-sizing:border-box;}
.v-threshold ::selection{background:var(--ink);color:var(--paper);}
.v-threshold input,.v-threshold textarea,.v-threshold select{caret-color:var(--ink);accent-color:var(--ink);}
/* The root layout's skip link is styled by the external globals sheet,
   which arrives a frame after this inline one; declared here too so it is
   off-screen from first paint. */
html:has(.v-threshold) .skip-to-content{position:absolute;top:-56px;left:16px;z-index:100;background:#232D22;color:#E7E4D6;font-family:Optima,var(--w3-text),Candara,'Segoe UI',sans-serif;font-size:16px;text-decoration:none;padding:10px 16px;transition:top 160ms ease-out;}
html:has(.v-threshold) .skip-to-content:focus{top:12px;outline:2px solid #232D22;outline-offset:2px;}
.v-threshold :focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:1px;}
.v-threshold h1,.v-threshold h2,.v-threshold h3,.v-threshold h4{margin:0;font-weight:400;}
/* Headings break balanced; running text breaks pretty (no lone last
   word). Both are progressive. */
.v-threshold h1,.v-threshold h2,.v-threshold h3,.v-threshold h4{text-wrap:balance;}
.v-threshold p,.v-threshold li,.v-threshold dd,.v-threshold blockquote,.v-threshold figcaption{text-wrap:pretty;}
.v-threshold .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
/* Emphasis inside a display line takes the face's real
   italic. */
.v-threshold :is(h1,h2,h3,h4) em{font-style:italic;}
.v-threshold .nw{white-space:nowrap;}

.v-threshold a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;text-decoration-color:color-mix(in srgb,currentColor 34%,transparent);transition:text-decoration-color 160ms ease-out;}
.v-threshold a:hover{text-decoration-color:currentColor;}

.v-threshold .vt-device{display:block;}

/* ---- Labels. Three roles cover the chrome:
          .label-head  a small label: 12px tracked capitals in brick red;
          .label       chrome at 16px: action links, form labels, dates;
          .label-meta  small print, 14px. ---- */
.v-threshold .label,.v-threshold .label-meta{font-family:var(--text);font-weight:400;letter-spacing:0;text-transform:none;}
.v-threshold .label{font-size:16px;line-height:1.5;}
.v-threshold .label-meta{font-size:14px;line-height:1.5;color:var(--grey);}
.v-threshold .label-head{font-family:var(--text);font-weight:400;font-style:normal;font-size:12px;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;color:var(--red);}

/* ---- The page and its columns ---- */
.v-threshold .page{max-width:none;margin:0;padding-inline:40px;}
.v-threshold .prose{max-width:min(64ch,calc((100% - 10 * var(--gap)) / 11 * 7 + 6 * var(--gap)));margin-inline:0;}
@media (max-width:899.98px){
  .v-threshold{--c1:0px;}
  .v-threshold .page{padding-inline:28px;}
  .v-threshold .prose{max-width:64ch;}
}

/* ---- The top of the page ---- */
.v-threshold .w3-top{margin:16px 16px 0;padding:16px 24px 14px;position:relative;z-index:6;border:1px solid var(--rule);}
.v-threshold .top{display:flex;align-items:baseline;justify-content:space-between;gap:24px;font-size:12px;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;}
.v-threshold .top a{text-decoration:none;}
.v-threshold .top a:hover,.v-threshold .top a[aria-current]{text-decoration:underline;text-decoration-color:var(--fill);text-decoration-thickness:1px;text-underline-offset:0.5em;}
.v-threshold .top .where{margin:0;flex:0 0 auto;}
.v-threshold .top .where a{font-family:var(--display);font-weight:600;font-size:25px;line-height:1.1;letter-spacing:-0.005em;text-transform:none;white-space:nowrap;}
.v-threshold .top .where a:hover{text-decoration:none;}
.v-threshold .top-full{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:6px 24px;margin:0;padding:0;list-style:none;}
.v-threshold .top-full a{display:inline-block;padding:4px 0;}
.v-threshold .top .lang{margin-left:16px;color:var(--grey);}
.v-threshold .phone{display:none;}
.v-threshold .phone-menu{position:relative;}
.v-threshold .phone-menu summary{display:inline-block;cursor:pointer;list-style:none;padding:4px 0;font-size:12px;color:var(--ink);}
.v-threshold .phone-menu summary::-webkit-details-marker{display:none;}
.v-threshold .phone-menu summary::marker{content:'';}
.v-threshold .phone-menu summary::before,.v-threshold .phone-menu[open] summary::before{content:none;}
.v-threshold .phone-menu[open] summary{text-decoration:underline;text-underline-offset:0.2em;}
/* The open menu is a slip laid on the page: the paper ground and a
   hairline edge, no shadow. */
.v-threshold .phone-panel{position:absolute;left:-20px;top:calc(100% + 10px);display:grid;gap:4px;min-width:200px;padding:14px 20px 16px;background:var(--paper);border:1px solid var(--rule);z-index:20;}
.v-threshold .phone-panel a{padding:4px 0;}
@media (max-width:1099.98px){
  .v-threshold .top-full,.v-threshold .top .where{display:none;}
  .v-threshold .phone{display:flex;flex:1;align-items:baseline;gap:20px;}
  .v-threshold .phone > a{padding:4px 0;}
  .v-threshold .phone .lang{margin-left:auto;color:var(--grey);}
}
/* Beside the name, the Portuguese labels need about 1240px. */
@media (min-width:1100px) and (max-width:1279.98px){
  .v-threshold .w3-top--pt .top-full,.v-threshold .w3-top--pt .top .where{display:none;}
  .v-threshold .w3-top--pt .phone{display:flex;flex:1;align-items:baseline;gap:20px;}
  .v-threshold .w3-top--pt .phone > a{padding:4px 0;}
  .v-threshold .w3-top--pt .phone .lang{margin-left:auto;color:var(--grey);}
}

/* The stage at the head of an inner page (its title, statement and
   contour field) is set in stage-css.ts. */
@media (max-width:899.98px){
  .v-threshold .w3-top{margin:10px 10px 0;padding:12px 18px;}
}

/* ---- A part of the page: its title in the display face, then its works. ---- */
.v-threshold .section-label{text-transform:none;display:block;margin:0 0 clamp(22px,2.2vw,32px);padding-top:20px;border-top:1px solid var(--rule);font-family:var(--display);font-style:normal;font-weight:400;font-size:clamp(30px,2.8vw,40px);line-height:1.08;letter-spacing:-0.006em;color:var(--ink);text-wrap:balance;}

/* ---- Ruled entries (the journal index and every
        list of works on an interior page): the work's title in columns
        2 to 7, its entry in columns 8 to 12. ---- */
.v-threshold .cat-list{list-style:none;margin:0;padding:0;}
.v-threshold .cat-entry{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));column-gap:var(--gap);align-items:baseline;}
.v-threshold .cat-entry{padding:clamp(14px,1.5vw,20px) 0;border-bottom:1px solid var(--rule);transition:padding-left 300ms var(--ease);}
.v-threshold .cat-list > .cat-entry:first-child{border-top:1px solid var(--rule);}
.v-threshold .cat-entry .w{grid-column:1 / span 6;}
.v-threshold .cat-entry .e{grid-column:7 / span 5;margin:0;max-width:46ch;font-size:16px;line-height:1.55;color:var(--grey);}
.v-threshold .cat-entry .e p{margin:0;}
.v-threshold .cat-entry .kind{color:var(--red);font-style:normal;}
.v-threshold .cat-title{margin:0;font-family:var(--text);font-weight:400;font-size:clamp(22px,1.95vw,28px);line-height:1.2;text-wrap:balance;}
.v-threshold .cat-title a{text-decoration:none;}
.v-threshold .cat-title a:hover{text-decoration:underline;text-decoration-color:currentColor;}
.v-threshold .cat-lang{font-size:16px;font-style:italic;color:var(--grey);white-space:nowrap;}
@media (max-width:899.98px){
  .v-threshold .cat-entry{grid-template-columns:minmax(0,1fr);}
  .v-threshold .cat-entry .w,.v-threshold .cat-entry .e{grid-column:1 / -1;}
  .v-threshold .cat-entry .e{margin-top:10px;}
}

/* ---- Bibliographies: hanging indents, one column at reading measure. ---- */
.v-threshold .biblio{list-style:none;margin:0;padding:0;max-width:64ch;}
.v-threshold .bib-entry{padding-left:1.6em;text-indent:-1.6em;font-size:17px;line-height:1.6;margin:0 0 18px;color:var(--ink);}
.v-threshold .bib-link{overflow-wrap:anywhere;}
/* An apparatus line: a key word as the door, then what it opens on. */
.v-threshold .apparatus-line{font-size:17px;line-height:1.6;margin:0;color:var(--ink);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;max-width:64ch;}
.v-threshold .apparatus-line + .apparatus-line{margin-top:10px;}
.v-threshold .apparatus-key{flex:0 0 auto;font-style:italic;}
.v-threshold a.apparatus-key{display:inline-block;min-height:24px;padding:2px 0;}

/* Titles take the display face's semibold. Declared after the rules that
   set their sizes so it holds. */
.v-threshold .section-label,.v-threshold .colophon-cities{font-weight:600;}

/* ---- The colophon: the page's last tile ---- */
.v-threshold .colophon{margin:clamp(96px,10vw,152px) 16px 16px;padding:clamp(48px,5vw,72px) 24px 32px;background:#232D22;color:#ECE7DA;--paper:#232D22;--ink:#ECE7DA;--grey:color-mix(in srgb,#ECE7DA 70%,transparent);--rule:color-mix(in srgb,#ECE7DA 22%,transparent);--red:#FF8A7A;}
.v-threshold .colophon-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);}
.v-threshold .colophon-cities{grid-column:1 / span 6;margin:0;font-family:var(--display);font-size:clamp(30px,2.8vw,40px);line-height:1.06;text-wrap:balance;}
.v-threshold .colophon-contact{grid-column:1 / span 5;margin:14px 0 0;font-size:17px;line-height:1.55;color:var(--grey);max-width:36ch;}
.v-threshold .colophon-contact a{color:var(--ink);}
.v-threshold .colophon-nav{grid-column:8 / span 5;grid-row:1 / span 2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap);}
.v-threshold .colophon-nav ul{list-style:none;margin:0;padding:0;font-size:16px;line-height:1.9;}
.v-threshold .colophon-nav a{text-decoration:none;}
/* Between the phone and the wide screen the three lists take a column more,
   so no entry ("Kit de imprensa") breaks. */
@media (min-width:900px) and (max-width:1199.98px){
  .v-threshold .colophon-cities{grid-column:2 / span 5;}
  .v-threshold .colophon-nav{grid-column:7 / span 6;}
}
.v-threshold .colophon-nav a:hover{text-decoration:underline;text-decoration-color:currentColor;}
/* The bottom row, split as the mock-up sets it: the profiles elsewhere at
   the left, underlined like every link; the small print at the right,
   set flush right and free to take a second line (the copyright goes
   under), so the two never run together as one line. Between 900 and
   1200px the small print takes the line below, still at the right; on a
   phone both sit at the left, one group above the other. Every item
   keeps its words together. */
.v-threshold .colophon-small{grid-column:1 / -1;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:baseline;gap:12px clamp(48px,5vw,80px);margin-top:clamp(80px,8vw,112px);font-size:14px;line-height:1.6;color:var(--grey);}
.v-threshold .colophon-social,.v-threshold .colophon-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px;margin:0;}
.v-threshold .colophon-social{flex:0 0 auto;}
.v-threshold .colophon-meta{flex:0 1 auto;min-width:0;justify-content:flex-end;text-align:right;}
.v-threshold .colophon-small a{display:inline-block;padding:2px 0;white-space:nowrap;}
.v-threshold .colophon-copy{white-space:nowrap;}
.v-threshold .colophon-meta a{text-decoration:none;}
.v-threshold .colophon-cookie{appearance:none;-webkit-appearance:none;display:inline-block;margin:0;padding:2px 0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;}
.v-threshold .colophon-cookie:hover{color:var(--ink);text-decoration:underline;text-decoration-color:currentColor;}
.v-threshold .colophon-small a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:currentColor;}
.v-threshold .colophon-lang .vt-lang-item{font-size:14px;}
@media (min-width:900px) and (max-width:1199.98px){
  .v-threshold .colophon-small{flex-wrap:wrap;}
  .v-threshold .colophon-meta{margin-left:auto;}
}
@media (max-width:899.98px){
  .v-threshold .colophon-grid{grid-template-columns:minmax(0,1fr);}
  .v-threshold .colophon-cities,.v-threshold .colophon-contact,.v-threshold .colophon-nav,.v-threshold .colophon-small{grid-column:1 / -1;grid-row:auto;}
  .v-threshold .colophon-nav{margin-top:48px;grid-template-columns:1fr 1fr;row-gap:24px;}
  .v-threshold .colophon-small{flex-direction:column;align-items:flex-start;gap:20px;}
  .v-threshold .colophon-meta{justify-content:flex-start;text-align:left;}
}

/* Back to top: a word and a drawn arrow pinned to the window's lower
   corner once the reader is well down the page. The paper ground
   under it, no disc, no shadow. */
.v-threshold .vt-totop{position:fixed;right:clamp(12px,2.4vw,28px);bottom:clamp(12px,2.4vw,28px);z-index:60;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 12px;background:var(--paper);border:0;color:var(--ink);font-family:var(--text);font-size:15px;cursor:pointer;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity 200ms ease-out,transform 200ms var(--ease);}
.v-threshold .vt-totop.is-shown{opacity:1;transform:none;pointer-events:auto;}
.v-threshold .vt-totop:hover .vt-totop-label{text-decoration:underline;text-underline-offset:0.2em;}
.v-threshold .vt-totop .vt-totop-label{font-size:15px;line-height:1;color:var(--ink);}

/* The cookie choice: a slip of paper pinned to the window's foot, a
   hairline above it, the sentence in Text and two rule buttons of equal
   weight, then Privacy in grey. It lies over the back-to-top control
   until the reader chooses; a spacer of its height keeps the colophon
   readable above it. */
.v-threshold .vt-consent{position:fixed;left:16px;bottom:16px;width:min(460px,calc(100% - 32px));z-index:70;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 28px;padding:12px 20px max(10px,env(safe-area-inset-bottom));background:var(--paper);border:1px solid var(--rule);color:var(--ink);font-family:var(--text);}
.v-threshold .vt-consent:focus{outline:none;}
.v-threshold .vt-consent-text{flex:1 1 34ch;max-width:62ch;margin:0;font-size:16px;line-height:1.45;}
.v-threshold .vt-consent-actions{flex:0 0 auto;display:flex;align-items:baseline;gap:0 28px;}
.v-threshold .vt-consent-btn{appearance:none;-webkit-appearance:none;cursor:pointer;min-height:44px;margin:0;padding:10px 0 7px;border:0;border-bottom:2px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font-family:var(--text);font-size:18px;line-height:1.4;transition:border-bottom-width 120ms ease-out,padding-bottom 120ms ease-out;}
.v-threshold .vt-consent-btn:hover{border-bottom-width:4px;padding-bottom:5px;}
.v-threshold .vt-consent-btn:focus-visible{outline:2px solid var(--ink);outline-offset:4px;}
.v-threshold .vt-consent-privacy{display:inline-block;padding:10px 0 9px;font-size:16px;color:var(--grey);text-decoration:underline;text-decoration-color:currentColor;}
.v-threshold .vt-consent-privacy:hover{color:var(--ink);}
@media (max-width:599.98px){
  .v-threshold .vt-consent{padding-top:4px;}
  .v-threshold .vt-consent-text{flex-basis:100%;padding-top:6px;font-size:15px;line-height:1.4;}
  .v-threshold .vt-consent-actions{width:100%;gap:0 24px;margin-top:6px;}
  .v-threshold .vt-consent-btn{font-size:17px;}
  .v-threshold .vt-consent-privacy{margin-left:auto;font-size:15px;}
}
@media (prefers-reduced-motion:reduce){.v-threshold .vt-consent-btn{transition:none;}}

/* ---- An essay ---- */
.v-threshold .argument{margin:0;}
.v-threshold .arg-text{margin:0;font-size:clamp(20px,1.55vw,22px);line-height:1.55;max-width:38em;text-wrap:pretty;}
.v-threshold .claims{list-style:none;margin:36px 0 0;padding:0;counter-reset:c;font-size:15.5px;line-height:1.6;color:var(--grey);}
.v-threshold .claims li{counter-increment:c;display:grid;grid-template-columns:2.2em 1fr;max-width:66ch;}
.v-threshold .claims li + li{margin-top:8px;}
.v-threshold .claims li::before{content:counter(c) ".";font-variant-numeric:lining-nums tabular-nums;}
.v-threshold .essay-body{font-size:19px;line-height:1.66;}
.v-threshold .essay-body p{margin:0;max-width:64ch;}
.v-threshold .essay-body h2{margin:2.1em 0 0.7em;max-width:22em;font-family:var(--display);font-size:clamp(28px,2.2vw,32px);line-height:1.14;}
.v-threshold .essay-body :is(h2,h3):has(> em:only-child){line-height:1.3;}
.v-threshold .essay-body h3{margin:1.9em 0 0.6em;max-width:28em;font-family:var(--display);font-size:clamp(22px,1.7vw,25px);line-height:1.2;}
.v-threshold .essay-body h4{margin:1.7em 0 0.5em;font-family:var(--text);font-style:italic;font-size:19px;line-height:1.45;}
.v-threshold .essay-body blockquote{margin:1.6em 0 1.6em 1.6em;padding:0;max-width:58ch;font-style:italic;font-size:18px;line-height:1.62;}
.v-threshold .essay-body blockquote p{margin:0;}
.v-threshold .essay-body ul,.v-threshold .essay-body ol{margin:1.05em 0;padding-left:1.5em;max-width:62ch;}
.v-threshold .essay-body li{margin:0 0 0.4em;}
.v-threshold .essay-body li::marker{color:var(--grey);}
.v-threshold .essay-body > * + *{margin-top:1.05em;}
.v-threshold .dropcap::first-letter{font-family:var(--display);float:left;font-size:3.6em;line-height:0.82;padding:0.06em 0.1em 0 0;color:var(--ink);}

/* Sidenotes: in the margin from 1200px (columns 10 to 12, beside the
   paragraph they annotate), after the paragraph below that. */
.v-threshold .para{position:relative;}
.v-threshold .sn-ref{font-size:13px;line-height:0;vertical-align:super;margin-left:2px;}
.v-threshold .sn-ref a{text-decoration:none;}
.v-threshold .sn-ref a:hover{text-decoration:underline;}
.v-threshold .sidenote{display:block;margin:10px 0 1.4em 1.6em;max-width:52ch;font-size:15px;line-height:1.55;color:var(--grey);}
.v-threshold .sn-num{color:var(--ink);margin-right:6px;}

/* ---- The author card: the portrait, unframed, and two lines ---- */
.v-threshold .author-card{max-width:60ch;margin:0;display:grid;grid-template-columns:72px 1fr;gap:22px;align-items:start;}
.v-threshold .author-card-plate{margin:0;}
.v-threshold .author-card-img{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--paper);}
.v-threshold .author-card-bio{margin:0;font-size:16px;line-height:1.6;color:var(--grey);max-width:52ch;}
.v-threshold .author-card-links{margin:12px 0 0;display:flex;flex-wrap:wrap;gap:6px 24px;}
@media (max-width:479.98px){
  .v-threshold .author-card{grid-template-columns:60px 1fr;gap:16px;}
}

/* ---- After the essay: the related essays and the citation ---- */
.v-threshold .cite-string{max-width:64ch;margin:0;font-size:16px;line-height:1.65;color:var(--ink);}
.v-threshold .cite-url{display:inline-block;margin-top:24px;overflow-wrap:anywhere;}


/* ---- The sheet: the layout every inner page shares. A page body is a
        stack of rows on the twelve columns. Each row opens on a
        hairline (drawn by ::before in stage-css.ts, so it can draw
        across), carries its title in columns 1 to 4 and its content in
        columns 5 to 12. The first row has no hairline: it sits under the
        stage. Prose stops at 64ch inside its column; records (.rec)
        take the column's full width. Below 900px a row is one column,
        title above content. ---- */
.v-threshold .sheet{margin-top:clamp(48px,5vw,72px);}
.v-threshold .sheet-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:start;margin:0;padding:25px 0 clamp(56px,5.5vw,80px);}
.v-threshold .sheet-row--lead{padding-top:0;}
.v-threshold .sheet > .sheet-row:last-child{padding-bottom:0;}
.v-threshold .sheet-side{grid-column:1 / span 4;min-width:0;padding-right:var(--gap);}
.v-threshold .sheet-main{grid-column:5 / span 8;min-width:0;padding-top:10px;}
.v-threshold .sheet-row--lead .sheet-main{padding-top:0;}
.v-threshold .sheet-row .section-label{margin:0;padding:0;border:0;max-width:11em;}
.v-threshold .sheet-main > p{margin:0 0 1.05em;max-width:64ch;font-size:18px;line-height:1.62;}
.v-threshold .sheet-main > p:last-child{margin-bottom:0;}
.v-threshold .sheet-main > p.sheet-lead{max-width:36em;font-size:clamp(20px,1.6vw,23px);line-height:1.5;}
.v-threshold .sheet-side > p{margin:14px 0 0;max-width:34ch;font-size:17px;line-height:1.55;}
.v-threshold .sheet-row--lead .sheet-side > p:first-child{margin-top:0;}
/* A record: label and value rows with a hairline under each, as in the
   home page's record tiles. --rec-k is the label column. */
.v-threshold .rec{list-style:none;margin:0;padding:0;font-size:17px;line-height:1.5;}
.v-threshold .rec > *{display:grid;grid-template-columns:var(--rec-k,5.5em) minmax(0,1fr);column-gap:var(--gap);margin:0;padding:12px 0;border-bottom:1px solid var(--rule);}
.v-threshold .rec > :first-child{padding-top:0;}
.v-threshold .rec > :last-child{padding-bottom:0;border-bottom:0;}
.v-threshold .rec-k{grid-column:1;margin:0;color:var(--grey);font-variant-numeric:lining-nums tabular-nums;}
.v-threshold .rec-v{grid-column:2;margin:0;min-width:0;}
.v-threshold .rec-d{display:block;margin-top:4px;font-size:16px;line-height:1.55;color:var(--grey);}
/* The letters band that closes these pages hangs from the same column. */
.v-threshold .tsub-band--page .page{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);}
.v-threshold .tsub-band--page .page > .prose{grid-column:5 / span 8;max-width:64ch;}
@media (max-width:899.98px){
  .v-threshold .sheet-row{grid-template-columns:minmax(0,1fr);padding:21px 0 48px;}
  .v-threshold .sheet-row--lead{padding-top:0;}
  .v-threshold .sheet-side,.v-threshold .sheet-main{grid-column:1;}
  .v-threshold .sheet-side{margin-bottom:18px;padding-right:0;}
  .v-threshold .sheet-main{padding-top:0;}
  .v-threshold .tsub-band--page .page{display:block;}
}

/* ---- What rows hold: notes, lists of works, rows of links, artwork ---- */
/* Secondary lines inside a row, and a wider step between two blocks. */
.v-threshold .sheet-main > p.sx-note,.v-threshold .sx-note{max-width:64ch;font-size:17px;line-height:1.6;color:var(--grey);}
.v-threshold .sx-note a{color:var(--ink);}
.v-threshold .sx-gap,.v-threshold .sheet-main > .sx-gap{margin-top:clamp(28px,2.6vw,40px);}
.v-threshold .sheet-main .rec{max-width:none;}
.v-threshold .rec > *{align-items:baseline;}
.v-threshold .rec-v > p{margin:0;}
.v-threshold .rec-v > p.rec-d{margin-top:4px;}
/* Lists of works inside a row: the kit's ruled entries, on the eight
   columns the content has. */
.v-threshold .sheet-main .cat-list > .cat-entry:first-child{border-top:0;padding-top:0;}
.v-threshold .sheet-main .cat-list > .cat-entry:last-child{border-bottom:0;padding-bottom:0;}
.v-threshold .sheet-main .cat-entry{grid-template-columns:repeat(8,minmax(0,1fr));}
.v-threshold .sheet-main .cat-entry .w{grid-column:1 / span 4;}
.v-threshold .sheet-main .cat-entry .e{grid-column:5 / span 4;max-width:none;}
.v-threshold .sheet-main .cat-title{font-size:clamp(20px,1.6vw,24px);line-height:1.25;}
/* A row of doors: underlined words. */
.v-threshold .sx-links,.v-threshold .sheet-main > p.sx-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 28px;margin:22px 0 0;padding:0;list-style:none;max-width:none;font-size:17px;line-height:1.5;}
.v-threshold .sx-links .label{font-size:17px;}
.v-threshold .sx-links a{display:inline-block;padding:2px 0;color:var(--ink);}
/* Artwork that keeps its own colours sits on a moss tile. */
.v-threshold .sx-art{margin:0;width:100%;max-width:340px;padding:clamp(20px,2.2vw,32px);background:var(--ink);color:var(--bone);}
.v-threshold .sx-art img{display:block;width:100%;height:auto;}
.v-threshold .sx-art figcaption{margin:14px 0 0;font-size:14px;line-height:1.5;color:var(--bone-soft);}
@media (max-width:1099.98px){
  .v-threshold .sheet-main .cat-entry{grid-template-columns:minmax(0,1fr);}
  .v-threshold .sheet-main .cat-entry .w,.v-threshold .sheet-main .cat-entry .e{grid-column:1 / -1;}
  .v-threshold .sheet-main .cat-entry .e{margin-top:10px;}
}
@media (max-width:479.98px){
  .v-threshold .rec > *{grid-template-columns:minmax(0,1fr);row-gap:2px;}
  .v-threshold .rec-k,.v-threshold .rec-v{grid-column:1;}
  .v-threshold .rec-k{font-size:15px;}
  /* Short labels (years) stay beside their values. */
  .v-threshold .rec--years > *{grid-template-columns:var(--rec-k,5.5em) minmax(0,1fr);}
  .v-threshold .rec--years .rec-k{font-size:inherit;}
  .v-threshold .rec--years .rec-v{grid-column:2;}
}

/* ---- The book's cover concept, drawn: sizes follow the cover's own
        width (container units), so it holds at any size. ---- */
.v-threshold .book-cover{container-type:inline-size;position:relative;width:100%;aspect-ratio:2 / 3;background:var(--ink);color:var(--bone);}
.v-threshold .book-cover-frame{position:absolute;inset:5cqw;display:flex;flex-direction:column;align-items:flex-start;padding:9cqw 8cqw 7cqw;border:1px solid var(--bone);}
.v-threshold .book-cover-title{font-family:var(--display);font-weight:600;font-size:14cqw;line-height:.98;letter-spacing:-0.012em;text-wrap:balance;}
.v-threshold .book-cover-rule{width:16cqw;height:2px;margin-top:7cqw;background:var(--fill);}
.v-threshold .book-cover-author{margin-top:auto;font-family:var(--text);font-size:max(7px,3.7cqw);line-height:1.3;letter-spacing:.12em;text-transform:uppercase;}


@property --drift{syntax:'<length>';inherits:false;initial-value:0px;}

/* ---- The progress line: 3px of brick fill along the window's top edge,
        its length set by motion.tsx. Decorative. ---- */
.v-threshold .vt-prog{position:fixed;left:0;right:0;top:0;height:3px;z-index:80;pointer-events:none;}
.v-threshold .vt-prog i{display:block;height:100%;background:var(--fill);transform:scaleX(0);transform-origin:left center;}

/* ---- The stage: one moss block at the head of an inner page. The
        title very large in the display face, the page's own line at the
        right on its baseline, and, where a page has one, a statement
        under a hairline with its last clause in coral. The tokens flip
        inside it, as in the colophon. ---- */
.v-threshold .stage{position:relative;overflow:hidden;margin:0 16px;background:#232D22;color:#ECE7DA;--paper:#232D22;--ink:#ECE7DA;--grey:color-mix(in srgb,#ECE7DA 70%,transparent);--rule:color-mix(in srgb,#ECE7DA 20%,transparent);--red:#FF8A7A;animation:stage-curtain 1.1s cubic-bezier(.7,0,.2,1) both;}
.v-threshold .stage-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.v-threshold .stage-head{position:relative;display:flex;align-items:flex-end;gap:clamp(28px,3.4vw,48px);min-height:300px;padding:26px 28px 18px;}
.v-threshold .stage-title{flex:1 1 auto;min-width:0;margin:0;font-family:var(--display);font-weight:600;font-size:clamp(84px,11vw,176px);line-height:.9;letter-spacing:-0.022em;color:var(--ink);text-wrap:balance;}
.v-threshold .stage-title--l{font-size:clamp(64px,8vw,128px);}
.v-threshold .stage-title--m{font-size:clamp(52px,6vw,96px);line-height:.94;}
.v-threshold .stage-title--essay{max-width:17em;font-size:clamp(38px,4.7vw,70px);line-height:1;letter-spacing:-0.014em;}
.v-threshold .stage-w{display:inline-block;white-space:nowrap;}
.v-threshold .stage-c{display:inline-block;white-space:pre;}
.v-threshold .stage-title--letters .stage-c{animation:stage-up .9s var(--ease) both;animation-delay:calc(.35s + var(--i) * 45ms);}
.v-threshold .stage-title--words .stage-w{animation:stage-up .9s var(--ease) both;animation-delay:calc(.35s + var(--i) * 70ms);}
.v-threshold .stage-sub{flex:0 1 27em;margin:0;padding-bottom:12px;font-size:21px;line-height:1.4;color:color-mix(in srgb,#ECE7DA 86%,transparent);text-wrap:pretty;animation:stage-rise .9s var(--ease) .5s both;}
.v-threshold .stage-aside{flex:0 0 clamp(200px,22vw,300px);margin:0 0 12px;animation:stage-rise .9s var(--ease) .5s both;}
.v-threshold .stage a{color:var(--ink);}
.v-threshold .stage-state{position:relative;padding:14px 28px 48px;border-top:1px solid var(--rule);}
.v-threshold .stage-statement{margin:0;max-width:18em;font-family:var(--display);font-weight:500;font-size:clamp(34px,4.6vw,72px);line-height:1;letter-spacing:-0.02em;}
.v-threshold .stage-statement .ln{display:inline-block;text-wrap:balance;animation:stage-rise 1s var(--ease) .7s both;}
.v-threshold .stage-statement .ln + .ln{animation-delay:.95s;}
.v-threshold .stage-statement em{position:relative;font-style:normal;color:var(--red);}
.v-threshold .stage-statement em::after{content:"";position:absolute;left:0;right:0;bottom:-.04em;height:2px;background:var(--red);transform-origin:left;animation:stage-draw 1.2s cubic-bezier(.6,0,.2,1) 1.7s both;}
@keyframes stage-curtain{from{clip-path:inset(0 0 100% 0);}to{clip-path:inset(0 0 0 0);}}
@keyframes stage-up{from{opacity:0;transform:translateY(60%);}to{opacity:1;transform:none;}}
@keyframes stage-rise{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:none;}}
@keyframes stage-draw{from{transform:scaleX(0);}to{transform:scaleX(1);}}
@media (max-width:899.98px){
  .v-threshold .stage{margin:0 10px;}
  .v-threshold .stage-head{flex-direction:column;align-items:flex-start;gap:22px;min-height:0;padding:64px 18px 22px;}
  /* --n is the title's longest word in letters: the size steps down
     until that word fits the measure. */
  .v-threshold .stage-title{font-size:min(96px,calc((100vw - 56px) / (var(--n,10) * .5)));}
  .v-threshold .stage-title--l{font-size:min(68px,calc((100vw - 56px) / (var(--n,10) * .5)));}
  .v-threshold .stage-title--m{font-size:min(54px,calc((100vw - 56px) / (var(--n,10) * .5)));}
  .v-threshold .stage-title--essay{font-size:min(40px,calc((100vw - 56px) / (var(--n,10) * .5)));}
  .v-threshold .stage-sub{flex:0 0 auto;padding-bottom:0;font-size:18px;}
  .v-threshold .stage-aside{flex:0 0 auto;width:100%;margin:0;}
  .v-threshold .stage-state{padding:14px 18px 34px;}
  .v-threshold .stage-statement{font-size:clamp(30px,7.6vw,44px);line-height:1.02;}
}

/* ---- The timeline: a tile under the stage. A line across, up to five
        dated points on it, one in brick red, and a tick for today. ---- */
.v-threshold .tl{--y:clamp(52px,5.4vw,84px);position:relative;margin:0 16px;padding:34px 28px 38px;border:1px solid var(--rule);border-top:0;}
.v-threshold .tl-line{position:absolute;left:28px;right:28px;top:calc(34px + var(--y) * .9 + 26px);height:1px;background:var(--rule);}
.v-threshold .tl-line i{position:absolute;inset:0;background:var(--ink);transform-origin:left center;}
.v-threshold .tl-today{position:absolute;left:var(--at);top:-5px;width:1px;height:11px;background:var(--fill);}
.v-threshold .tl-today em{position:absolute;left:8px;top:-17px;font-style:normal;font-size:11px;line-height:1;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;color:var(--red);}
.v-threshold .tl-today--end em{left:auto;right:8px;}
.v-threshold .tl ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:24px;}
.v-threshold .tl li{position:relative;}
/* The years, the numerals behind the rows and the dot count's figure
   take the display face's old-style figures, as the approved sketch
   set them. */
.v-threshold .tl li b{display:block;height:calc(var(--y) * .9 + 26px);font-family:var(--display);font-weight:600;font-size:var(--y);line-height:.9;letter-spacing:-0.022em;font-variant-numeric:oldstyle-nums tabular-nums;}
.v-threshold .tl li::before,.v-threshold .tl li.is-red::after{content:"";position:absolute;left:0;top:calc(var(--y) * .9 + 21px);width:11px;height:11px;border-radius:50%;}
.v-threshold .tl li::before{background:var(--paper);border:1px solid var(--ink);z-index:1;}
.v-threshold .tl li.is-red b{color:var(--fill);}
.v-threshold .tl li.is-red::before{background:var(--fill);border-color:var(--fill);}
.v-threshold .tl li.is-red::after{background:var(--fill);opacity:0;animation:tl-pulse 2.4s ease-out 2.4s infinite;}
.v-threshold .tl li span{display:block;padding-top:22px;max-width:16em;font-size:15.5px;line-height:1.35;color:var(--grey);}
@keyframes tl-pulse{from{opacity:.45;transform:scale(1);}to{opacity:0;transform:scale(3.6);}}
html.mo .v-threshold .tl .tl-line i{transition:transform 2.2s cubic-bezier(.6,0,.2,1) .2s;}
html.mo .v-threshold .tl li{transition:opacity .7s ease-out,transform .7s var(--ease);transition-delay:calc(.35s + var(--x) * .45s);}
html.mo .v-threshold .tl .tl-today{transition:opacity .6s ease-out 2.4s;}
html.mo .v-threshold .tl:not(.in) .tl-line i{transform:scaleX(0);}
html.mo .v-threshold .tl:not(.in) li{opacity:0;transform:translateY(18px);}
html.mo .v-threshold .tl:not(.in) .tl-today{opacity:0;}
html.mo .v-threshold .tl:not(.in) li.is-red::after{animation:none;}
@media (max-width:899.98px){
  .v-threshold .tl{margin:0 10px;}
}
/* Under 700px the timeline stands: the line down the left, the points
   one under another. Today's tick has no room for its word and goes. */
@media (max-width:699.98px){
  .v-threshold .tl{padding:26px 18px 28px;}
  .v-threshold .tl ol{grid-template-columns:minmax(0,1fr);gap:22px;}
  .v-threshold .tl li{padding-left:30px;}
  .v-threshold .tl li b{height:auto;font-size:44px;}
  .v-threshold .tl li::before,.v-threshold .tl li.is-red::after{top:14px;}
  .v-threshold .tl li span{padding-top:6px;max-width:none;}
  .v-threshold .tl-line{left:23px;right:auto;top:30px;bottom:30px;width:1px;height:auto;}
  .v-threshold .tl-line i{transform-origin:center top;}
  .v-threshold .tl-today{display:none;}
  html.mo .v-threshold .tl:not(.in) .tl-line i{transform:scaleY(0);}
}

/* ---- The bars: items per year, in the same tile. ---- */
.v-threshold .bars{margin:0 16px;padding:26px 28px 24px;border:1px solid var(--rule);border-top:0;}
.v-threshold .bars-label{margin:0 0 18px;}
.v-threshold .bars ol{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;gap:clamp(6px,1.2vw,18px);}
.v-threshold .bars li{flex:0 1 56px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;}
.v-threshold .bars-n{font-family:var(--display);font-weight:600;font-size:22px;line-height:1;font-variant-numeric:oldstyle-nums;}
.v-threshold .bars-n--none{color:var(--grey);}
.v-threshold .bars i{display:block;width:100%;height:calc(var(--h) * 64px);margin-top:6px;background:var(--ink);transform-origin:center bottom;}
.v-threshold .bars-y{display:block;width:100%;margin-top:0;padding-top:7px;border-top:1px solid var(--ink);font-size:12px;line-height:1.4;letter-spacing:.04em;color:var(--grey);font-variant-numeric:lining-nums tabular-nums;}
html.mo .v-threshold .bars i{transition:transform .9s cubic-bezier(.6,0,.2,1);transition-delay:calc(.2s + var(--x) * 80ms);}
html.mo .v-threshold .bars .bars-n{transition:opacity .6s ease-out;transition-delay:calc(.7s + var(--x) * 80ms);}
html.mo .v-threshold .bars:not(.in) i{transform:scaleY(0);}
html.mo .v-threshold .bars:not(.in) .bars-n{opacity:0;}
@media (max-width:899.98px){
  .v-threshold .bars{margin:0 10px;padding:22px 18px 20px;}
  .v-threshold .bars-n{font-size:18px;}
  .v-threshold .bars-y{font-size:11px;letter-spacing:0;}
}

/* ---- The dot count: one dot for each person, filled in turn, then the
        figure and what it counts. ---- */
.v-threshold .dotcount{margin:4px 0 22px;}
.v-threshold .dots{display:grid;grid-template-columns:repeat(25,minmax(0,10px));gap:min(7px,1.4vw);margin:0 0 24px;}
.v-threshold .dots i{position:relative;display:block;aspect-ratio:1;border-radius:50%;border:1px solid color-mix(in srgb,var(--ink) 35%,transparent);}
.v-threshold .dots i::after{content:"";position:absolute;inset:-1px;border-radius:50%;background:var(--fill);}
.v-threshold .dot-stat{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(40px,4vw,60px);line-height:1;letter-spacing:-0.02em;font-variant-numeric:oldstyle-nums;}
.v-threshold .dot-stat small{margin-left:10px;font-family:var(--text);font-weight:400;font-size:15.5px;line-height:1.35;letter-spacing:0;color:var(--grey);}
html.mo .v-threshold .dots i::after{transition:opacity .25s ease-out;transition-delay:calc(.12s + var(--x) * 38ms);}
html.mo .v-threshold .dotcount .dot-stat{transition:opacity .7s ease-out 2.1s,transform .7s var(--ease) 2.1s;}
html.mo .v-threshold .dotcount:not(.in) .dots i::after{opacity:0;}
html.mo .v-threshold .dotcount:not(.in) .dot-stat{opacity:0;transform:translateY(14px);}

/* ---- The rows of the sheet as they arrive: the hairline draws across,
        then the heading and the content rise. A row with a heading
        carries its number behind it, large and in outline, and the
        number drifts a little with the scroll (--drift, set by
        motion.tsx); its heading stays pinned while long content passes,
        and turns brick red while the pointer is on the row.
        .sheet--still (the essay's reading column) takes none of this;
        .sheet--plain takes the arrival without the numbers. ---- */
.v-threshold .sheet-row{position:relative;}
.v-threshold .sheet-row::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--rule);transform-origin:left center;}
.v-threshold .sheet-row--lead::before{content:none;}
.v-threshold .sheet-row > *{position:relative;z-index:1;}
/* The rows are visible from the first paint. Their hidden start state
   exists only under html.mo-rows, which motion.tsx adds once it is
   running, after it has marked the rows already on screen as arrived:
   a slow script never leaves a row blank, and nothing flashes. */
html.mo-rows .v-threshold .sheet:not(.sheet--still) .sheet-row::before{transform:scaleX(0);transition:transform 1.1s cubic-bezier(.6,0,.2,1);}
html.mo-rows .v-threshold .sheet:not(.sheet--still) .sheet-row > *{opacity:0;transform:translateY(22px);transition:opacity .8s ease-out,transform .8s var(--ease);}
html.mo-rows .v-threshold .sheet:not(.sheet--still) .sheet-row.in::before{transform:scaleX(1);}
html.mo-rows .v-threshold .sheet:not(.sheet--still) .sheet-row.in > *{opacity:1;transform:none;transition-delay:.12s;}
html.mo-rows .v-threshold .sheet:not(.sheet--still) .sheet-row.in > .sheet-main{transition-delay:.26s;}
.v-threshold .sheet{counter-reset:row;}
.v-threshold .sheet:not(.sheet--still):not(.sheet--plain) .sheet-row:has(> .sheet-side .section-label){counter-increment:row;clip-path:inset(0 -100vmax);}
.v-threshold .sheet:not(.sheet--still):not(.sheet--plain) .sheet-row:has(> .sheet-side .section-label)::after{content:counter(row,decimal-leading-zero) / "";position:absolute;right:20px;top:-18px;z-index:0;font-family:var(--display);font-weight:600;font-size:clamp(160px,19vw,300px);line-height:.8;letter-spacing:-0.022em;font-variant-numeric:oldstyle-nums;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--ink) 16%,transparent);pointer-events:none;transform:translateY(var(--drift));}
/* Where a row's content is a list or a record that runs the full width,
   the number sits under text, so it is drawn fainter. */
.v-threshold .sheet:not(.sheet--still):not(.sheet--plain) .sheet-row:has(> .sheet-main > :not(p,.dotcount))::after{-webkit-text-stroke-color:color-mix(in srgb,var(--ink) 9%,transparent);}
/* Pages that keep their motion small (the notices, the 404). */
.v-threshold:has(.stage--quiet) .sheet:not(.sheet--still):not(.sheet--plain) .sheet-row:has(> .sheet-side .section-label)::after{content:none;}
@media (min-width:900px){
  .v-threshold .sheet:not(.sheet--still) .sheet-row > .sheet-side:has(.section-label){position:sticky;top:72px;}
}
@media (hover:hover){
  .v-threshold .sheet:not(.sheet--still) .sheet-row:hover .section-label{color:var(--red);}
}
@media (max-width:899.98px){
  .v-threshold .sheet:not(.sheet--still):not(.sheet--plain) .sheet-row:has(> .sheet-side .section-label)::after{right:0;top:-10px;font-size:128px;}
}

/* ---- The closing strip: a moss strip before the colophon that names
        the next page. Brick fill floods it from the left under the
        pointer or the focus. ---- */
.v-threshold .next{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:20px 32px;margin:clamp(96px,10vw,152px) 16px 0;padding:30px 28px;background:#232D22;color:#ECE7DA;--ink:#ECE7DA;}
.v-threshold .next::before{content:"";position:absolute;inset:0;background:#C9432F;transform:scaleX(0);transform-origin:left center;transition:transform .6s cubic-bezier(.7,0,.2,1);}
.v-threshold .next:hover::before,.v-threshold .next:focus-within::before{transform:scaleX(1);}
.v-threshold .next:hover,.v-threshold .next:focus-within{color:#FFFFFF;--ink:#FFFFFF;}
.v-threshold .next a{color:inherit;text-decoration:none;}
.v-threshold .next-main{font-family:var(--display);font-weight:600;font-size:clamp(34px,3.6vw,54px);line-height:1;letter-spacing:-0.022em;}
.v-threshold .next-main::after{content:"";position:absolute;inset:0;}
.v-threshold .next-main span{position:relative;display:inline-block;transition:transform .35s var(--ease);}
.v-threshold .next:hover .next-main span{transform:translateX(14px);}
.v-threshold .next-more{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 26px;margin:0;padding:0;list-style:none;font-size:12px;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;}
.v-threshold .next-more a{display:inline-block;padding:4px 0;}
.v-threshold .next-more a:hover{text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:0.5em;}
.v-threshold .next + .colophon{margin-top:1px;}
@media (max-width:699.98px){
  .v-threshold .next{flex-direction:column;align-items:flex-start;padding:26px 20px;}
  .v-threshold .next-more{justify-content:flex-start;}
}

/* ?static (a screenshot aid): everything in its end state. */
html.still .v-threshold *,html.still .v-threshold *::before,html.still .v-threshold *::after{animation:none !important;transition:none !important;}
@media print{
  .v-threshold .vt-prog,.v-threshold .stage-field{display:none;}
  .v-threshold .stage{animation:none;}
  html.mo .v-threshold .sheet .sheet-row > *,html.mo .v-threshold .tl li,html.mo .v-threshold .dotcount .dot-stat{opacity:1 !important;transform:none !important;}
  html.mo .v-threshold .sheet .sheet-row::before,html.mo .v-threshold .tl .tl-line i,html.mo .v-threshold .bars i{transform:none !important;}
  html.mo .v-threshold .dots i::after,html.mo .v-threshold .bars .bars-n,html.mo .v-threshold .tl .tl-today{opacity:1 !important;}
}

@media (prefers-reduced-motion:reduce){
  .v-threshold *,.v-threshold *::before,.v-threshold *::after{animation:none !important;transition:none !important;}
}

.v-threshold .tsub{max-width:34rem;}
.v-threshold .tsub-label{display:block;color:var(--ink);margin:0 0 6px;}
.v-threshold .tsub-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 16px;}
.v-threshold .tsub-input{flex:1 1 180px;min-width:0;background:transparent;border:0;border-bottom:1px solid var(--grey);border-radius:0;padding:10px 0 8px;font-family:var(--text);font-size:18px;line-height:1.4;color:var(--ink);}
.v-threshold .tsub-input:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-bottom-color:var(--ink);}
.v-threshold .tsub-input[aria-invalid="true"]{border-bottom:2px solid var(--ink);padding-bottom:7px;}
.v-threshold .tsub-submit{appearance:none;-webkit-appearance:none;cursor:pointer;flex:0 0 auto;display:inline-grid;align-items:end;justify-items:center;min-height:44px;margin:0;padding:10px 0 7px;border:0;border-bottom:2px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font-family:var(--text);font-size:18px;line-height:1.4;transition:border-bottom-width 120ms ease-out,padding-bottom 120ms ease-out,color 150ms ease-out;}
.v-threshold .tsub-submit:hover:not(:disabled){border-bottom-width:4px;padding-bottom:5px;}
.v-threshold .tsub-submit:focus-visible{outline:2px solid var(--ink);outline-offset:4px;}
.v-threshold .tsub-submit:disabled{color:var(--grey);border-bottom:2px dotted var(--grey);cursor:progress;}
.v-threshold .tsub-submit-label{grid-area:1 / 1;}
.v-threshold .tsub-submit-label:not([data-on]){visibility:hidden;}
.v-threshold .tsub-error{margin:10px 0 0;font-size:16px;line-height:1.55;font-style:italic;color:var(--ink);}
.v-threshold .tsub-honeypot{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.v-threshold .tsub-success-inner{padding:6px 0 0;}
.v-threshold .tsub-success-line{margin:0;font-style:italic;font-size:19px;line-height:1.55;color:var(--ink);}
.v-threshold .tsub-success-sub{margin:8px 0 0;font-size:16px;line-height:1.6;color:var(--grey);}
.v-threshold .tsub-continue-line{margin:16px 0 10px;font-size:16px;line-height:1.6;color:var(--grey);}
.v-threshold .tsub-fallback-line{margin:0 0 10px;font-size:16px;line-height:1.6;color:var(--grey);}
/* The band and lead line the placements share. */
.v-threshold .tsub-band{padding-block:clamp(88px,8vw,120px) 0;}
.v-threshold .tsub-lead{margin:0 0 22px;max-width:52ch;font-style:italic;font-size:19px;line-height:1.55;color:var(--ink);}
/* The band as a row of the page (.tsub-band--grid): a hairline, the
   word Subscribe as the row's title in columns 1 to 4, the cadence line
   and the form in columns 5 to 12. One column below 900px. */
.v-threshold .tsub-band--grid{padding-block:clamp(56px,5.5vw,80px) 0;}
.v-threshold .tsub-band--grid > .page{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:start;}
.v-threshold .tsub-band--grid > .page::before{content:"";grid-column:1 / -1;height:0;margin-bottom:24px;border-top:1px solid var(--rule);}
.v-threshold .tsub-band--grid .tsub-head{grid-column:1 / span 4;margin:0;padding:0;border:0;max-width:11em;}
.v-threshold .tsub-band--grid > .page > .prose{grid-column:5 / span 8;max-width:64ch;padding-top:10px;}
.v-threshold .tsub-band--grid .tsub-lead{max-width:64ch;font-style:normal;font-size:18px;line-height:1.62;}
/* Inside a row of the page the Subscribe control is the page's one
   primary action: the home page's pill. */
.v-threshold .tsub-band--grid .tsub-submit,.v-threshold .sheet-main .tsub-submit{align-items:center;height:40px;min-height:0;padding:0 20px;border:0;border-radius:99px;background:var(--fill);color:var(--on-fill);font-size:12px;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;transition:background-color 160ms ease-out;}
.v-threshold .tsub-band--grid .tsub-submit:hover:not(:disabled),.v-threshold .sheet-main .tsub-submit:hover:not(:disabled){padding:0 20px;border:0;background:var(--red);}
.v-threshold .tsub-band--grid .tsub-submit:focus-visible,.v-threshold .sheet-main .tsub-submit:focus-visible{outline-offset:3px;border-radius:99px;}
.v-threshold .tsub-band--grid .tsub-submit:disabled,.v-threshold .sheet-main .tsub-submit:disabled{border:0;background:var(--grey);color:var(--on-fill);}
.v-threshold .tsub-band--grid .tsub-row,.v-threshold .sheet-main .tsub-row{align-items:center;}
.v-threshold .sheet-main .tsub{margin-top:22px;}
@media (max-width:899.98px){
  .v-threshold .tsub-band--grid{padding-top:48px;}
  .v-threshold .tsub-band--grid > .page{display:block;}
  .v-threshold .tsub-band--grid > .page::before{display:block;margin-bottom:20px;}
  .v-threshold .tsub-band--grid .tsub-head{margin-bottom:18px;}
  .v-threshold .tsub-band--grid > .page > .prose{padding-top:0;}
}

.vt-lang{display:inline-flex;align-items:baseline;gap:2px;font:inherit;letter-spacing:inherit;text-transform:inherit;white-space:nowrap;line-height:1.3;}
.vt-lang-item{display:inline-block;padding:4px 3px;color:inherit;text-decoration:none;}
.vt-lang-item.is-current{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;text-decoration-color:currentColor;}
a.vt-lang-item:hover{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;}
a.vt-lang-item:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
.vt-lang-sep{color:inherit;}