/* story: the page's own sections, the ones that are not a product: the cap (the big sentence, sized for a longer one), what
   didn't work (a line and its lesson each), join (the manifesto, the wall of references, the door) and the footer's lockup.
   Builder A's. Needs ../base/base.css and ../chapter/chapter.css (the tag); the cap needs ../big-sentence/. */

/* ---------- the cap: the sentence is longer than the kit's, so a size less ---------- */
.frase .fr-t{font-size:clamp(30px,4.5vw,70px)}
.frase .fr-b{margin-top:.5em}
@media (max-width:640px){.frase .fr-t{font-size:clamp(25px,7.2vw,34px);line-height:1.1}}

/* ---------- what didn't work: five rows, what happened and what we took from it ---------- */
.nw-head{display:grid;gap:18px;max-width:820px}
.nw-title{font-family:var(--serif);font-weight:300;font-size:clamp(46px,6.4vw,100px);line-height:.96;letter-spacing:-.05em}
.nw-lede{font-size:var(--t-lead);line-height:1.32;color:var(--ink-2);max-width:36ch;text-wrap:pretty}
.nw-list{list-style:none;margin:clamp(56px,7vw,110px) 0 0;padding:0;border-top:1px solid var(--riga-2)}
.nw-row{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,4fr);gap:clamp(18px,3vw,56px);align-items:start;padding:clamp(28px,3.6vw,52px) 0;border-bottom:1px solid var(--riga-2)}
.nw-who{padding-top:.7em;font-size:calc(13 * var(--px));font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.nw-fail{font-family:var(--serif);font-weight:300;font-size:clamp(25px,3vw,46px);line-height:1.06;letter-spacing:var(--track);text-wrap:balance}
.nw-fail .tag{margin-left:.6em;transform:translateY(-.18em)}
.nw-lesson{font-size:var(--t-lista);line-height:1.38;letter-spacing:-.01em;color:var(--ink);text-wrap:pretty}
.nw-lesson b{display:block;margin-bottom:8px;font-size:calc(12.5 * var(--px));font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
/* what happened fades back once it has been read, and the lesson stays */
.nw-row.vis .nw-fail{animation:nw-dim 1.4s var(--e-ui) .9s both}
@keyframes nw-dim{to{color:var(--ink-3)}}
@media (max-width:899px){.nw-row{grid-template-columns:minmax(0,1fr);gap:12px}.nw-who{padding-top:0}}

/* ---------- join: the manifesto is the kit's big sentence (night), then the wall, then the door ---------- */
.jn{position:relative;padding-bottom:var(--sez)}
.jn .frase .fr-palco{height:210vh;height:210svh}
.jn-wall{display:grid;gap:clamp(10px,1.4vw,22px);overflow:hidden;padding-block:clamp(24px,4vw,64px)}
.jn-row{display:flex;width:max-content;gap:clamp(34px,4.6vw,76px);white-space:nowrap;font-family:var(--serif);font-weight:300;font-size:clamp(34px,5.2vw,84px);line-height:1.12;letter-spacing:var(--track);will-change:transform}
.jn-row span{display:inline-flex;align-items:center;gap:clamp(34px,4.6vw,76px)}
.jn-row span::after{content:"";flex:none;width:.34em;height:.34em;background:currentColor;opacity:.32;-webkit-mask:var(--ast) center/contain no-repeat;mask:var(--ast) center/contain no-repeat}
.jn-row:nth-child(2){color:var(--ink-2)}
.jn-row:nth-child(3){color:var(--ink-3)}
.jn-sub{margin-top:clamp(28px,4vw,56px);font-family:var(--serif);font-weight:300;font-size:clamp(28px,3.4vw,52px);line-height:1.08;letter-spacing:var(--track);max-width:20ch;text-wrap:balance}
.jn-door{display:grid;gap:22px;justify-items:start;margin-top:clamp(72px,9vw,140px);padding-top:clamp(32px,4vw,56px);border-top:1px solid var(--riga-2)}
.jn-door p{font-size:var(--t-lead);line-height:1.34;color:var(--ink-2);max-width:40ch;text-wrap:pretty}
.jn-door .jn-ask{font-family:var(--serif);font-weight:300;font-size:clamp(34px,4.4vw,68px);line-height:1;letter-spacing:var(--track);color:var(--ink);max-width:16ch}
.jn-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
@media (prefers-reduced-motion:reduce){
  .jn-wall{overflow:visible}
  .jn-row{width:auto;flex-wrap:wrap;white-space:normal;transform:none!important}
  .jn .frase .fr-palco{height:auto}
}
/* the door's two kinds of people (#join, Tommi, 2026-10-06), each after the mark */
.jn-who{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.jn-who li{display:flex;align-items:baseline;gap:.55em;font-size:var(--t-lead);line-height:1.34;color:var(--ink);max-width:40ch;text-wrap:pretty}
.jn-who li::before{content:"";flex:none;width:.5em;height:.5em;background:currentColor;opacity:.4;-webkit-mask:var(--ast) center/contain no-repeat;mask:var(--ast) center/contain no-repeat}
/* the master plan (/master-plan, the page robots.txt forbids) */
.mp-plan{display:grid;gap:10px;margin-top:clamp(22px,2.4vw,34px);padding-left:1.3em;font-size:var(--t-lead);line-height:1.34;max-width:40ch}
.mp-plan li::marker{color:var(--ink-3)}
.wk-lede a{color:var(--ink);text-decoration:underline;text-underline-offset:.18em}