/* book */

@media (max-width:760px){
  main{margin-left:0;padding-top:52px}
}

/* hide section eyebrows */
.eyerow{display:none!important}

@media (min-width:1600px){
  main{margin-left:calc((100vw - 1560px) / 2 + var(--rail));margin-right:calc((100vw - 1560px) / 2)}
}

main{
  margin-left:0!important;
  margin-right:0!important;
  max-width:1560px!important;
  margin-inline:auto!important;
  padding-top:0!important;
}

@media print{
  .intro, .curve, .viewer{display:none!important}
  main{margin-left:0!important}
  html.js .rvf, html.js .rv{opacity:1!important;transform:none!important}
  .rvl .word, .rvl .char, .mlc b, .ml b{transform:none!important;opacity:1!important}
  section{break-inside:avoid;padding:18pt 0}
  .footer, .foot{background:none!important;color:#18160F!important}
}

/* explicit line breaks on desktop */
.footer .cinvite{max-width:none}

@media (max-width:900px){
  .footer .cinvite{max-width:38ch}
}

.bookpage{min-height:74vh;display:flex;flex-direction:column;justify-content:center}
.bookpage .lead{margin-top:clamp(20px,3vw,30px)}
.bktag{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:clamp(28px,4vw,44px);
  font-family:var(--mono);
  font-size:10.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--soft);
}
.bktag i{display:block;width:34px;height:1px;background:var(--bronze)}
.bkback{
  margin-top:clamp(40px,6vw,72px);
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--soft);
  text-decoration:none;
}
.bkback:hover{color:var(--ink)}
.bookpage{position:relative;overflow:hidden}
.bookpage>*{position:relative;z-index:1}
.bkghost{
  position:absolute;
  z-index:0;
  right:calc(var(--gut)*-0.4);
  top:50%;
  transform:translateY(-56%);
  font-family:var(--serif);
  font-size:clamp(180px,34vw,460px);
  line-height:.8;
  color:var(--line);
  pointer-events:none;
  user-select:none;
}
/* ---------- BOOK ---------- */
.segline{
  font-family:var(--mono);
  font-size:clamp(9.5px,.9vw,11.5px);
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--bronze);
  margin:14px 0 10px;
}
.bklede{
  max-width:44ch;
  font-family:var(--serif);
  font-size:clamp(17px,1.7vw,23px);
  line-height:1.5;
  color:var(--soft);
  margin:0 0 18px;
}
