html, body { height: 100%; margin: 0; overflow: hidden; }
body {
background: radial-gradient(ellipse at 50% 38%, #45403a 0%, #2e2a26 55%, #1d1a17 100%);
overscroll-behavior: none;
-webkit-user-select: none; user-select: none;
}
#stage {
position: fixed; inset: 0;
display: flex; align-items: center; justify-content: center;
touch-action: none;
}
#flipbook { position: relative; }
#flipbook.open { box-shadow: 0 22px 60px rgba(0,0,0,.55), 0 4px 14px rgba(0,0,0,.4); }
/* ---------- hard covers ---------- */
.cover {
background:
radial-gradient(ellipse at 30% 25%, rgba(255,255,255,.09), rgba(255,255,255,0) 55%),
linear-gradient(135deg, #142e56 0%, #24487f 46%, #142e56 100%);
box-shadow: inset 0 0 40px rgba(0,0,0,.35);
}
.cover-front::before, .cover-back::before {
content: ''; position: absolute; top: 0; bottom: 0; width: 12%;
pointer-events: none; z-index: 2;
}
.cover-front::before { left: 0; background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,.14) 55%, rgba(0,0,0,0)); }
.cover-back::before { right: 0; background: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,.14) 55%, rgba(0,0,0,0)); }
.cover-inner { position: absolute; inset: 0; }
.cover-frame {
position: absolute; inset: 7%;
border: 3px double #c9a84c; border-radius: 3px;
display: flex; flex-direction: column; align-items: center; justify-content: center;
text-align: center; color: #e7c96f;
font-family: Georgia, 'Palatino Linotype', serif;
padding: 0 6%;
}
.cover-title {
font-variant: small-caps; letter-spacing: .1em;
font-size: 2em; line-height: 1.25;
text-shadow: 0 2px 3px rgba(0,0,0,.55);
}
.cover-orn { color: #b89a4e; font-size: 1.5em; margin-top: 1.1em; }
.cover-orn.big { font-size: 2.4em; }
.cover-sub { letter-spacing: .5em; font-size: .68em; margin-top: 1em; color: #cdb069; text-indent: .5em; }
.cover-author { margin-top: 2.4em; font-variant: small-caps; letter-spacing: .18em; font-size: 1.02em; color: #e2c26a; }
/* ---------- endpapers ---------- */
.endpaper {
background:
repeating-linear-gradient(45deg, rgba(120,96,58,.05) 0 3px, rgba(0,0,0,0) 3px 6px),
linear-gradient(#e8dfc8, #dcd2b6);
box-shadow: inset 0 0 55px rgba(96,74,40,.25);
}
/* ---------- paper pages ---------- */
.paper {
background:
radial-gradient(ellipse at 50% 45%, #faf5e9 55%, #f1e8d4 92%, #eadfc7 100%);
color: #33291f;
}
/* inner spine shadow — the fold between the two pages of a spread */
.pg-right::before {
content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 9%;
background: linear-gradient(to right, rgba(84,26,18,.30), rgba(84,26,18,.10) 52%, rgba(84,26,18,0));
pointer-events: none; z-index: 3;
}
.pg-left::before {
content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 9%;
background: linear-gradient(to left, rgba(84,26,18,.26), rgba(84,26,18,.09) 52%, rgba(84,26,18,0));
pointer-events: none; z-index: 3;
}
.pg-single::before {
content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 6%;
background: linear-gradient(to right, rgba(62,44,16,.18), rgba(84,26,18,0));
pointer-events: none; z-index: 3;
}
/* outer edge — hint of the closed page stack */
.pg-right::after, .pg-left::after {
content: ''; position: absolute; top: 0; bottom: 0; width: 7px;
pointer-events: none; z-index: 3; opacity: .5;
}
.pg-right::after { right: 0; background: repeating-linear-gradient(to left, rgba(90,70,40,.16) 0 1px, rgba(0,0,0,0) 1px 3px); }
.pg-left::after { left: 0; background: repeating-linear-gradient(to right, rgba(90,70,40,.16) 0 1px, rgba(0,0,0,0) 1px 3px); }
/* ---------- text ---------- */
.textenv {
font-family: Georgia, 'Palatino Linotype', 'Book Antiqua', 'Times New Roman', serif;
line-height: 1.55; text-align: justify;
hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto;
text-rendering: optimizeLegibility;
color: #33291f;
}
.textenv p { margin: 0; text-indent: 1.5em; }
.textenv p.noind { text-indent: 0; }
.chead { margin-bottom: 1.25em; }
.cnum {
text-align: center; font-variant: small-caps;
letter-spacing: .24em; font-size: 1.26em;
padding-top: 1em; text-indent: .24em; color: #4a3b28;
}
.corn { text-align: center; color: #8a744a; margin-top: .4em; font-size: 1em; }
.brk { text-align: center; margin: 1.1em 0; color: #8a744a; font-size: .78em; letter-spacing: .5em; text-indent: .5em; }
.theend { text-align: center; margin-top: 2.6em; letter-spacing: .4em; text-indent: .4em; font-size: 1.02em; color: #5a4a33; }
.folio { text-align: center; font-size: .66em; letter-spacing: .18em; color: #8d7b5f; font-family: Georgia, serif; }
/* ---------- title page ---------- */
.titlepage {
position: absolute; inset: 10% 12%;
display: flex; flex-direction: column; align-items: center; justify-content: center;
text-align: center; font-family: Georgia, 'Palatino Linotype', serif; color: #3d3020;
}
.tp-title { font-variant: small-caps; font-size: 1.85em; letter-spacing: .1em; line-height: 1.3; }
.tp-rule { width: 42%; height: 1px; background: #a08c5a; margin: 1.4em 0; }
.tp-sub { letter-spacing: .45em; font-size: .72em; color: #6a583c; text-indent: .45em; }
.tp-by { margin-top: 2.2em; font-style: italic; font-size: .85em; color: #6a583c; }
.tp-author { margin-top: .5em; font-variant: small-caps; letter-spacing: .16em; font-size: 1.12em; }
.tp-orn { margin-top: 2.2em; color: #8a744a; font-size: 1.3em; }
/* ---------- chrome ---------- */
.nav {
position: fixed; top: 50%; transform: translateY(-50%);
z-index: 60; cursor: pointer;
font: 46px/1 Georgia, serif; color: rgba(255,255,255,.30);
padding: 26px 14px; transition: color .2s;
background: none; border: 0; margin: 0;
-webkit-appearance: none; appearance: none;
}
.nav:hover { color: rgba(255,255,255,.75); }
#nav-prev { left: 4px; }
#nav-next { right: 4px; }
#hint {
position: fixed; left: 50%; bottom: 58px; transform: translateX(-50%);
z-index: 60; font: 12.5px/1.4 Georgia, serif; letter-spacing: .06em;
color: rgba(255,255,255,.45); background: rgba(0,0,0,.25);
padding: 6px 14px; border-radius: 20px; white-space: nowrap;
transition: opacity 1.2s; pointer-events: none;
}
#hint.gone { opacity: 0; }
#loader {
position: fixed; inset: 0; z-index: 100;
display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
background: rgba(24,21,18,.82);
font: 15px Georgia, serif; letter-spacing: .08em; color: #d8c9a6;
opacity: 0; pointer-events: none; transition: opacity .25s;
}
#loader.show { opacity: 1; pointer-events: auto; }
#loader .spin {
width: 34px; height: 34px; border-radius: 50%;
border: 3px solid rgba(216,201,166,.25); border-top-color: #d8c9a6;
animation: lspin .9s linear infinite;
}
@keyframes lspin { to { transform: rotate(360deg); } }
/* ---------- embossed cover tooling ---------- */
.cover-inner::before {
content: ''; position: absolute; inset: 2.2%;
pointer-events: none; opacity: .9;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='28'%20height='28'%3E%20%3Cg%20fill='none'%20stroke-width='1.4'%3E%20%3Cg%20transform='translate(0.9,0.9)'%20stroke='rgba(0,0,0,0.50)'%3E%20%3Cpath%20d='M14%206%20L22%2014%20L14%2022%20L6%2014%20Z'/%3E%3Ccircle%20cx='14'%20cy='14'%20r='1.8'/%3E%20%3C/g%3E%20%3Cg%20transform='translate(-0.6,-0.6)'%20stroke='rgba(255,255,255,0.13)'%3E%20%3Cpath%20d='M14%206%20L22%2014%20L14%2022%20L6%2014%20Z'/%3E%3Ccircle%20cx='14'%20cy='14'%20r='1.8'/%3E%20%3C/g%3E%20%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='28'%20height='28'%3E%20%3Cg%20fill='none'%20stroke-width='1.4'%3E%20%3Cg%20transform='translate(0.9,0.9)'%20stroke='rgba(0,0,0,0.50)'%3E%20%3Cpath%20d='M14%206%20L22%2014%20L14%2022%20L6%2014%20Z'/%3E%3Ccircle%20cx='14'%20cy='14'%20r='1.8'/%3E%20%3C/g%3E%20%3Cg%20transform='translate(-0.6,-0.6)'%20stroke='rgba(255,255,255,0.13)'%3E%20%3Cpath%20d='M14%206%20L22%2014%20L14%2022%20L6%2014%20Z'/%3E%3Ccircle%20cx='14'%20cy='14'%20r='1.8'/%3E%20%3C/g%3E%20%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='28'%20height='28'%3E%20%3Cg%20fill='none'%20stroke-width='1.4'%3E%20%3Cg%20transform='translate(0.9,0.9)'%20stroke='rgba(0,0,0,0.50)'%3E%20%3Cpath%20d='M14%206%20L22%2014%20L14%2022%20L6%2014%20Z'/%3E%3Ccircle%20cx='14'%20cy='14'%20r='1.8'/%3E%20%3C/g%3E%20%3Cg%20transform='translate(-0.6,-0.6)'%20stroke='rgba(255,255,255,0.13)'%3E%20%3Cpath%20d='M14%206%20L22%2014%20L14%2022%20L6%2014%20Z'/%3E%3Ccircle%20cx='14'%20cy='14'%20r='1.8'/%3E%20%3C/g%3E%20%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='28'%20height='28'%3E%20%3Cg%20fill='none'%20stroke-width='1.4'%3E%20%3Cg%20transform='translate(0.9,0.9)'%20stroke='rgba(0,0,0,0.50)'%3E%20%3Cpath%20d='M14%206%20L22%2014%20L14%2022%20L6%2014%20Z'/%3E%3Ccircle%20cx='14'%20cy='14'%20r='1.8'/%3E%20%3C/g%3E%20%3Cg%20transform='translate(-0.6,-0.6)'%20stroke='rgba(255,255,255,0.13)'%3E%20%3Cpath%20d='M14%206%20L22%2014%20L14%2022%20L6%2014%20Z'/%3E%3Ccircle%20cx='14'%20cy='14'%20r='1.8'/%3E%20%3C/g%3E%20%3C/g%3E%3C/svg%3E");
background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
background-position: left top, left bottom, left top, right top;
background-size: 28px 28px;
}
.cover-inner::after {
content: ''; position: absolute; inset: 1.4%;
pointer-events: none; opacity: .95;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='56'%20height='56'%3E%20%3Cg%20fill='none'%20stroke-width='1.5'%3E%20%3Cg%20transform='translate(1,1)'%20stroke='rgba(0,0,0,0.50)'%3E%20%3Ccircle%20cx='28'%20cy='28'%20r='16'/%3E%3Ccircle%20cx='28'%20cy='28'%20r='9'/%3E%20%3Cpath%20d='M28%2012%20Q31%2020%2028%2024%20Q25%2020%2028%2012%20Z%20M28%2044%20Q31%2036%2028%2032%20Q25%2036%2028%2044%20Z%20M12%2028%20Q20%2031%2024%2028%20Q20%2025%2012%2028%20Z%20M44%2028%20Q36%2031%2032%2028%20Q36%2025%2044%2028%20Z'/%3E%20%3C/g%3E%20%3Cg%20transform='translate(-0.7,-0.7)'%20stroke='rgba(255,255,255,0.13)'%3E%20%3Ccircle%20cx='28'%20cy='28'%20r='16'/%3E%3Ccircle%20cx='28'%20cy='28'%20r='9'/%3E%20%3Cpath%20d='M28%2012%20Q31%2020%2028%2024%20Q25%2020%2028%2012%20Z%20M28%2044%20Q31%2036%2028%2032%20Q25%2036%2028%2044%20Z%20M12%2028%20Q20%2031%2024%2028%20Q20%2025%2012%2028%20Z%20M44%2028%20Q36%2031%2032%2028%20Q36%2025%2044%2028%20Z'/%3E%20%3C/g%3E%20%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='56'%20height='56'%3E%20%3Cg%20fill='none'%20stroke-width='1.5'%3E%20%3Cg%20transform='translate(1,1)'%20stroke='rgba(0,0,0,0.50)'%3E%20%3Ccircle%20cx='28'%20cy='28'%20r='16'/%3E%3Ccircle%20cx='28'%20cy='28'%20r='9'/%3E%20%3Cpath%20d='M28%2012%20Q31%2020%2028%2024%20Q25%2020%2028%2012%20Z%20M28%2044%20Q31%2036%2028%2032%20Q25%2036%2028%2044%20Z%20M12%2028%20Q20%2031%2024%2028%20Q20%2025%2012%2028%20Z%20M44%2028%20Q36%2031%2032%2028%20Q36%2025%2044%2028%20Z'/%3E%20%3C/g%3E%20%3Cg%20transform='translate(-0.7,-0.7)'%20stroke='rgba(255,255,255,0.13)'%3E%20%3Ccircle%20cx='28'%20cy='28'%20r='16'/%3E%3Ccircle%20cx='28'%20cy='28'%20r='9'/%3E%20%3Cpath%20d='M28%2012%20Q31%2020%2028%2024%20Q25%2020%2028%2012%20Z%20M28%2044%20Q31%2036%2028%2032%20Q25%2036%2028%2044%20Z%20M12%2028%20Q20%2031%2024%2028%20Q20%2025%2012%2028%20Z%20M44%2028%20Q36%2031%2032%2028%20Q36%2025%2044%2028%20Z'/%3E%20%3C/g%3E%20%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='56'%20height='56'%3E%20%3Cg%20fill='none'%20stroke-width='1.5'%3E%20%3Cg%20transform='translate(1,1)'%20stroke='rgba(0,0,0,0.50)'%3E%20%3Ccircle%20cx='28'%20cy='28'%20r='16'/%3E%3Ccircle%20cx='28'%20cy='28'%20r='9'/%3E%20%3Cpath%20d='M28%2012%20Q31%2020%2028%2024%20Q25%2020%2028%2012%20Z%20M28%2044%20Q31%2036%2028%2032%20Q25%2036%2028%2044%20Z%20M12%2028%20Q20%2031%2024%2028%20Q20%2025%2012%2028%20Z%20M44%2028%20Q36%2031%2032%2028%20Q36%2025%2044%2028%20Z'/%3E%20%3C/g%3E%20%3Cg%20transform='translate(-0.7,-0.7)'%20stroke='rgba(255,255,255,0.13)'%3E%20%3Ccircle%20cx='28'%20cy='28'%20r='16'/%3E%3Ccircle%20cx='28'%20cy='28'%20r='9'/%3E%20%3Cpath%20d='M28%2012%20Q31%2020%2028%2024%20Q25%2020%2028%2012%20Z%20M28%2044%20Q31%2036%2028%2032%20Q25%2036%2028%2044%20Z%20M12%2028%20Q20%2031%2024%2028%20Q20%2025%2012%2028%20Z%20M44%2028%20Q36%2031%2032%2028%20Q36%2025%2044%2028%20Z'/%3E%20%3C/g%3E%20%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='56'%20height='56'%3E%20%3Cg%20fill='none'%20stroke-width='1.5'%3E%20%3Cg%20transform='translate(1,1)'%20stroke='rgba(0,0,0,0.50)'%3E%20%3Ccircle%20cx='28'%20cy='28'%20r='16'/%3E%3Ccircle%20cx='28'%20cy='28'%20r='9'/%3E%20%3Cpath%20d='M28%2012%20Q31%2020%2028%2024%20Q25%2020%2028%2012%20Z%20M28%2044%20Q31%2036%2028%2032%20Q25%2036%2028%2044%20Z%20M12%2028%20Q20%2031%2024%2028%20Q20%2025%2012%2028%20Z%20M44%2028%20Q36%2031%2032%2028%20Q36%2025%2044%2028%20Z'/%3E%20%3C/g%3E%20%3Cg%20transform='translate(-0.7,-0.7)'%20stroke='rgba(255,255,255,0.13)'%3E%20%3Ccircle%20cx='28'%20cy='28'%20r='16'/%3E%3Ccircle%20cx='28'%20cy='28'%20r='9'/%3E%20%3Cpath%20d='M28%2012%20Q31%2020%2028%2024%20Q25%2020%2028%2012%20Z%20M28%2044%20Q31%2036%2028%2032%20Q25%2036%2028%2044%20Z%20M12%2028%20Q20%2031%2024%2028%20Q20%2025%2012%2028%20Z%20M44%2028%20Q36%2031%2032%2028%20Q36%2025%2044%2028%20Z'/%3E%20%3C/g%3E%20%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left top, right top, left bottom, right bottom;
background-size: 52px 52px;
}
/* ---------- illustration captions & display lines ---------- */
.illus {
margin: 1.15em 5%; padding: .5em 3%;
text-align: center; font-style: italic;
font-size: .84em; line-height: 1.45; color: #6b5a3e;
border-top: 1px solid rgba(122,100,60,.4);
border-bottom: 1px solid rgba(122,100,60,.4);
}
.disp {
text-align: center; margin: 1em 8%;
font-variant: small-caps; letter-spacing: .12em;
font-size: .95em; color: #4a3b28;
}
.ctitle {
text-align: center; font-variant: small-caps;
letter-spacing: .08em; font-size: 1.05em;
margin-top: .45em; color: #5a4a33;
}
.verse {
text-align: center; font-style: italic;
margin: 1.1em 0; line-height: 1.65; color: #4a3b28;
}
.letter {
margin: 1.1em 6%; padding: .7em 1em;
font-size: .88em; line-height: 1.6; font-style: italic;
color: #4a3b28; background: rgba(146,120,70,.07);
border-left: 2px solid rgba(122,100,60,.45);
}
.songtitle {
text-align: center; font-variant: small-caps; letter-spacing: .18em;
text-indent: .18em; font-size: .92em; color: #5a4a33; margin: 1.2em 0 .3em;
}
.plate {
margin: 1.2em auto; padding: .45em 1.2em; width: fit-content;
text-align: center; letter-spacing: .3em; text-indent: .3em; font-size: .86em;
color: #4a3b28; border: 1px solid rgba(122,100,60,.55); border-radius: 2px;
background: rgba(170,150,95,.14);
}
.prog {
margin: 1.1em 6%; text-align: center; font-size: .85em; line-height: 1.75;
color: #4a3b28; border-top: 1px solid rgba(122,100,60,.4);
border-bottom: 1px solid rgba(122,100,60,.4); padding: .7em 0;
}
/* ---------- skip to page (fixed overlay: never touches #flipbook) ---------- */
#skipbar {
position: fixed; left: 50%; bottom: 12px;
transform: translateX(-50%) translateY(10px);
z-index: 70;
display: flex; align-items: center; gap: 8px;
opacity: 0; pointer-events: none;
transition: opacity .32s ease, transform .32s ease;
font-family: Georgia, 'Palatino Linotype', serif;
}
#skipbar.vis { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0); }
#skipbar button {
font: 13.5px/1 Georgia, serif; letter-spacing: .06em;
color: #ffeec0; background: rgba(38,10,66,.85);
border: 1px solid rgba(255,216,106,.55); border-radius: 18px;
padding: 9px 16px; cursor: pointer;
-webkit-appearance: none; appearance: none;
transition: background .18s, color .18s, border-color .18s;
}
#skipbar button:hover { background: rgba(70,21,122,.94); color: #fff8dc; border-color: #ffd86a; }
#skipbar button:focus-visible { outline: 2px solid #ffd86a; outline-offset: 2px; }
#skip-wrap {
display: none; align-items: center; gap: 6px;
background: rgba(38,10,66,.9);
border: 1px solid rgba(255,216,106,.55); border-radius: 18px;
padding: 5px 6px 5px 12px;
}
#skip-wrap.open { display: flex; }
#skip-btn.gone { display: none; }
#skip-input {
width: 74px; font: 14px/1 Georgia, serif; text-align: center;
color: #1b0733; background: #f8f0e2;
border: 1px solid rgba(255,216,106,.7); border-radius: 12px;
padding: 7px 8px; -webkit-appearance: none; appearance: none;
}
#skip-input:focus { outline: 2px solid #ffd86a; outline-offset: 1px; }
#skip-err {
font: 11.5px/1 Georgia, serif; letter-spacing: .05em;
color: rgba(255,238,192,.72); padding-right: 8px; white-space: nowrap;
}
@keyframes skipShake {
0%,100% { transform: translateX(0); }
20% { transform: translateX(-5px); } 40% { transform: translateX(5px); }
60% { transform: translateX(-3px); } 80% { transform: translateX(3px); }
}
#skip-wrap.bad { animation: skipShake .34s ease; border-color: #ff5c7a; }
#skip-wrap.bad #skip-err { color: #ffb3c1; }
@media (prefers-reduced-motion: reduce) {
#skipbar { transition: opacity .2s ease; transform: translateX(-50%); }
#skipbar.vis { transform: translateX(-50%); }
#skip-wrap.bad { animation: none; }
}
/* ---------- chapter half-title page ----------
Same cream stock, margins and rules as a text page; no folio, as a printed
half-title carries none. .chapanim is an empty full-bleed stage kept for
per-chapter artwork later. Animation "rise and settle": numeral lifts, a
hairline draws outward from the centre, the title follows. */
.paper.intro { overflow: hidden; }
.intropage {
position: absolute; inset: 0;
display: flex; flex-direction: column;
align-items: center; justify-content: center;
}
.chapanim { position: absolute; inset: 0; pointer-events: none; }
.intro-label {
position: relative; z-index: 2;
text-align: center; padding: 0 14%;
font-family: Georgia, 'Palatino Linotype', serif;
color: #3a2f22;
}
.intro-label .il-num {
display: block; font-size: .74em; letter-spacing: .34em;
text-transform: uppercase; color: #8a6d3a;
}
.intro-label .il-rule {
display: block; height: 1px; width: 0; margin: 1.15em auto;
background: linear-gradient(to right, transparent, #b08d4c, transparent);
}
.intro-label .il-txt {
display: block; font-size: 1.42em; line-height: 1.35; letter-spacing: .04em;
}
.intro-label .il-txt.il-solo {
font-size: 1.9em; letter-spacing: .3em; text-indent: .3em; text-transform: uppercase;
}
/* An optional summary beneath the title. Set smaller, italic and narrower
than the measure of a text page, so that it reads as apparatus rather than
as the opening of the story it stands in front of. */
.intro-label .il-sum {
display: block; max-width: 22em; margin: 1.45em auto 0;
font-size: .86em; line-height: 1.62; letter-spacing: .012em;
font-style: italic; color: #5c4a32;
}
/* the reveal runs when the page comes into view, not on a loop */
.intropage .il-num,
.intropage .il-rule,
.intropage .il-sum,
.intropage .il-txt { opacity: 0; }
.intropage.play .il-num { animation: introUp .70s ease-out .10s both; }
.intropage.play .il-rule { animation: introRule .60s ease-out .68s both; }
.intropage.play .il-txt { animation: introUp .80s ease-out 1.00s both; }
.intropage.play .il-sum { animation: introUp .90s ease-out 1.38s both; }
@keyframes introUp { from { opacity: 0; transform: translateY(12px); }
to { opacity: 1; transform: none; } }
@keyframes introRule { from { width: 0; opacity: 0; }
to { width: 42%; opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
.intropage .il-num, .intropage .il-txt, .intropage .il-sum { opacity: 1; }
.intropage .il-rule { opacity: 1; width: 42%; }
.intropage.play .il-num,
.intropage.play .il-rule,
.intropage.play .il-sum,
.intropage.play .il-txt { animation: none; }
/* the drawing stays, but stops moving */
.chapanim * { animation: none !important; }
}
/* ---------- translator's footnote ----------
Three notes in Crime and Punishment are the translator's, not Dostoevsky's.
They are set smaller and ruled off so they can't be mistaken for the text. */
.tnote { font-size: .82em; line-height: 1.5; color: #5b4f3f; margin: 1.05em 0 .95em;
padding-top: .55em; border-top: 1px solid rgba(90,70,40,.28); text-indent: 0; }
/* A note with no marker of its own gets a dagger; a note that carries its
own asterisk marker prints that instead, so the reader can match it. */
.tnote.dagger::before { content: '\2020\2003'; color: #937a45; }
.tn-m { color: #937a45; margin-right: .6em; font-weight: 700; letter-spacing: .04em; }
/* ---------- part half-title ----------
'Part I' owns a whole leaf, like a chapter half-title. .partanim is a
full-bleed stage left deliberately empty: the per-part animation goes there
later and needs no change to the page geometry. The page keeps the ordinary
paper aesthetic rather than going dark. */
.paper.part { overflow: hidden; }
/* ---------- full-page plate ----------
A leaf given over entirely to one picture. No folio, no text envelope,
nothing beside it. object-fit: contain is what keeps the plate honest:
the image is fitted INSIDE the leaf whatever its proportions, so a wide
plan and a tall portrait are both shown whole rather than cropped to
fill. The inset leaves the paper's own margin showing as a mount. */
.paper.plateleaf { overflow: hidden; }
.fullimg {
position: absolute; inset: 7% 8%;
display: flex; align-items: center; justify-content: center;
}
.fullimg img {
max-width: 100%; max-height: 100%;
width: auto; height: auto; object-fit: contain;
/* the plates in this series are line blocks on white; a soft border and
a little shadow sit them on the cream stock instead of letting them
float as a bright rectangle */
background: #fdfaf2;
padding: 2.2%;
border: 1px solid rgba(122, 100, 60, .45);
box-shadow: 0 2px 10px rgba(84, 26, 18, .18);
}
.parttitle { position: absolute; inset: 0; display: flex;
flex-direction: column; align-items: center; justify-content: center; }
.partanim { position: absolute; inset: 0; pointer-events: none; }
.part-label { position: relative; z-index: 2; text-align: center; padding: 0 14%;
font-family: Georgia,'Palatino Linotype',serif; color: #3a2f22; }
.part-label .pt-rule { display: block; height: 1px; width: 0; margin: 1.5em auto;
background: linear-gradient(to right, transparent, #b08d4c, transparent); }
/* The word sits small and widely tracked above a big display numeral. */
.part-label .pt-word { display: block; font-size: .95em; letter-spacing: .52em;
text-indent: .52em; text-transform: uppercase; color: #7a6440;
margin-bottom: .18em; }
.part-label .pt-num { display: block; font-size: 5.6em; line-height: 1;
letter-spacing: .10em; text-indent: .10em; font-weight: 700;
text-transform: uppercase;
background: linear-gradient(180deg, #6b5636 0%, #b08d4c 42%,
#e6cd92 62%, #8a6f42 100%);
-webkit-background-clip: text; background-clip: text;
color: #8a6f42; -webkit-text-fill-color: transparent;
filter: drop-shadow(0 2px 0 rgba(255,252,244,.55))
drop-shadow(0 -1px 0 rgba(74,58,32,.28)); }
/* The legend's name, under the numeral. Optional: only parts that carry a
"sub" get one. Set in italic at text size so it reads as a name rather
than competing with the display numeral above it. */
.part-label .pt-sub { display: block; margin-top: .70em; font-size: 1.06em;
font-style: italic; letter-spacing: .06em; line-height: 1.35;
color: #6b5636; }
/* A label with no numeral -- "Epilogue" -- is set as one modest line. */
.parttitle.solo .pt-num { font-size: 2.3em; letter-spacing: .30em; text-indent: .30em; }
/* ---- the animated stage behind the lettering ----
Three rings open outward from the centre and six motes drift up through
them. Every looping period is distinct, per the out-of-phase rule that
governs the covers; the one-shot reveals are staged so the rules draw,
then the word, then the numeral lands. */
.partanim .pa-ring { position: absolute; left: 50%; top: 50%; border-radius: 50%;
border: 1px solid rgba(176,141,76,.42); opacity: 0;
transform: translate(-50%,-50%) scale(.2); }
.partanim .g0 { width: 34%; padding-bottom: 34%; }
.partanim .g1 { width: 52%; padding-bottom: 52%; border-color: rgba(176,141,76,.30); }
.partanim .g2 { width: 72%; padding-bottom: 72%; border-color: rgba(176,141,76,.20); }
.partanim .pa-mote { position: absolute; width: 5px; height: 5px; border-radius: 50%;
background: rgba(176,141,76,.55); opacity: 0; }
.partanim .m0 { left: 22%; bottom: 16%; }
.partanim .m1 { left: 37%; bottom: 10%; }
.partanim .m2 { left: 52%; bottom: 19%; }
.partanim .m3 { left: 66%; bottom: 12%; }
.partanim .m4 { left: 78%; bottom: 22%; }
.partanim .m5 { left: 45%; bottom: 26%; }
/* ---- a drawing in place of the rings ----
A book may hand its Book pages line art of their own, standing for the
chapters in that Book. It is a full-bleed stage under the lettering, like
.chapanim on a chapter half-title, and it REPLACES the rings rather than
joining them -- the engine emits one stage or the other, never both.
The drawings themselves live in the per-book scenes.css the builder
appends; all this rule does is give them a stage to hang in. */
.partart { position: absolute; inset: 0; pointer-events: none; }
.parttitle .pt-word, .parttitle .pt-num, .parttitle .pt-rule,
.parttitle .pt-sub { opacity: 0; }
.parttitle.play .pt-rule:first-child { animation: ptRule .60s ease-out .10s both; }
.parttitle.play .pt-word { animation: ptUp .70s ease-out .46s both; }
.parttitle.play .pt-num { animation: ptNum .95s cubic-bezier(.19,1,.22,1) .62s both; }
/* The legend's name arrives after the numeral has settled, and before
the closing rule draws itself. */
.parttitle.play .pt-sub { animation: ptUp .70s ease-out 1.16s both; }
.parttitle.play .pt-rule:last-child { animation: ptRule .60s ease-out 1.62s both; }
.parttitle.play .g0 { animation: ptRing 1.50s cubic-bezier(.22,.9,.3,1) .30s both,
ptBreathe 7.30s ease-in-out 1.9s infinite; }
.parttitle.play .g1 { animation: ptRing 1.70s cubic-bezier(.22,.9,.3,1) .48s both,
ptBreathe 9.10s ease-in-out 2.2s infinite; }
.parttitle.play .g2 { animation: ptRing 1.90s cubic-bezier(.22,.9,.3,1) .66s both,
ptBreathe 11.40s ease-in-out 2.6s infinite; }
.parttitle.play .m0 { animation: ptMote 6.20s ease-in-out 1.40s infinite; }
.parttitle.play .m1 { animation: ptMote 7.10s ease-in-out 1.95s infinite; }
.parttitle.play .m2 { animation: ptMote 8.30s ease-in-out 2.40s infinite; }
.parttitle.play .m3 { animation: ptMote 9.40s ease-in-out 1.70s infinite; }
.parttitle.play .m4 { animation: ptMote 10.60s ease-in-out 2.80s infinite; }
.parttitle.play .m5 { animation: ptMote 11.90s ease-in-out 3.20s infinite; }
/* ---------- the sand sequence on a part page ----------
Three stages, in this order: the Book's title fades in letter by letter,
the letters blow away downwind, and the numeral resolves in the space they
leave. build.py bakes each letter's two delays and its own drift into
inline custom properties, so the stagger is scaled to the length of the
title and every Book page runs to the same clock however long its title is.
The title is laid over the whole leaf rather than stacked above the label,
so the numeral appears exactly where the title was standing rather than
somewhere underneath it. Words are inline-block: a line may break between
words and never inside one.
Note on the two animations per letter. sandOut is declared with `both`, so
during its delay it holds its own first frame -- and its first frame is the
fully-arrived letter, which is precisely what sandIn finished on. That is
what lets the two run back to back on one element without the second one
wiping out the first while it waits. */
/* Tracking and word space have to be set against each other. These titles
are capitals, and tracked-out capitals need a word space that grows with
the tracking -- at .12em of tracking against a .42em gap the two readings
were close enough that the line ran together and you could not see where
one word ended. The tracking is now half what it was and the word space
two and a half times, which puts them an order of magnitude apart. */
.parttitle.sandseq .pt-sand { position: absolute; inset: 10% 11%; z-index: 3;
display: flex; flex-wrap: wrap; gap: .35em 0;
align-items: center; justify-content: center; align-content: center;
font-family: Georgia,'Palatino Linotype',serif; color: #3a2f22;
font-size: 1.06em; line-height: 1.85; letter-spacing: .06em;
pointer-events: none; }
/* The word-space, and why it is a margin rather than the flex gap above.
The letters are wrapped in one aria-hidden span so a screen reader gets the
title once from the container instead of spelling it out. That wrapper is
the ONLY child of the flex box, so flex gap had nothing to apply between --
and because the builder joins the word spans with no whitespace at all,
there was no word-space in the markup either. The words were separated by
precisely the trailing letter-spacing of their last letter, which is to say
by exactly the same distance as the letters inside them, which is exactly
what a reader reported: you could not see where one word ended.
display:contents lifts the words back out to be the flex items, and the
margin gives them a word-space that holds whatever layout context they end
up in. Belt and braces on purpose: this went wrong once already. */
.parttitle.sandseq .pt-sand .sandwrap { display: contents; }
.parttitle.sandseq .pt-sand .w { display: inline-block; white-space: nowrap;
margin-right: 1.05em; }
.parttitle.sandseq .pt-sand .w:last-child { margin-right: 0; }
.parttitle.sandseq .pt-sand .l { display: inline-block; opacity: 0;
will-change: transform, opacity, filter; }
/* The hold. The last letter of a title arrives at 1.55s -- one second of
stagger plus its own .55s -- so the hold is what is left for reading it,
not the whole of the number below. At 2.20s the assembled title stood for
two thirds of a second, which is not long enough to read a line that can
run to two hundred and fifty characters. At 5.60s it stands for four
seconds. Everything downstream is timed off this number. */
.parttitle.sandseq.play .pt-sand .l {
animation: sandIn .55s ease-out var(--fd) both,
sandOut 1.05s cubic-bezier(.42,0,.86,.24)
calc(5.60s + var(--bd)) both; }
/* The numeral waits for the title to be most of the way gone: the first
letters are still in the air when it starts to arrive. These four move with
the hold above -- 3.40s later than they were, because the hold is. */
.parttitle.sandseq.play .pt-rule:first-child { animation: ptRule .60s ease-out 7.26s both; }
.parttitle.sandseq.play .pt-word { animation: ptUp .70s ease-out 7.42s both; }
.parttitle.sandseq.play .pt-num { animation: ptNum .95s cubic-bezier(.19,1,.22,1) 7.58s both; }
.parttitle.sandseq.play .pt-rule:last-child { animation: ptRule .60s ease-out 8.00s both; }
@keyframes sandIn { from { opacity:0; transform: translateY(12px) scale(.94);
filter: blur(3px); }
to { opacity:1; transform:none; filter: blur(0); } }
@keyframes sandOut { 0% { opacity:1; transform:none; filter: blur(0); }
22% { opacity:.94;
transform: translate(calc(var(--dx) * .07), calc(var(--dy) * .07))
rotate(calc(var(--r) * .05)); filter: blur(.4px); }
100% { opacity:0;
transform: translate(var(--dx), var(--dy))
rotate(var(--r)) scale(.55); filter: blur(4px); } }
/* A reader who has asked for less motion gets the same three facts without
the weather: the title simply is there, and the numeral simply is there. */
@media (prefers-reduced-motion: reduce) {
.parttitle.sandseq .pt-sand .l,
.parttitle.sandseq.play .pt-sand .l { animation: none; opacity: 1; }
.parttitle.sandseq.play .pt-word,
.parttitle.sandseq.play .pt-num,
.parttitle.sandseq.play .pt-rule { animation-delay: 0s; }
/* the Book's drawing stays on the page, but stops being drawn */
.partart * { animation: none !important; }
}
@keyframes ptUp { from { opacity:0; transform: translateY(14px); } to { opacity:1; transform:none; } }
@keyframes ptRule { from { width:0; opacity:0; } to { width:46%; opacity:1; } }
@keyframes ptNum { 0% { opacity:0; transform: translateY(26px) scale(.82); letter-spacing:.34em; }
100% { opacity:1; transform:none; letter-spacing:.10em; } }
@keyframes ptRing { from { opacity:0; transform: translate(-50%,-50%) scale(.2); }
to { opacity:1; transform: translate(-50%,-50%) scale(1); } }
@keyframes ptBreathe { 0%,100% { opacity:.55; } 50% { opacity:1; } }
@keyframes ptMote { 0% { opacity:0; transform: translateY(0) scale(.7); }
18% { opacity:.85; }
82% { opacity:.85; }
100% { opacity:0; transform: translateY(-190px) scale(1.25); } }
/* ---------- signature and subhead ----------
Both were emitted by the engine but never styled: 75 signature lines across
Little Women, Pride and Prejudice and The Jungle Book were rendering as
ordinary paragraphs. A signature closes a letter, so it sits right and
italic; a subhead is a minor division inside a chapter. */
.sig { text-align: right; font-style: italic; text-indent: 0;
margin: .35em 0 1.05em; padding-right: .4em; color: #40362a; }
.subhead { text-align: center; text-indent: 0; margin: 1.35em 0 .85em;
font-size: .93em; letter-spacing: .17em; text-transform: uppercase;
color: #5b4a33; }
/* ---------- the vine borders on the essay half-titles ---------- */
/* The drawing fills the stage and sits under the type; the type's own
z-index keeps it on top. */
.chapanim svg.scene { position: absolute; inset: 0; width: 100%; height: 100%;
display: block; }
/* THE ORIGIN OF EVERY LEAF IS ITS OWN ATTACHMENT POINT, and it is reached
without a per-leaf rule. Each leaf sits inside a that carries a static
attribute transform putting it on the cane; the animated is INSIDE
that one, so its own user space already has its origin at the join. A CSS
transform REPLACES an attribute transform on the same element, which is
why the two are on separate elements and not on one. */
.chapanim .vleaf, .chapanim .vtend {
transform-box: view-box; transform-origin: 0 0; }
.chapanim .vsway { transform-box: view-box; transform-origin: 200px 280px; }
@keyframes vLeafIn { from { transform: scale(.04) rotate(-24deg); opacity: 0; }
to { transform: none; opacity: 1; } }
@keyframes vTendIn { from { transform: scale(.06) rotate(-70deg); opacity: 0; }
to { transform: none; opacity: 1; } }
/* the ambient settle: it opens and closes on the same value, so the loop
cannot snap */
@keyframes vLeafBreathe { 0%, 100% { transform: none; }
50% { transform: rotate(2.6deg) scale(1.035); } }
@keyframes vTendCurl { 0%, 100% { transform: none; }
50% { transform: rotate(-5.5deg) scale(1.05); } }
@keyframes vSway { 0%, 100% { transform: rotate(-.28deg); }
50% { transform: rotate(.28deg); } }
.chapanim .vsway { animation: vSway 23.30s ease-in-out 0s infinite; }
@media (prefers-reduced-motion: reduce) {
.chapanim .vleaf, .chapanim .vtend, .chapanim .vsway,
.chapanim [class*="vstem"] { animation: none !important; }
}
/* page 0 */
@keyframes cDraw0 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem0 { animation: cDraw0 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf0_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.22s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf0_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.37s both, vLeafBreathe 6.41s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf0_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.46s both, vLeafBreathe 6.72s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf0_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.56s both, vLeafBreathe 7.03s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf0_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.69s both, vLeafBreathe 7.34s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf0_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.76s both, vLeafBreathe 7.65s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf0_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.85s both, vLeafBreathe 7.96s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf0_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.97s both, vLeafBreathe 8.27s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf0_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.05s both, vLeafBreathe 8.58s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf0_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.16s both, vLeafBreathe 8.89s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf0_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.31s both, vLeafBreathe 9.20s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf0_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.39s both, vLeafBreathe 9.51s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf0_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.53s both, vLeafBreathe 9.82s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf0_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.61s both, vLeafBreathe 10.13s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf0_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.71s both, vLeafBreathe 10.44s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf0_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.78s both, vLeafBreathe 10.75s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf0_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.93s both, vLeafBreathe 11.06s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf0_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.02s both, vLeafBreathe 11.37s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf0_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.14s both, vLeafBreathe 11.68s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vlf0_19 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.21s both, vLeafBreathe 11.99s ease-in-out 6.43s infinite; }
.intropage.play .chapanim .vlf0_20 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.34s both, vLeafBreathe 12.30s ease-in-out 6.60s infinite; }
.intropage.play .chapanim .vlf0_21 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.44s both, vLeafBreathe 12.61s ease-in-out 6.77s infinite; }
.intropage.play .chapanim .vtd0_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.55s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd0_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.80s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd0_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.98s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd0_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.22s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd0_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.56s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd0_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.73s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd0_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.12s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
.intropage.play .chapanim .vtd0_7 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.29s both, vTendCurl 13.41s ease-in-out 6.13s infinite; }
.intropage.play .chapanim .vtd0_8 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.61s both, vTendCurl 13.94s ease-in-out 6.42s infinite; }
/* page 1 */
@keyframes cDraw1 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem1 { animation: cDraw1 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf1_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.26s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf1_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.36s both, vLeafBreathe 6.45s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf1_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.45s both, vLeafBreathe 6.81s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf1_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.57s both, vLeafBreathe 7.16s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf1_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.67s both, vLeafBreathe 7.51s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf1_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.82s both, vLeafBreathe 7.86s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf1_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.92s both, vLeafBreathe 8.22s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf1_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.99s both, vLeafBreathe 8.57s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf1_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.09s both, vLeafBreathe 8.92s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf1_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.26s both, vLeafBreathe 9.28s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf1_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.33s both, vLeafBreathe 9.63s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf1_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.44s both, vLeafBreathe 9.98s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf1_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.57s both, vLeafBreathe 10.34s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf1_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.69s both, vLeafBreathe 10.69s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf1_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.76s both, vLeafBreathe 11.04s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf1_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.86s both, vLeafBreathe 11.39s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf1_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.99s both, vLeafBreathe 11.75s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf1_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.10s both, vLeafBreathe 12.10s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf1_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.24s both, vLeafBreathe 12.45s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vlf1_19 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.36s both, vLeafBreathe 12.81s ease-in-out 6.43s infinite; }
.intropage.play .chapanim .vlf1_20 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.41s both, vLeafBreathe 13.16s ease-in-out 6.60s infinite; }
.intropage.play .chapanim .vtd1_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.59s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd1_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.96s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd1_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.22s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd1_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.45s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd1_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.81s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd1_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.18s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd1_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.48s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
/* page 2 */
@keyframes cDraw2 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem2 { animation: cDraw2 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf2_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.27s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf2_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.34s both, vLeafBreathe 6.50s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf2_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.41s both, vLeafBreathe 6.89s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf2_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.56s both, vLeafBreathe 7.29s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf2_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.64s both, vLeafBreathe 7.68s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf2_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.71s both, vLeafBreathe 8.08s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf2_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.85s both, vLeafBreathe 8.48s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf2_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.91s both, vLeafBreathe 8.87s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf2_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.99s both, vLeafBreathe 9.27s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf2_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.10s both, vLeafBreathe 9.66s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf2_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.23s both, vLeafBreathe 10.06s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf2_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.27s both, vLeafBreathe 10.46s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf2_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.37s both, vLeafBreathe 10.85s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf2_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.50s both, vLeafBreathe 11.25s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf2_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.61s both, vLeafBreathe 11.64s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf2_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.68s both, vLeafBreathe 12.04s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf2_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.76s both, vLeafBreathe 12.44s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf2_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.87s both, vLeafBreathe 12.83s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf2_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.99s both, vLeafBreathe 13.23s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vlf2_19 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.04s both, vLeafBreathe 13.62s ease-in-out 6.43s infinite; }
.intropage.play .chapanim .vlf2_20 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.17s both, vLeafBreathe 14.02s ease-in-out 6.60s infinite; }
.intropage.play .chapanim .vlf2_21 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.25s both, vLeafBreathe 14.42s ease-in-out 6.77s infinite; }
.intropage.play .chapanim .vlf2_22 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.34s both, vLeafBreathe 14.81s ease-in-out 6.94s infinite; }
.intropage.play .chapanim .vlf2_23 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.42s both, vLeafBreathe 15.21s ease-in-out 7.11s infinite; }
.intropage.play .chapanim .vtd2_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.59s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd2_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.89s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd2_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.14s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd2_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.61s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd2_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.89s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd2_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.28s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd2_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.49s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
/* page 3 */
@keyframes cDraw3 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem3 { animation: cDraw3 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf3_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.27s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf3_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.34s both, vLeafBreathe 6.54s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf3_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.45s both, vLeafBreathe 6.98s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf3_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.54s both, vLeafBreathe 7.42s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf3_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.61s both, vLeafBreathe 7.86s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf3_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.72s both, vLeafBreathe 8.29s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf3_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.83s both, vLeafBreathe 8.73s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf3_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.90s both, vLeafBreathe 9.17s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf3_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.01s both, vLeafBreathe 9.61s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf3_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.09s both, vLeafBreathe 10.05s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf3_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.19s both, vLeafBreathe 10.49s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf3_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.33s both, vLeafBreathe 10.93s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf3_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.39s both, vLeafBreathe 11.37s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf3_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.51s both, vLeafBreathe 11.81s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf3_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.57s both, vLeafBreathe 12.25s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf3_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.65s both, vLeafBreathe 12.68s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf3_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.78s both, vLeafBreathe 13.12s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf3_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.90s both, vLeafBreathe 13.56s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf3_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.00s both, vLeafBreathe 14.00s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vlf3_19 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.08s both, vLeafBreathe 14.44s ease-in-out 6.43s infinite; }
.intropage.play .chapanim .vlf3_20 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.18s both, vLeafBreathe 14.88s ease-in-out 6.60s infinite; }
.intropage.play .chapanim .vlf3_21 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.28s both, vLeafBreathe 15.32s ease-in-out 6.77s infinite; }
.intropage.play .chapanim .vlf3_22 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.34s both, vLeafBreathe 15.76s ease-in-out 6.94s infinite; }
.intropage.play .chapanim .vlf3_23 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.46s both, vLeafBreathe 16.20s ease-in-out 7.11s infinite; }
.intropage.play .chapanim .vtd3_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.49s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd3_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.88s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd3_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.25s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd3_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.58s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd3_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.96s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd3_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.17s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd3_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.53s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
/* page 4 */
@keyframes cDraw4 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem4 { animation: cDraw4 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf4_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.27s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf4_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.33s both, vLeafBreathe 6.58s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf4_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.44s both, vLeafBreathe 7.06s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf4_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.55s both, vLeafBreathe 7.55s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf4_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.66s both, vLeafBreathe 8.03s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf4_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.81s both, vLeafBreathe 8.51s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf4_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.91s both, vLeafBreathe 8.99s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf4_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.99s both, vLeafBreathe 9.47s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf4_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.15s both, vLeafBreathe 9.96s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf4_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.23s both, vLeafBreathe 10.44s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf4_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.35s both, vLeafBreathe 10.92s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf4_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.47s both, vLeafBreathe 11.40s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf4_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.57s both, vLeafBreathe 11.88s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf4_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.70s both, vLeafBreathe 12.37s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf4_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.77s both, vLeafBreathe 12.85s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf4_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.86s both, vLeafBreathe 13.33s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf4_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.01s both, vLeafBreathe 13.81s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf4_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.13s both, vLeafBreathe 14.29s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf4_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.25s both, vLeafBreathe 14.78s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vlf4_19 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.30s both, vLeafBreathe 15.26s ease-in-out 6.43s infinite; }
.intropage.play .chapanim .vlf4_20 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.42s both, vLeafBreathe 15.74s ease-in-out 6.60s infinite; }
.intropage.play .chapanim .vtd4_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.52s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd4_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.73s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd4_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.99s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd4_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.28s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd4_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.53s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd4_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.77s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd4_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.09s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
.intropage.play .chapanim .vtd4_7 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.33s both, vTendCurl 13.41s ease-in-out 6.13s infinite; }
.intropage.play .chapanim .vtd4_8 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.52s both, vTendCurl 13.94s ease-in-out 6.42s infinite; }
/* page 5 */
@keyframes cDraw5 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem5 { animation: cDraw5 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf5_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.29s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf5_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.37s both, vLeafBreathe 6.62s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf5_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.48s both, vLeafBreathe 7.15s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf5_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.64s both, vLeafBreathe 7.67s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf5_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.73s both, vLeafBreathe 8.20s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf5_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.87s both, vLeafBreathe 8.72s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf5_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.95s both, vLeafBreathe 9.25s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf5_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.09s both, vLeafBreathe 9.77s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf5_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.25s both, vLeafBreathe 10.30s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf5_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.31s both, vLeafBreathe 10.82s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf5_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.46s both, vLeafBreathe 11.35s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf5_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.57s both, vLeafBreathe 11.87s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf5_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.73s both, vLeafBreathe 12.40s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf5_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.81s both, vLeafBreathe 12.92s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf5_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.93s both, vLeafBreathe 13.45s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf5_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.07s both, vLeafBreathe 13.97s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf5_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.19s both, vLeafBreathe 14.50s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf5_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.29s both, vLeafBreathe 15.02s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf5_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.45s both, vLeafBreathe 15.55s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vtd5_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.49s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd5_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.80s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd5_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.02s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd5_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.26s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd5_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.53s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd5_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.77s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd5_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.08s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
.intropage.play .chapanim .vtd5_7 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.31s both, vTendCurl 13.41s ease-in-out 6.13s infinite; }
.intropage.play .chapanim .vtd5_8 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.57s both, vTendCurl 13.94s ease-in-out 6.42s infinite; }
/* page 6 */
@keyframes cDraw6 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem6 { animation: cDraw6 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf6_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.26s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf6_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.34s both, vLeafBreathe 6.67s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf6_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.51s both, vLeafBreathe 7.24s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf6_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.64s both, vLeafBreathe 7.80s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf6_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.77s both, vLeafBreathe 8.37s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf6_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.83s both, vLeafBreathe 8.94s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf6_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.97s both, vLeafBreathe 9.51s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf6_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.14s both, vLeafBreathe 10.08s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf6_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.21s both, vLeafBreathe 10.64s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf6_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.36s both, vLeafBreathe 11.21s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf6_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.50s both, vLeafBreathe 11.78s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf6_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.59s both, vLeafBreathe 12.35s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf6_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.69s both, vLeafBreathe 12.92s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf6_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.85s both, vLeafBreathe 13.48s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf6_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.95s both, vLeafBreathe 14.05s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf6_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.05s both, vLeafBreathe 14.62s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf6_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.18s both, vLeafBreathe 15.19s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf6_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.30s both, vLeafBreathe 15.76s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf6_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.42s both, vLeafBreathe 16.32s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vtd6_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.64s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd6_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.86s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd6_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.29s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd6_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.57s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd6_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.87s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd6_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.23s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd6_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.60s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
/* page 7 */
@keyframes cDraw7 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem7 { animation: cDraw7 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf7_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.24s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf7_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.39s both, vLeafBreathe 6.41s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf7_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.53s both, vLeafBreathe 6.72s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf7_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.62s both, vLeafBreathe 7.03s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf7_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.72s both, vLeafBreathe 7.34s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf7_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.86s both, vLeafBreathe 7.65s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf7_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.96s both, vLeafBreathe 7.96s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf7_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.13s both, vLeafBreathe 8.27s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf7_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.25s both, vLeafBreathe 8.58s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf7_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.33s both, vLeafBreathe 8.89s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf7_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.49s both, vLeafBreathe 9.20s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf7_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.55s both, vLeafBreathe 9.51s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf7_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.74s both, vLeafBreathe 9.82s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf7_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.85s both, vLeafBreathe 10.13s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf7_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.99s both, vLeafBreathe 10.44s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf7_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.11s both, vLeafBreathe 10.75s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf7_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.20s both, vLeafBreathe 11.06s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf7_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.33s both, vLeafBreathe 11.37s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf7_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.40s both, vLeafBreathe 11.68s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vtd7_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.50s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd7_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.71s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd7_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.99s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd7_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.28s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd7_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.53s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd7_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.80s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd7_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.12s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
.intropage.play .chapanim .vtd7_7 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.33s both, vTendCurl 13.41s ease-in-out 6.13s infinite; }
.intropage.play .chapanim .vtd7_8 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.54s both, vTendCurl 13.94s ease-in-out 6.42s infinite; }
/* page 8 */
@keyframes cDraw8 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem8 { animation: cDraw8 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf8_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.26s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf8_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.39s both, vLeafBreathe 6.45s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf8_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.49s both, vLeafBreathe 6.81s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf8_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.62s both, vLeafBreathe 7.16s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf8_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.77s both, vLeafBreathe 7.51s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf8_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.87s both, vLeafBreathe 7.86s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf8_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.99s both, vLeafBreathe 8.22s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf8_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.09s both, vLeafBreathe 8.57s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf8_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.20s both, vLeafBreathe 8.92s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf8_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.37s both, vLeafBreathe 9.28s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf8_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.47s both, vLeafBreathe 9.63s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf8_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.60s both, vLeafBreathe 9.98s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf8_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.72s both, vLeafBreathe 10.34s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf8_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.85s both, vLeafBreathe 10.69s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf8_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.93s both, vLeafBreathe 11.04s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf8_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.09s both, vLeafBreathe 11.39s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf8_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.22s both, vLeafBreathe 11.75s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf8_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.28s both, vLeafBreathe 12.10s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf8_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.40s both, vLeafBreathe 12.45s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vtd8_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.48s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd8_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.94s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd8_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.17s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd8_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.64s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd8_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.96s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd8_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.25s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd8_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.45s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
/* page 9 */
@keyframes cDraw9 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem9 { animation: cDraw9 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf9_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.29s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf9_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.40s both, vLeafBreathe 6.50s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf9_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.46s both, vLeafBreathe 6.89s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf9_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.59s both, vLeafBreathe 7.29s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf9_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.69s both, vLeafBreathe 7.68s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf9_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.81s both, vLeafBreathe 8.08s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf9_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.95s both, vLeafBreathe 8.48s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf9_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.06s both, vLeafBreathe 8.87s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf9_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.18s both, vLeafBreathe 9.27s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf9_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.30s both, vLeafBreathe 9.66s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf9_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.37s both, vLeafBreathe 10.06s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf9_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.49s both, vLeafBreathe 10.46s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf9_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.66s both, vLeafBreathe 10.85s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf9_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.76s both, vLeafBreathe 11.25s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf9_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.83s both, vLeafBreathe 11.64s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf9_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.01s both, vLeafBreathe 12.04s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf9_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.10s both, vLeafBreathe 12.44s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf9_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.24s both, vLeafBreathe 12.83s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf9_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.30s both, vLeafBreathe 13.23s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vlf9_19 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.41s both, vLeafBreathe 13.62s ease-in-out 6.43s infinite; }
.intropage.play .chapanim .vtd9_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.48s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd9_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.85s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd9_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.17s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd9_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.33s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd9_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.77s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd9_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.05s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd9_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.22s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
.intropage.play .chapanim .vtd9_7 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.59s both, vTendCurl 13.41s ease-in-out 6.13s infinite; }
/* page 10 */
@keyframes cDraw10 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem10 { animation: cDraw10 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf10_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.27s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf10_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.38s both, vLeafBreathe 6.54s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf10_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.49s both, vLeafBreathe 6.98s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf10_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.57s both, vLeafBreathe 7.42s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf10_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.69s both, vLeafBreathe 7.86s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf10_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.79s both, vLeafBreathe 8.29s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf10_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.91s both, vLeafBreathe 8.73s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf10_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.01s both, vLeafBreathe 9.17s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf10_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.12s both, vLeafBreathe 9.61s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf10_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.27s both, vLeafBreathe 10.05s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf10_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.33s both, vLeafBreathe 10.49s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf10_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.42s both, vLeafBreathe 10.93s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf10_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.57s both, vLeafBreathe 11.37s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf10_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.69s both, vLeafBreathe 11.81s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf10_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.81s both, vLeafBreathe 12.25s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf10_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.88s both, vLeafBreathe 12.68s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf10_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.00s both, vLeafBreathe 13.12s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf10_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.11s both, vLeafBreathe 13.56s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf10_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.22s both, vLeafBreathe 14.00s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vlf10_19 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.33s both, vLeafBreathe 14.44s ease-in-out 6.43s infinite; }
.intropage.play .chapanim .vlf10_20 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.43s both, vLeafBreathe 14.88s ease-in-out 6.60s infinite; }
.intropage.play .chapanim .vtd10_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.59s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd10_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.77s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd10_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.13s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd10_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.49s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd10_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.65s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd10_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.95s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd10_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.33s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
.intropage.play .chapanim .vtd10_7 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.62s both, vTendCurl 13.41s ease-in-out 6.13s infinite; }
/* page 11 */
@keyframes cDraw11 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem11 { animation: cDraw11 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf11_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.24s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf11_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.36s both, vLeafBreathe 6.58s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf11_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.48s both, vLeafBreathe 7.06s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf11_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.54s both, vLeafBreathe 7.55s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf11_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.64s both, vLeafBreathe 8.03s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf11_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.77s both, vLeafBreathe 8.51s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf11_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.90s both, vLeafBreathe 8.99s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf11_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.00s both, vLeafBreathe 9.47s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf11_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.05s both, vLeafBreathe 9.96s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf11_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.17s both, vLeafBreathe 10.44s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf11_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.32s both, vLeafBreathe 10.92s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf11_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.41s both, vLeafBreathe 11.40s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf11_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.53s both, vLeafBreathe 11.88s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf11_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.61s both, vLeafBreathe 12.37s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf11_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.74s both, vLeafBreathe 12.85s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf11_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.83s both, vLeafBreathe 13.33s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf11_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.94s both, vLeafBreathe 13.81s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf11_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.05s both, vLeafBreathe 14.29s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf11_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.11s both, vLeafBreathe 14.78s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vlf11_19 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.22s both, vLeafBreathe 15.26s ease-in-out 6.43s infinite; }
.intropage.play .chapanim .vlf11_20 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.37s both, vLeafBreathe 15.74s ease-in-out 6.60s infinite; }
.intropage.play .chapanim .vlf11_21 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.44s both, vLeafBreathe 16.22s ease-in-out 6.77s infinite; }
.intropage.play .chapanim .vtd11_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.48s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd11_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.82s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd11_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.23s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd11_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.61s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd11_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.84s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd11_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.26s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd11_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.60s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
/* page 12 */
@keyframes cDraw12 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem12 { animation: cDraw12 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf12_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.22s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf12_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.39s both, vLeafBreathe 6.62s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf12_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.46s both, vLeafBreathe 7.15s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf12_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.60s both, vLeafBreathe 7.67s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf12_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.70s both, vLeafBreathe 8.20s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf12_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.89s both, vLeafBreathe 8.72s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf12_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.96s both, vLeafBreathe 9.25s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf12_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.09s both, vLeafBreathe 9.77s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf12_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.26s both, vLeafBreathe 10.30s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf12_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.34s both, vLeafBreathe 10.82s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf12_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.45s both, vLeafBreathe 11.35s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf12_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.61s both, vLeafBreathe 11.87s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf12_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.69s both, vLeafBreathe 12.40s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf12_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.83s both, vLeafBreathe 12.92s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf12_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.94s both, vLeafBreathe 13.45s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf12_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.04s both, vLeafBreathe 13.97s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf12_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.21s both, vLeafBreathe 14.50s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf12_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.32s both, vLeafBreathe 15.02s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf12_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.45s both, vLeafBreathe 15.55s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vtd12_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.53s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd12_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.81s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd12_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.09s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd12_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.24s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd12_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.60s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd12_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.85s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd12_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.01s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
.intropage.play .chapanim .vtd12_7 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.30s both, vTendCurl 13.41s ease-in-out 6.13s infinite; }
.intropage.play .chapanim .vtd12_8 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.51s both, vTendCurl 13.94s ease-in-out 6.42s infinite; }
/* page 13 */
@keyframes cDraw13 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem13 { animation: cDraw13 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf13_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.27s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf13_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.36s both, vLeafBreathe 6.67s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf13_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.45s both, vLeafBreathe 7.24s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf13_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.56s both, vLeafBreathe 7.80s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf13_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.71s both, vLeafBreathe 8.37s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf13_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.81s both, vLeafBreathe 8.94s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf13_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.93s both, vLeafBreathe 9.51s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf13_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.04s both, vLeafBreathe 10.08s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf13_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.15s both, vLeafBreathe 10.64s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf13_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.25s both, vLeafBreathe 11.21s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf13_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.32s both, vLeafBreathe 11.78s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf13_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.48s both, vLeafBreathe 12.35s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf13_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.53s both, vLeafBreathe 12.92s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf13_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.67s both, vLeafBreathe 13.48s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf13_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.79s both, vLeafBreathe 14.05s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf13_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.91s both, vLeafBreathe 14.62s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf13_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.99s both, vLeafBreathe 15.19s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf13_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.15s both, vLeafBreathe 15.76s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf13_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.23s both, vLeafBreathe 16.32s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vlf13_19 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.37s both, vLeafBreathe 16.89s ease-in-out 6.43s infinite; }
.intropage.play .chapanim .vlf13_20 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.41s both, vLeafBreathe 17.46s ease-in-out 6.60s infinite; }
.intropage.play .chapanim .vtd13_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.57s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd13_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.93s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd13_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.26s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd13_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.47s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd13_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.95s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd13_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.24s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd13_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.63s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
/* page 14 */
@keyframes cDraw14 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem14 { animation: cDraw14 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf14_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.23s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf14_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.37s both, vLeafBreathe 6.41s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf14_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.48s both, vLeafBreathe 6.72s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf14_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.58s both, vLeafBreathe 7.03s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf14_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.69s both, vLeafBreathe 7.34s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf14_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.85s both, vLeafBreathe 7.65s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf14_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.91s both, vLeafBreathe 7.96s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf14_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.05s both, vLeafBreathe 8.27s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf14_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.17s both, vLeafBreathe 8.58s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf14_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.31s both, vLeafBreathe 8.89s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf14_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.38s both, vLeafBreathe 9.20s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf14_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.52s both, vLeafBreathe 9.51s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf14_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.61s both, vLeafBreathe 9.82s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf14_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.72s both, vLeafBreathe 10.13s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf14_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.84s both, vLeafBreathe 10.44s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf14_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.97s both, vLeafBreathe 10.75s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf14_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.09s both, vLeafBreathe 11.06s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf14_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.25s both, vLeafBreathe 11.37s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf14_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.33s both, vLeafBreathe 11.68s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vlf14_19 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.41s both, vLeafBreathe 11.99s ease-in-out 6.43s infinite; }
.intropage.play .chapanim .vtd14_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.50s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd14_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.82s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd14_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.12s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd14_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.65s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd14_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.82s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd14_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.18s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd14_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.62s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
/* page 15 */
@keyframes cDraw15 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem15 { animation: cDraw15 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf15_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.27s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf15_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.38s both, vLeafBreathe 6.45s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf15_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.43s both, vLeafBreathe 6.81s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf15_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.55s both, vLeafBreathe 7.16s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf15_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.69s both, vLeafBreathe 7.51s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf15_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.75s both, vLeafBreathe 7.86s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf15_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.87s both, vLeafBreathe 8.22s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf15_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.01s both, vLeafBreathe 8.57s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf15_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.11s both, vLeafBreathe 8.92s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf15_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.21s both, vLeafBreathe 9.28s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf15_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.31s both, vLeafBreathe 9.63s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf15_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.41s both, vLeafBreathe 9.98s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf15_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.49s both, vLeafBreathe 10.34s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf15_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.61s both, vLeafBreathe 10.69s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf15_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.70s both, vLeafBreathe 11.04s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf15_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.85s both, vLeafBreathe 11.39s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf15_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.93s both, vLeafBreathe 11.75s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf15_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.00s both, vLeafBreathe 12.10s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf15_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.11s both, vLeafBreathe 12.45s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vlf15_19 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.24s both, vLeafBreathe 12.81s ease-in-out 6.43s infinite; }
.intropage.play .chapanim .vlf15_20 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.32s both, vLeafBreathe 13.16s ease-in-out 6.60s infinite; }
.intropage.play .chapanim .vlf15_21 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.45s both, vLeafBreathe 13.51s ease-in-out 6.77s infinite; }
.intropage.play .chapanim .vtd15_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.47s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd15_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.83s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd15_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.26s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd15_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.47s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd15_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.86s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd15_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.24s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd15_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.60s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
/* page 16 */
@keyframes cDraw16 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem16 { animation: cDraw16 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf16_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.27s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf16_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.38s both, vLeafBreathe 6.50s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf16_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.51s both, vLeafBreathe 6.89s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf16_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.65s both, vLeafBreathe 7.29s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf16_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.73s both, vLeafBreathe 7.68s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf16_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.83s both, vLeafBreathe 8.08s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf16_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.01s both, vLeafBreathe 8.48s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf16_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.09s both, vLeafBreathe 8.87s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf16_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.22s both, vLeafBreathe 9.27s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf16_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.37s both, vLeafBreathe 9.66s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf16_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.50s both, vLeafBreathe 10.06s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf16_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.62s both, vLeafBreathe 10.46s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf16_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.70s both, vLeafBreathe 10.85s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf16_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.80s both, vLeafBreathe 11.25s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf16_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.96s both, vLeafBreathe 11.64s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf16_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.09s both, vLeafBreathe 12.04s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf16_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.21s both, vLeafBreathe 12.44s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf16_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.31s both, vLeafBreathe 12.83s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf16_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.41s both, vLeafBreathe 13.23s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vtd16_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.62s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd16_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.78s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd16_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.06s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd16_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.40s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd16_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.73s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd16_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.04s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd16_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.28s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
.intropage.play .chapanim .vtd16_7 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.58s both, vTendCurl 13.41s ease-in-out 6.13s infinite; }
/* page 17 */
@keyframes cDraw17 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem17 { animation: cDraw17 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf17_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.25s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf17_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.37s both, vLeafBreathe 6.54s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf17_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.50s both, vLeafBreathe 6.98s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf17_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.59s both, vLeafBreathe 7.42s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf17_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.70s both, vLeafBreathe 7.86s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf17_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.81s both, vLeafBreathe 8.29s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf17_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.97s both, vLeafBreathe 8.73s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf17_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.02s both, vLeafBreathe 9.17s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf17_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.16s both, vLeafBreathe 9.61s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf17_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.25s both, vLeafBreathe 10.05s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf17_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.43s both, vLeafBreathe 10.49s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf17_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.53s both, vLeafBreathe 10.93s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf17_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.61s both, vLeafBreathe 11.37s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf17_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.72s both, vLeafBreathe 11.81s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf17_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.89s both, vLeafBreathe 12.25s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf17_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.00s both, vLeafBreathe 12.68s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf17_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.12s both, vLeafBreathe 13.12s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf17_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.24s both, vLeafBreathe 13.56s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf17_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.35s both, vLeafBreathe 14.00s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vlf17_19 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.41s both, vLeafBreathe 14.44s ease-in-out 6.43s infinite; }
.intropage.play .chapanim .vtd17_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.53s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd17_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.89s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd17_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.09s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd17_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.33s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd17_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.77s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd17_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.05s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd17_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.19s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
.intropage.play .chapanim .vtd17_7 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.49s both, vTendCurl 13.41s ease-in-out 6.13s infinite; }
/* page 18 */
@keyframes cDraw18 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem18 { animation: cDraw18 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf18_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.26s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf18_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.34s both, vLeafBreathe 6.58s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf18_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.44s both, vLeafBreathe 7.06s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf18_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.54s both, vLeafBreathe 7.55s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf18_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.69s both, vLeafBreathe 8.03s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf18_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.77s both, vLeafBreathe 8.51s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf18_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.85s both, vLeafBreathe 8.99s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf18_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.97s both, vLeafBreathe 9.47s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf18_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.12s both, vLeafBreathe 9.96s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf18_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.16s both, vLeafBreathe 10.44s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf18_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.31s both, vLeafBreathe 10.92s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf18_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.37s both, vLeafBreathe 11.40s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf18_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.49s both, vLeafBreathe 11.88s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf18_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.64s both, vLeafBreathe 12.37s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf18_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.72s both, vLeafBreathe 12.85s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf18_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.84s both, vLeafBreathe 13.33s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf18_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.94s both, vLeafBreathe 13.81s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf18_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.01s both, vLeafBreathe 14.29s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf18_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.11s both, vLeafBreathe 14.78s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vlf18_19 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.21s both, vLeafBreathe 15.26s ease-in-out 6.43s infinite; }
.intropage.play .chapanim .vlf18_20 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.37s both, vLeafBreathe 15.74s ease-in-out 6.60s infinite; }
.intropage.play .chapanim .vlf18_21 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.42s both, vLeafBreathe 16.22s ease-in-out 6.77s infinite; }
.intropage.play .chapanim .vtd18_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.51s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd18_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.81s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd18_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.07s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd18_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.34s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd18_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.58s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd18_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.83s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd18_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.00s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
.intropage.play .chapanim .vtd18_7 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.33s both, vTendCurl 13.41s ease-in-out 6.13s infinite; }
.intropage.play .chapanim .vtd18_8 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.50s both, vTendCurl 13.94s ease-in-out 6.42s infinite; }
/* page 19 */
@keyframes cDraw19 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem19 { animation: cDraw19 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf19_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.24s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf19_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.35s both, vLeafBreathe 6.62s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf19_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.53s both, vLeafBreathe 7.15s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf19_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.62s both, vLeafBreathe 7.67s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf19_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.77s both, vLeafBreathe 8.20s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf19_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.87s both, vLeafBreathe 8.72s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf19_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.97s both, vLeafBreathe 9.25s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf19_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.08s both, vLeafBreathe 9.77s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf19_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.20s both, vLeafBreathe 10.30s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf19_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.33s both, vLeafBreathe 10.82s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf19_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.45s both, vLeafBreathe 11.35s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf19_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.59s both, vLeafBreathe 11.87s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf19_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.67s both, vLeafBreathe 12.40s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf19_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.81s both, vLeafBreathe 12.92s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf19_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.98s both, vLeafBreathe 13.45s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf19_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.09s both, vLeafBreathe 13.97s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf19_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.16s both, vLeafBreathe 14.50s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf19_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.29s both, vLeafBreathe 15.02s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf19_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.43s both, vLeafBreathe 15.55s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vtd19_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.53s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd19_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.79s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd19_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.09s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd19_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.35s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd19_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.75s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd19_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.05s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd19_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.21s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
.intropage.play .chapanim .vtd19_7 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.62s both, vTendCurl 13.41s ease-in-out 6.13s infinite; }
/* page 20 */
@keyframes cDraw20 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem20 { animation: cDraw20 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf20_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.24s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf20_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.33s both, vLeafBreathe 6.67s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf20_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.45s both, vLeafBreathe 7.24s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf20_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.56s both, vLeafBreathe 7.80s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf20_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.69s both, vLeafBreathe 8.37s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf20_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.78s both, vLeafBreathe 8.94s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf20_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.89s both, vLeafBreathe 9.51s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf20_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.97s both, vLeafBreathe 10.08s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf20_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.09s both, vLeafBreathe 10.64s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf20_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.17s both, vLeafBreathe 11.21s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf20_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.29s both, vLeafBreathe 11.78s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf20_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.42s both, vLeafBreathe 12.35s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf20_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.51s both, vLeafBreathe 12.92s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf20_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.63s both, vLeafBreathe 13.48s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf20_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.69s both, vLeafBreathe 14.05s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf20_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.80s both, vLeafBreathe 14.62s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf20_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.93s both, vLeafBreathe 15.19s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf20_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.01s both, vLeafBreathe 15.76s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf20_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.12s both, vLeafBreathe 16.32s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vlf20_19 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.25s both, vLeafBreathe 16.89s ease-in-out 6.43s infinite; }
.intropage.play .chapanim .vlf20_20 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.37s both, vLeafBreathe 17.46s ease-in-out 6.60s infinite; }
.intropage.play .chapanim .vlf20_21 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.41s both, vLeafBreathe 18.03s ease-in-out 6.77s infinite; }
.intropage.play .chapanim .vtd20_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.51s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd20_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.75s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd20_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.11s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd20_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.31s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd20_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.56s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd20_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.74s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd20_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.05s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
.intropage.play .chapanim .vtd20_7 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.32s both, vTendCurl 13.41s ease-in-out 6.13s infinite; }
.intropage.play .chapanim .vtd20_8 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.61s both, vTendCurl 13.94s ease-in-out 6.42s infinite; }
/* page 21 */
@keyframes cDraw21 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem21 { animation: cDraw21 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf21_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.27s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf21_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.33s both, vLeafBreathe 6.41s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf21_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.45s both, vLeafBreathe 6.72s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf21_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.53s both, vLeafBreathe 7.03s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf21_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.65s both, vLeafBreathe 7.34s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf21_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.71s both, vLeafBreathe 7.65s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf21_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.81s both, vLeafBreathe 7.96s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf21_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.94s both, vLeafBreathe 8.27s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf21_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.03s both, vLeafBreathe 8.58s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf21_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.08s both, vLeafBreathe 8.89s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf21_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.23s both, vLeafBreathe 9.20s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf21_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.33s both, vLeafBreathe 9.51s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf21_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.41s both, vLeafBreathe 9.82s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf21_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.47s both, vLeafBreathe 10.13s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf21_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.57s both, vLeafBreathe 10.44s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf21_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.67s both, vLeafBreathe 10.75s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf21_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.77s both, vLeafBreathe 11.06s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf21_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.89s both, vLeafBreathe 11.37s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf21_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.95s both, vLeafBreathe 11.68s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vlf21_19 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.06s both, vLeafBreathe 11.99s ease-in-out 6.43s infinite; }
.intropage.play .chapanim .vlf21_20 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.16s both, vLeafBreathe 12.30s ease-in-out 6.60s infinite; }
.intropage.play .chapanim .vlf21_21 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.29s both, vLeafBreathe 12.61s ease-in-out 6.77s infinite; }
.intropage.play .chapanim .vlf21_22 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.38s both, vLeafBreathe 12.92s ease-in-out 6.94s infinite; }
.intropage.play .chapanim .vlf21_23 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.45s both, vLeafBreathe 13.23s ease-in-out 7.11s infinite; }
.intropage.play .chapanim .vtd21_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.46s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd21_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.84s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd21_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.16s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd21_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.50s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd21_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.79s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd21_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.15s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd21_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.47s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
/* page 22 */
@keyframes cDraw22 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem22 { animation: cDraw22 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf22_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.26s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf22_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.36s both, vLeafBreathe 6.45s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf22_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.45s both, vLeafBreathe 6.81s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf22_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.57s both, vLeafBreathe 7.16s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf22_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.69s both, vLeafBreathe 7.51s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf22_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.81s both, vLeafBreathe 7.86s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf22_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.88s both, vLeafBreathe 8.22s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf22_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.97s both, vLeafBreathe 8.57s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf22_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.06s both, vLeafBreathe 8.92s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf22_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.17s both, vLeafBreathe 9.28s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf22_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.29s both, vLeafBreathe 9.63s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf22_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.41s both, vLeafBreathe 9.98s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf22_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.48s both, vLeafBreathe 10.34s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf22_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.63s both, vLeafBreathe 10.69s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf22_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.70s both, vLeafBreathe 11.04s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf22_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.82s both, vLeafBreathe 11.39s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf22_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.89s both, vLeafBreathe 11.75s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf22_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.01s both, vLeafBreathe 12.10s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf22_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.13s both, vLeafBreathe 12.45s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vlf22_19 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.27s both, vLeafBreathe 12.81s ease-in-out 6.43s infinite; }
.intropage.play .chapanim .vlf22_20 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.37s both, vLeafBreathe 13.16s ease-in-out 6.60s infinite; }
.intropage.play .chapanim .vlf22_21 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.45s both, vLeafBreathe 13.51s ease-in-out 6.77s infinite; }
.intropage.play .chapanim .vtd22_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.47s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd22_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.87s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd22_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.21s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd22_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.52s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd22_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.92s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd22_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.18s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd22_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.57s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
/* page 23 */
@keyframes cDraw23 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem23 { animation: cDraw23 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf23_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.23s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf23_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.37s both, vLeafBreathe 6.50s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf23_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.45s both, vLeafBreathe 6.89s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf23_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.63s both, vLeafBreathe 7.29s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf23_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.71s both, vLeafBreathe 7.68s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf23_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.82s both, vLeafBreathe 8.08s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf23_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.97s both, vLeafBreathe 8.48s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf23_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.04s both, vLeafBreathe 8.87s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf23_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.19s both, vLeafBreathe 9.27s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf23_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.28s both, vLeafBreathe 9.66s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf23_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.38s both, vLeafBreathe 10.06s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf23_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.51s both, vLeafBreathe 10.46s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf23_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.66s both, vLeafBreathe 10.85s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf23_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.74s both, vLeafBreathe 11.25s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf23_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.89s both, vLeafBreathe 11.64s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf23_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.01s both, vLeafBreathe 12.04s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf23_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.09s both, vLeafBreathe 12.44s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf23_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.18s both, vLeafBreathe 12.83s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf23_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.31s both, vLeafBreathe 13.23s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vlf23_19 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.42s both, vLeafBreathe 13.62s ease-in-out 6.43s infinite; }
.intropage.play .chapanim .vtd23_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.49s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd23_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.84s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd23_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.29s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd23_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.62s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd23_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.85s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd23_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.13s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd23_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.60s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
/* page 24 */
@keyframes cDraw24 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem24 { animation: cDraw24 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf24_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.29s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf24_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.36s both, vLeafBreathe 6.54s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf24_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.47s both, vLeafBreathe 6.98s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf24_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.64s both, vLeafBreathe 7.42s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf24_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.73s both, vLeafBreathe 7.86s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf24_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.85s both, vLeafBreathe 8.29s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf24_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.97s both, vLeafBreathe 8.73s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf24_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.09s both, vLeafBreathe 9.17s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf24_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.25s both, vLeafBreathe 9.61s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf24_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.31s both, vLeafBreathe 10.05s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf24_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.50s both, vLeafBreathe 10.49s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf24_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.58s both, vLeafBreathe 10.93s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf24_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.69s both, vLeafBreathe 11.37s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf24_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.86s both, vLeafBreathe 11.81s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf24_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.98s both, vLeafBreathe 12.25s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf24_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.04s both, vLeafBreathe 12.68s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf24_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.16s both, vLeafBreathe 13.12s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf24_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.33s both, vLeafBreathe 13.56s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf24_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.45s both, vLeafBreathe 14.00s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vtd24_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.57s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd24_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.97s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd24_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.23s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd24_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.61s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd24_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.84s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd24_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.26s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd24_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.61s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
/* page 25 */
@keyframes cDraw25 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem25 { animation: cDraw25 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf25_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.23s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf25_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.36s both, vLeafBreathe 6.58s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf25_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.49s both, vLeafBreathe 7.06s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf25_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.53s both, vLeafBreathe 7.55s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf25_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.69s both, vLeafBreathe 8.03s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf25_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.73s both, vLeafBreathe 8.51s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf25_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.87s both, vLeafBreathe 8.99s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf25_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.99s both, vLeafBreathe 9.47s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf25_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.11s both, vLeafBreathe 9.96s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf25_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.18s both, vLeafBreathe 10.44s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf25_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.31s both, vLeafBreathe 10.92s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf25_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.41s both, vLeafBreathe 11.40s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf25_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.50s both, vLeafBreathe 11.88s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf25_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.64s both, vLeafBreathe 12.37s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf25_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.68s both, vLeafBreathe 12.85s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf25_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.81s both, vLeafBreathe 13.33s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf25_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.89s both, vLeafBreathe 13.81s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf25_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.05s both, vLeafBreathe 14.29s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf25_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.14s both, vLeafBreathe 14.78s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vlf25_19 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.24s both, vLeafBreathe 15.26s ease-in-out 6.43s infinite; }
.intropage.play .chapanim .vlf25_20 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.37s both, vLeafBreathe 15.74s ease-in-out 6.60s infinite; }
.intropage.play .chapanim .vlf25_21 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.43s both, vLeafBreathe 16.22s ease-in-out 6.77s infinite; }
.intropage.play .chapanim .vtd25_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.60s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd25_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.74s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd25_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.11s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd25_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.42s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd25_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.71s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd25_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.04s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd25_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.25s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
.intropage.play .chapanim .vtd25_7 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.49s both, vTendCurl 13.41s ease-in-out 6.13s infinite; }
/* page 26 */
@keyframes cDraw26 { from { stroke-dashoffset: 1634; } to { stroke-dashoffset: 0; } }
.intropage.play .chapanim .vstem26 { animation: cDraw26 2.40s ease-out .15s both; }
.intropage.play .chapanim .vlf26_0 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.23s both, vLeafBreathe 6.10s ease-in-out 3.20s infinite; }
.intropage.play .chapanim .vlf26_1 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.41s both, vLeafBreathe 6.62s ease-in-out 3.37s infinite; }
.intropage.play .chapanim .vlf26_2 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.53s both, vLeafBreathe 7.15s ease-in-out 3.54s infinite; }
.intropage.play .chapanim .vlf26_3 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.62s both, vLeafBreathe 7.67s ease-in-out 3.71s infinite; }
.intropage.play .chapanim .vlf26_4 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.72s both, vLeafBreathe 8.20s ease-in-out 3.88s infinite; }
.intropage.play .chapanim .vlf26_5 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 0.88s both, vLeafBreathe 8.72s ease-in-out 4.05s infinite; }
.intropage.play .chapanim .vlf26_6 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.01s both, vLeafBreathe 9.25s ease-in-out 4.22s infinite; }
.intropage.play .chapanim .vlf26_7 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.09s both, vLeafBreathe 9.77s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vlf26_8 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.25s both, vLeafBreathe 10.30s ease-in-out 4.56s infinite; }
.intropage.play .chapanim .vlf26_9 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.37s both, vLeafBreathe 10.82s ease-in-out 4.73s infinite; }
.intropage.play .chapanim .vlf26_10 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.49s both, vLeafBreathe 11.35s ease-in-out 4.90s infinite; }
.intropage.play .chapanim .vlf26_11 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.60s both, vLeafBreathe 11.87s ease-in-out 5.07s infinite; }
.intropage.play .chapanim .vlf26_12 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.69s both, vLeafBreathe 12.40s ease-in-out 5.24s infinite; }
.intropage.play .chapanim .vlf26_13 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.85s both, vLeafBreathe 12.92s ease-in-out 5.41s infinite; }
.intropage.play .chapanim .vlf26_14 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 1.95s both, vLeafBreathe 13.45s ease-in-out 5.58s infinite; }
.intropage.play .chapanim .vlf26_15 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.11s both, vLeafBreathe 13.97s ease-in-out 5.75s infinite; }
.intropage.play .chapanim .vlf26_16 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.22s both, vLeafBreathe 14.50s ease-in-out 5.92s infinite; }
.intropage.play .chapanim .vlf26_17 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.32s both, vLeafBreathe 15.02s ease-in-out 6.09s infinite; }
.intropage.play .chapanim .vlf26_18 { animation: vLeafIn .62s cubic-bezier(.22,.9,.3,1) 2.45s both, vLeafBreathe 15.55s ease-in-out 6.26s infinite; }
.intropage.play .chapanim .vtd26_0 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.58s both, vTendCurl 9.70s ease-in-out 4.10s infinite; }
.intropage.play .chapanim .vtd26_1 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 0.75s both, vTendCurl 10.23s ease-in-out 4.39s infinite; }
.intropage.play .chapanim .vtd26_2 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.08s both, vTendCurl 10.76s ease-in-out 4.68s infinite; }
.intropage.play .chapanim .vtd26_3 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.29s both, vTendCurl 11.29s ease-in-out 4.97s infinite; }
.intropage.play .chapanim .vtd26_4 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.49s both, vTendCurl 11.82s ease-in-out 5.26s infinite; }
.intropage.play .chapanim .vtd26_5 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 1.76s both, vTendCurl 12.35s ease-in-out 5.55s infinite; }
.intropage.play .chapanim .vtd26_6 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.07s both, vTendCurl 12.88s ease-in-out 5.84s infinite; }
.intropage.play .chapanim .vtd26_7 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.33s both, vTendCurl 13.41s ease-in-out 6.13s infinite; }
.intropage.play .chapanim .vtd26_8 { animation: vTendIn .80s cubic-bezier(.22,.9,.3,1) 2.61s both, vTendCurl 13.94s ease-in-out 6.42s infinite; }
/* censor cover. Scoped under .cover-front. */
/* The reset every illustrated cover needs. Without it the engine
keeps its own 3px double gold border at inset 7%, which the
600x820 artwork overflows, and keeps rendering .cover-sub from
the book config, whose -joined words cannot wrap and run
off both edges. The SVG sets its own lettering. */
.cover-front .cover-frame { padding: 0; border: 0; }
.cover-front .cover-title { width: 100%; font-size: 1em; letter-spacing: 0; text-shadow: none; }
.cover-front svg.cvsvg { width: 100%; height: auto; display: block; }
.cover-front .cover-orn, .cover-front .cover-sub, .cover-front .cover-author { display: none; }
/* The engine also stamps an embossed border of its own on every
cover: .cover-inner::before repeats a diamond band along all
four edges at 2.2% inset, and ::after sets rosettes in the four
corners at 1.4%. Both are drawn as a dark copy offset against a
light one -- the emboss technique. On a full-bleed illustration
that reads as a frame the art is trapped inside, so it is off
here. The back cover keeps it. */
.cover-front .cover-inner::before,
.cover-front .cover-inner::after { display: none; }
.cover-front .cvsvg text { font-family: Georgia,'Times New Roman',serif; text-anchor: middle; }
.cover-front, .cover-back { background: radial-gradient(ellipse at 30% 25%, rgba(255,255,255,.055), rgba(255,255,255,0) 55%), linear-gradient(135deg, #161f2d 0%, #29364a 46%, #161f2d 100%); }
.cover-front .icpage { animation: icPage 17.30s ease-in-out 0.60s infinite; }
@keyframes icPage { 0%,100% { opacity:.86; } 50% { opacity:1; } }
.cover-front .iccorner { transform-box: view-box; transform-origin: 436.0px 669.0px; }
.cover-front .iccorner { animation: icCorner 11.90s ease-in-out 1.30s infinite; }
@keyframes icCorner { 0%,100% { transform:rotate(0deg); } 50% { transform:rotate(-3.4deg); } }
.cover-front .icln0 { animation: icLn0 5.30s ease-in-out 0.20s infinite; }
@keyframes icLn0 { 0%,100% { stroke-opacity:.58; } 50% { stroke-opacity:.86; } }
.cover-front .icln1 { animation: icLn1 5.91s ease-in-out 0.43s infinite; }
@keyframes icLn1 { 0%,100% { stroke-opacity:.58; } 50% { stroke-opacity:.86; } }
.cover-front .icln2 { animation: icLn2 6.52s ease-in-out 0.66s infinite; }
@keyframes icLn2 { 0%,100% { stroke-opacity:.58; } 50% { stroke-opacity:.86; } }
.cover-front .icln3 { animation: icLn3 7.13s ease-in-out 0.89s infinite; }
@keyframes icLn3 { 0%,100% { stroke-opacity:.58; } 50% { stroke-opacity:.86; } }
.cover-front .icln4 { animation: icLn4 7.74s ease-in-out 1.12s infinite; }
@keyframes icLn4 { 0%,100% { stroke-opacity:.58; } 50% { stroke-opacity:.86; } }
.cover-front .icln5 { animation: icLn5 8.35s ease-in-out 1.35s infinite; }
@keyframes icLn5 { 0%,100% { stroke-opacity:.58; } 50% { stroke-opacity:.86; } }
.cover-front .icln6 { animation: icLn6 8.96s ease-in-out 1.58s infinite; }
@keyframes icLn6 { 0%,100% { stroke-opacity:.58; } 50% { stroke-opacity:.86; } }
.cover-front .icln7 { animation: icLn7 9.57s ease-in-out 1.81s infinite; }
@keyframes icLn7 { 0%,100% { stroke-opacity:.58; } 50% { stroke-opacity:.86; } }
.cover-front .icln8 { animation: icLn8 10.18s ease-in-out 2.04s infinite; }
@keyframes icLn8 { 0%,100% { stroke-opacity:.58; } 50% { stroke-opacity:.86; } }
.cover-front .icln9 { animation: icLn9 10.79s ease-in-out 2.27s infinite; }
@keyframes icLn9 { 0%,100% { stroke-opacity:.58; } 50% { stroke-opacity:.86; } }
.cover-front .icstk0 { animation: icStk0 8.30s ease-in-out 0.40s infinite; }
@keyframes icStk0 { 0%,100% { opacity:.30; } 45% { opacity:1; } 70% { opacity:.92; } }
.cover-front .icstk1 { animation: icStk1 10.70s ease-in-out 1.50s infinite; }
@keyframes icStk1 { 0%,100% { opacity:.30; } 45% { opacity:1; } 70% { opacity:.92; } }
.cover-front .icstk2 { animation: icStk2 12.90s ease-in-out 2.60s infinite; }
@keyframes icStk2 { 0%,100% { opacity:.30; } 45% { opacity:1; } 70% { opacity:.92; } }
.cover-front .icstk3 { animation: icStk3 15.10s ease-in-out 3.70s infinite; }
@keyframes icStk3 { 0%,100% { opacity:.30; } 45% { opacity:1; } 70% { opacity:.92; } }
.cover-front .icpencil, .cover-front .ictip, .cover-front .icstklive { transform-box: view-box; }
.cover-front .icpencil { animation: icPencil 6.70s ease-in-out 0.00s infinite; }
@keyframes icPencil { 0%,100% { opacity:.20; transform:translate(7px,-6px); } 45% { opacity:.72; transform:none; } 60% { opacity:.62; transform:none; } }
.cover-front .icstklive { animation: icStkLive 6.70s ease-out 0.30s infinite; }
@keyframes icStkLive { 0%,100% { opacity:0; } 42% { opacity:0; } 58% { opacity:1; } 88% { opacity:1; } }
.cover-front .ictip { animation: icTip 6.70s ease-in-out 0.10s infinite; }
@keyframes icTip { 0%,100% { opacity:.25; transform:translate(7px,-6px); } 45% { opacity:1; transform:none; } }
.cover-front .icglow { animation: icGlow 21.10s ease-in-out 0.00s infinite; }
@keyframes icGlow { 0%,100% { opacity:.55; } 50% { opacity:1; } }
.cover-front .icsheen { animation: icSheen 19.70s linear 2.00s infinite; }
@keyframes icSheen { 0%,100% { transform:translateX(0px); } 50% { transform:translateX(900px); } }
.cover-front .t0 { opacity:0; animation: cvT0 1.00s cubic-bezier(.22,.9,.3,1) 0.30s both; }
@keyframes cvT0 { from { opacity:0; transform:translateY(-14px); } to { opacity:1; transform:none; } }
.cover-front .t1 { opacity:0; animation: cvT1 1.00s cubic-bezier(.22,.9,.3,1) 0.50s both; }
@keyframes cvT1 { from { opacity:0; transform:translateY(-14px); } to { opacity:1; transform:none; } }
.cover-front .rul { opacity:0; animation: cvRule 0.90s ease-out 0.70s both; }
@keyframes cvRule { from { opacity:0; transform:scaleX(.06); } to { opacity:.9; transform:none; } }
.cover-front .rul { transform-origin:center; }
.cover-front .byl { opacity:0; animation: cvByl 1.20s ease-out 2.60s both; }
@keyframes cvByl { from { opacity:0; } to { opacity:1; } }
.cover-front .ftr { opacity:0; animation: cvFtr 1.20s ease-out 3.00s both; }
@keyframes cvFtr { from { opacity:0; } to { opacity:1; } }
.cover-front .r2 { animation: cvRuleGlow 14.30s ease-in-out 1.40s infinite; }
@keyframes cvRuleGlow { 0%,100% { stroke-opacity:.75; } 50% { stroke-opacity:1; } }
.cover-front .d0 { animation: cvDot0 6.40s ease-in-out 1.10s infinite; }
@keyframes cvDot0 { 0%,100% { opacity:.6; } 50% { opacity:1; } }
.cover-front .d1 { animation: cvDot1 7.23s ease-in-out 1.57s infinite; }
@keyframes cvDot1 { 0%,100% { opacity:.6; } 50% { opacity:1; } }
.cover-front .d2 { animation: cvDot2 8.06s ease-in-out 2.04s infinite; }
@keyframes cvDot2 { 0%,100% { opacity:.6; } 50% { opacity:1; } }
.cover-front .d3 { animation: cvDot3 8.89s ease-in-out 2.51s infinite; }
@keyframes cvDot3 { 0%,100% { opacity:.6; } 50% { opacity:1; } }