@font-face{font-family:Olga;src:url(assets/gfs-olga.woff)}@font-face{font-family:Nerve;src:url(assets/mynerve.ttf)}*{box-sizing:border-box}body{margin:0;color:#f4e7cc;background:#21150f url(assets/levkoma/open-book.png) center/cover fixed;font:16px Georgia,serif}body:before{content:"";position:fixed;inset:0;background:#100b09df;z-index:-1}header{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px 5%;font:13px Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:1px solid #d9b37b66;background:#281c17;padding:12px 20px;cursor:pointer;border-radius:3px}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #edc486;outline-offset:5px}.heading{text-align:center;padding:20px 0 24px}.heading p{font:16px Olga,Georgia,serif;color:#cbb18a;margin:0 0 8px}.heading h1{font:normal clamp(26px,3vw,40px) Olga,Georgia,serif;margin:0}#stage{position:relative;margin:auto;perspective:2200px;touch-action:pan-y;user-select:none}#book{position:absolute;left:0;top:0;width:1120px;height:820px;transform-origin:top left;filter:drop-shadow(0 22px 25px #0009)}.leaf{position:absolute;top:0;width:560px;height:820px;background-image:url(assets/levkoma/open-book.png);background-repeat:no-repeat;background-size:1120px 820px;overflow:hidden;color:#352118;backface-visibility:hidden}.leaf.left{left:0;background-position:left center}.leaf.right{left:560px;background-position:right center}.page-content{position:absolute;inset:85px 64px 80px 80px;font:22px/1.43 Georgia,serif;overflow:hidden}.right .page-content{inset:85px 80px 80px 64px}.page-content p{margin:0 0 15px}.page-content h2{font:normal 38px/1.2 Olga,Georgia,serif;color:#6c2c1d;margin:0 0 25px}.page-content .intro{font:italic 23px/1.45 Georgia,serif}.page-no{position:absolute;bottom:48px;left:48%;font:15px Georgia,serif;color:#785a3e}.divider{text-align:center;letter-spacing:12px;margin:22px 0}.dedication{display:flex;flex-direction:column;justify-content:center;height:100%;text-align:center}.dedication h2{font-size:44px}.dedication blockquote{font:30px/1.6 Nerve,Olga,serif;transform:rotate(-3deg);margin:45px 0;color:#243a4a}.dedication .small{font-size:17px;letter-spacing:2px}.photo-page figure{position:relative;margin:40px 0 45px;padding:15px 15px 24px;background:#e7d5ad;box-shadow:3px 7px 12px #442c2050;transform:rotate(-3deg)}.photo-page figure:before,.photo-page figure:after{content:"";position:absolute;background:#c5a8748c;width:105px;height:34px;top:-14px;left:-20px;transform:rotate(-31deg);box-shadow:0 1px 2px #0002}.photo-page figure:after{left:auto;right:-24px;top:auto;bottom:0;transform:rotate(-37deg)}.photo-page img{display:block;width:100%;height:auto}.photo-page figcaption{font:23px/1.4 Nerve,Olga,serif;padding-top:18px;text-align:center}.photo-page .note{font:25px/1.5 Nerve,Olga,serif;color:#243a4a;transform:rotate(2deg);padding:10px}.cover{background:url(assets/levkoma/cover.png) center/cover!important;color:#f0d4a3}.cover .page-content{inset:110px 80px 100px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-shadow:0 2px 3px #000}.cover h2{font:normal 46px/1.2 Olga,Georgia,serif;color:#eed29f}.cover p{font:22px/1.5 Olga,Georgia,serif}.cover button{margin-top:35px;background:#26170dd9}.turning{z-index:8;transform-origin:left center;animation:turn .95s cubic-bezier(.2,.5,.2,1) forwards;box-shadow:-10px 0 30px #0004}.turning:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#23130a88,transparent 30%,#fff2);pointer-events:none;animation:shade .95s}.turning.reverse{transform-origin:right center;animation:backturn .95s cubic-bezier(.2,.5,.2,1) forwards}@keyframes turn{0%{transform:rotateY(0) rotateZ(0)}45%{transform:rotateY(-75deg) rotateZ(-1deg)}100%{transform:rotateY(-180deg)}}@keyframes backturn{from{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes shade{50%{opacity:1}100%{opacity:.3}}nav{display:flex;align-items:center;justify-content:center;gap:25px;margin:24px auto 0}nav span{min-width:160px;text-align:center;font:14px Arial,sans-serif}.hint{text-align:center;color:#b79f81;font:12px Arial,sans-serif;margin:14px 20px 40px}#reader{position:fixed;inset:0;z-index:50;background:#f5ead6;color:#302219;overflow:auto;padding:30px max(24px,calc((100vw - 760px)/2));font:21px/1.8 Georgia,serif}#reader button{position:sticky;top:0;margin-bottom:24px}#reader h2{font-family:Olga}#reader p{margin:0 0 20px}.video-slot{border:1px dashed #927046;padding:40px 24px;margin:40px 0;text-align:center}.video-slot p{font-size:20px}.video-slot .screen{font:50px Georgia,serif;color:#855831}.end{font:30px/1.5 Olga,serif;margin-top:90px;text-align:center}#measure{position:fixed;left:-9999px;width:560px;height:820px;visibility:hidden}#measure .page-content{position:relative;inset:auto;width:416px;height:655px}
@media(max-width:700px){header{padding:16px 18px;flex-wrap:wrap;font-size:12px;gap:12px}header span{display:none}.heading{padding:12px 16px 20px}.heading p{font-size:14px}#book{width:560px}.leaf.left,.leaf.right{left:0;background-size:1120px 820px}.leaf{background-position:right center!important}.leaf .page-content{inset:85px 65px 80px!important}.heading h1{font-size:28px}nav{margin-top:18px}.hint{font-size:11px}.cover .page-content{inset:110px 80px 100px!important}#reader{font-size:19px}}
@media(prefers-reduced-motion:reduce){.turning,.turning.reverse{animation-duration:.01s}.turning:after{animation:none}}
/* Insets follow the photographed paper edges, not the rectangular image bounds. */
.page-content{inset:90px 50px 85px 110px;font-size:24px;line-height:1.45}.right .page-content{inset:90px 110px 85px 50px}.dedication h2{font-size:36px;width:100%;min-width:0;overflow-wrap:break-word}.dedication blockquote{font-size:28px}.photo-page figure{margin:35px 4px 40px}.photo-page figcaption{font-size:23px}.photo-page .note{font-size:25px}#measure .page-content{width:400px;height:645px}
@media(max-width:700px){.leaf .page-content{inset:90px 100px 85px 60px!important}.cover .page-content{inset:110px 80px 100px!important}.dedication h2{font-size:34px}}
#book .leaf{left:auto;top:auto}.stf__parent{position:absolute!important}.stf__wrapper{position:relative}.leaf.stf__item{box-shadow:inset -3px 0 8px #2f170a25}.leaf.stf__item--right{background-position:right center}.leaf.stf__item--left{background-position:left center}.leaf.cover{box-shadow:0 10px 30px #0008}.stf__block{perspective:2200px}body:before{background:#100b0970}.heading{position:relative;z-index:1}
#book .stf__wrapper{width:100%;height:100%}#book .stf__block{width:100%;height:100%;left:0;top:0}
body{background-image:url(assets/levkoma/table.png);background-size:cover}body:before{background:#100b0966}header{background:#160f0abf}#stage{isolation:isolate}
.page-content{inset:90px 35px 85px 150px}.right .page-content{inset:90px 150px 85px 35px}#measure .page-content{width:375px}.photo-page .page-content{overflow:visible}.photo-page figure{margin:40px 20px 40px;padding:12px 12px 18px}.photo-page .note{margin:20px;font-size:24px}.photo-page figcaption{font-size:22px}body{overflow-x:hidden}#book{background-size:1120px 820px;background-repeat:no-repeat}.leaf:not(.cover){mask-image:linear-gradient(to bottom,transparent 3%,#000 7% 93%,transparent 97%)}.leaf.left:not(.cover){mask-image:linear-gradient(to right,transparent 13%,#000 18% 99%,transparent),linear-gradient(to bottom,transparent 3%,#000 7% 93%,transparent 97%);mask-composite:intersect}.leaf.right:not(.cover){mask-image:linear-gradient(to left,transparent 5%,#000 10% 99%,transparent),linear-gradient(to bottom,transparent 3%,#000 7% 93%,transparent 97%);mask-composite:intersect}
@media(max-width:700px){.leaf .page-content{inset:90px 145px 85px 40px!important}.cover .page-content{inset:110px 80px 100px!important}.leaf:not(.cover){mask-image:linear-gradient(to left,transparent 5%,#000 10% 99%,transparent),linear-gradient(to bottom,transparent 3%,#000 7% 93%,transparent 97%);mask-composite:intersect}#book{background-position:right center}}
@media(max-width:700px){.leaf.left:not(.cover),.leaf.right:not(.cover){mask-image:linear-gradient(to left,transparent 5%,#000 10% 99%,transparent),linear-gradient(to bottom,transparent 3%,#000 7% 93%,transparent 97%);mask-composite:intersect}}
.dedication blockquote{align-self:stretch;min-width:0;width:auto;margin:45px 24px;overflow-wrap:break-word}.photo-page figure:after{right:-10px}.photo-page figure:before{left:-10px}.photo-page .page-content{overflow:hidden}
/* The cover is a blind-stamped original mark, with no opening button. */
.cover .page-content{gap:38px;inset:165px 105px 155px!important;justify-content:center;text-shadow:none}.cover .cover-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 1.5px 0 #c5936080) drop-shadow(0 -1px 1px #090402b0);pointer-events:none}.cover .cover-inscription{font:25px/1.35 Nerve,Olga,serif;color:#26170e;text-shadow:0 1.3px 0 #cf9c6980,0 -1px 1px #080402;margin:0;letter-spacing:.25px;pointer-events:none}.cover{cursor:grab}.cover:active{cursor:grabbing}
.story-page .page-content,#measure .page-content{font-family:Nerve,Olga,serif;font-size:24px;line-height:1.27;letter-spacing:.04px;color:#27180f}.story-page .page-content p,#measure .page-content p{margin:0 0 10px}.story-page .page-content h2,#measure .page-content h2{font:38px/1.15 Nerve,Olga,serif;margin-bottom:20px}.story-page .page-content .intro,#measure .page-content .intro{font:24px/1.27 Nerve,Olga,serif;margin-bottom:20px}
@media(max-width:700px){.cover .page-content{inset:165px 105px 155px!important}.cover .cover-inscription{font-size:25px}}
.cover .cover-logo{filter:drop-shadow(0 -1.3px 1px #080301e0) drop-shadow(0 1px 0 #e0b68070)}.cover .cover-inscription{font:25px/1.35 Olga,Georgia,serif;color:#b08a5f;text-shadow:0 -1.3px 1px #080402,0 .7px 0 #e0b47c66}
.story-page .page-content,#measure .page-content{font-size:23px;line-height:1.23}.story-page .page-content p,#measure .page-content p{margin-bottom:8px}.story-page .page-content .intro,#measure .page-content .intro{font:23px/1.23 Nerve,Olga,serif;margin-bottom:18px}.story-page .page-content h2,#measure .page-content h2{font-size:36px}
/* The approved short version has exactly five narrative leaves. */
.short-story .page-content{inset:85px 25px 80px 135px;font-size:22.5px;line-height:1.2}.short-story.right .page-content{inset:85px 135px 80px 25px}.short-story .page-content p{margin-bottom:7px}.short-story .page-content h2{font-size:32px;line-height:1.15;margin-bottom:16px}#measure.short-story .page-content{width:400px;height:655px}
@media(max-width:700px){.leaf.short-story .page-content{inset:85px 125px 80px 35px!important}}
.photo-page .story-photo-title{font:32px/1.15 Nerve,Olga,serif;margin:0 10px 18px}.photo-page:has(.story-photo-title) figure{margin-top:25px;margin-bottom:24px}.photo-page:has(.story-photo-title) .note{margin-top:10px}
.short-story .page-content p{margin-bottom:5px}
#measure.short-story .page-content{font-family:Nerve,Olga,serif;font-size:22.5px;line-height:1.2}#measure.short-story .page-content p{margin-bottom:5px}
/* Final editorial pass: one handwritten face and level inscriptions. */
body,body *{font-family:Nerve,cursive!important}#book *,#reader *{font-style:normal!important}header{font-size:18px}header button{font-size:17px}nav span{font-size:18px}.hint{font-size:15px}#reader{font-size:23px;line-height:1.55}#reader p{margin-bottom:22px}
#book .dedication blockquote,#book .photo-page .note,#book .photo-page figure{transform:none}.cover .cover-logo{width:76%;max-width:265px;align-self:center}.cover .cover-inscription{font-size:25px;line-height:1.4}#book .closing-page .closing-line{font-size:34px;line-height:1.5;color:#3c271b;margin:0;text-align:center}.closing-page .dedication{padding:20px}
.short-story .page-content{inset:75px 25px 60px 125px;line-height:1.2}.short-story.right .page-content{inset:75px 125px 60px 25px}.short-story .page-content p{margin-bottom:12px}#measure.short-story .page-content{width:410px;height:685px;line-height:1.2}#measure.short-story .page-content p{margin-bottom:12px}
@media(max-width:700px){header{font-size:16px}header button{font-size:15px}.leaf.short-story .page-content{inset:75px 115px 60px 35px!important}.hint{font-size:13px}}

.video-slot{border:0;padding:0;margin:48px 0}.video-slot video{display:block;width:100%;height:auto;aspect-ratio:1920/900;background:#17100c;box-shadow:3px 7px 12px #442c2050;touch-action:auto}.video-slot p{margin-top:18px;text-align:center}

.video-slot iframe,.video-play{display:block;width:100%;aspect-ratio:16/9;border:0;box-shadow:3px 7px 12px #442c2050}.video-play{position:relative;padding:0;background:#17100c;overflow:hidden}.video-play[hidden]{display:none}.video-play img{width:100%;height:100%;object-fit:contain;display:block;opacity:.85}.video-play span{position:absolute;inset:0;display:grid;place-items:center;font-size:48px;color:white;text-shadow:0 2px 8px #000}.video-slot iframe{background:#17100c}