@font-face{font-family:Roboto;src:url('./tortuel/assets/fonts/Roboto-400-cyrillic.woff2') format('woff2');font-display:swap;unicode-range:U+0400-052F}
@font-face{font-family:Roboto;src:url('./tortuel/assets/fonts/Roboto-400-latin.woff2') format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
:root{color-scheme:dark;font-family:Roboto,Arial,sans-serif;color:#f0dfc6;background:#100b08}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #dfae58;outline-offset:6px}[hidden]{display:none!important}#app,#scene,#darkness,.vignette{position:fixed;inset:0}#scene canvas{display:block;touch-action:none}#darkness{background:#0b0908;opacity:.98;pointer-events:none;transition:opacity 1.6s ease}.vignette{pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 40%,#0b06087a 100%);z-index:1}header,footer{position:fixed;left:4vw;right:4vw;z-index:4;display:flex;align-items:center;justify-content:space-between}header{top:32px}.brand{font-size:14px;letter-spacing:.3em;color:inherit;text-decoration:none}.brand span{display:block;font-size:9px;letter-spacing:.1em;opacity:.45;margin-top:8px}.edition{font-size:9px;letter-spacing:.17em;opacity:.4}#intro{position:fixed;top:29%;left:12%;z-index:3;pointer-events:none;transition:opacity .65s,transform .65s}.eyebrow{font-size:9px;letter-spacing:.22em;color:#bd9969}h1{font-family:Roboto,Arial,sans-serif;font-size:clamp(40px,5.5vw,84px);font-weight:400;line-height:.98;margin:26px 0}h1 i{font-weight:400;color:#c7a678}.sub{font-size:12px;opacity:.5;margin-top:26px}#pull{position:fixed;left:78%;top:24%;width:130px;height:36%;z-index:5;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;padding:0;transform:translateX(-50%);touch-action:none}#pull:disabled{cursor:wait;opacity:.45}.pull-line{display:block;height:74%;width:2px;background:linear-gradient(#765536,#c7a77b);box-shadow:0 0 4px #b78a431c;transform-origin:top}.pull-bead{display:block;width:14px;height:25px;border-radius:45%;background:linear-gradient(100deg,#193a36,#679484 60%,#15332f);box-shadow:0 4px 25px #dabf6f1a}.pull-label{margin-top:23px;font-size:10px;letter-spacing:.04em;white-space:nowrap;color:#bca78b}#pull:not(:disabled):hover .pull-bead{box-shadow:0 0 25px #e9b66366}footer{bottom:max(24px,env(safe-area-inset-bottom));font-size:10px;letter-spacing:.04em;color:#b4a08a}footer div{display:flex;gap:20px}footer button{border:0;background:none;font-size:10px;opacity:.75;padding:8px 0}#count{letter-spacing:.16em}#loading{position:fixed;bottom:90px;left:12%;z-index:4;font-size:10px;opacity:.6;width:190px}progress{display:block;margin-top:12px;width:100%;height:2px;border:0;background:#44352b;accent-color:#c6a36a}#explore{position:fixed;left:8%;bottom:18%;z-index:3;pointer-events:none;text-shadow:0 2px 14px #000}#explore p{font:italic 32px/1.05 Roboto,Arial,sans-serif;margin:0 0 12px}#explore span{font-size:10px;opacity:.7}#project-hotspot{position:fixed;z-index:4;border:1px solid #ddbd8480;border-radius:50%;width:40px;height:40px;background:#1f140d55;backdrop-filter:blur(4px);transform:translate(-50%,-50%);font-size:11px}#project-hotspot span{position:absolute;left:50px;top:10px;white-space:nowrap;font-size:10px;color:#f3dfbd;text-shadow:0 2px 8px #000}#project{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px}.modal-backdrop{position:absolute;inset:0;background:#100b08a8;backdrop-filter:blur(6px)}.paper{position:relative;width:min(540px,88vw);max-height:93dvh;overflow:auto;aspect-ratio:3/4;color:#30271d;background:#e7d8b9;box-shadow:0 35px 100px #0009;padding:32px 36px;animation:unfold .55s ease-out}.paper:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.7%,#745e2915 50%,transparent 50.3%)}#close{position:absolute;right:15px;top:8px;border:0;background:transparent;color:#4e3b29;font-size:28px}.paper-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.18em;border-bottom:1px solid #99836470;padding-bottom:15px}.paper h2{font:500 clamp(32px,4vw,56px)/.95 Roboto,Arial,sans-serif;letter-spacing:-.035em;margin:24px 0}.paper h2 em{font-weight:400;color:#8e492d}.project-art{height:220px;position:relative;background:#b26836;overflow:hidden}.art-sun{position:absolute;width:160px;height:160px;border-radius:50%;background:#ead7ad;top:20px;left:50%;transform:translateX(-50%)}.art-door{position:absolute;width:100px;height:180px;top:75px;left:50%;transform:translateX(-50%);background:#422d20;border:15px solid #82502e;border-bottom:0}.art-step{position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(90deg,#633e27 28%,#9e6035 28%,#9e6035 72%,#633e27 72%)}.art-label{position:absolute;bottom:10px;left:15px;font-size:7px;letter-spacing:.15em;color:#f2dcb5}.paper-bottom{font-size:11px;line-height:1.6;margin:19px 0}.demo-label{display:block;font-size:8px;opacity:.55;margin-top:10px}#return{background:none;border:0;border-top:1px solid #99836470;color:#4d3523;padding:14px 0 0;text-align:left;width:100%;font-size:10px}#error{position:fixed;z-index:50;background:#20160f;inset:10%;padding:30px;overflow:auto}#error img{width:min(600px,100%);display:block;margin-top:20px}#error button{background:#614325;border:1px solid #a17b48;padding:12px 20px}body.lit #intro{opacity:0;transform:translateY(-15px)}body.lit #darkness{opacity:0}body.lit #pull{height:64px;width:64px}body.lit .pull-line,body.lit .pull-bead{opacity:0}body.lit .pull-label{position:absolute;top:55px;margin:0;font-size:8px;opacity:0}body.lit #pull:hover .pull-label{opacity:.8}@keyframes unfold{from{opacity:0;transform:perspective(1000px) rotateX(12deg) scale(.93)}to{opacity:1;transform:none}}@media(max-width:650px){header{top:24px;left:24px;right:24px}.edition{display:none}.brand{font-size:11px}#intro{left:9%;top:30%}h1{font-size:45px}.eyebrow{font-size:7px;max-width:200px;line-height:1.7}.sub{font-size:10px;max-width:190px;line-height:1.8}#pull{left:83%;top:18%;height:35%;width:80px}.pull-label{font-size:8px}footer{left:22px;right:22px;font-size:8px}footer div{gap:12px}footer button{font-size:8px}#hint{max-width:105px;line-height:1.6}#loading{left:9%;bottom:110px}#explore{left:8%;bottom:17%}#explore p{font-size:27px}#explore span{font-size:8px}#project-hotspot span{display:none}.paper{padding:28px 24px}.project-art{height:190px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Only the exported 3D pull cord is visible. HTML supplies its accessible hit area. */
#darkness{display:none}#pull,body.lit #pull{height:64px;width:64px;top:0;left:0}#pull:disabled{visibility:hidden}#pull .pull-label{position:absolute;top:68px;margin:0;font-size:9px;pointer-events:none}body.lit #pull .pull-label{top:55px;opacity:0}body.lit #pull:hover .pull-label{opacity:.8}
#pull .pull-label,body.lit #pull .pull-label{top:calc(100% + 8px)}
.project-marker{position:fixed;z-index:4;width:32px;height:32px;border-radius:50%;border:1px solid #e4c49388;background:#35251cd9;color:#f4e4c6;transform:translate(-50%,-50%);font:10px Roboto,Arial,sans-serif;box-shadow:0 2px 14px #0004;transition:background .2s}
.project-marker:hover,.project-marker:focus-visible{background:#9b6331}.project-marker.on-table{background:#77542ac9}
#project-controls{position:fixed;inset:0;z-index:12;touch-action:none}
#reading-sheet,#project-scroll{position:absolute}
#project-scroll{writing-mode:vertical-lr;direction:ltr;appearance:none;background:transparent;width:28px;margin:0;padding:0;cursor:pointer;touch-action:none;border:0;outline:0}
#project-scroll::-webkit-slider-runnable-track{width:2px;background:#d6bb899c;border-radius:2px}
#project-scroll::-webkit-slider-thumb{appearance:none;width:10px;height:10px;margin-left:-4px;background:#ebd4ac;border-radius:50%;box-shadow:0 1px 4px #21170b77}
#project-scroll::-moz-range-track{width:2px;background:#d6bb899c;border-radius:2px}
#project-scroll::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#ebd4ac}
#project-scroll:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px #59452c}
.reading-project header,.reading-project footer{opacity:.25;pointer-events:none}.reading-project #pull{visibility:hidden}
#explore{display:none!important}
@media(max-width:650px){.project-marker{width:30px;height:30px;font-size:9px}}
#full-presentation{position:fixed;transform:translateX(-100%);color:#f0ddbc;font:400 15px/1.3 Roboto,Arial,sans-serif;text-decoration:none;padding:4px 0;pointer-events:auto;white-space:nowrap;z-index:2}#hover-title{position:fixed;z-index:8;transform:translate(-50%,-100%);font:400 17px Roboto,Arial,sans-serif;color:#f3dfb8;text-shadow:0 1px 5px #27170f;white-space:pre;pointer-events:none}#hover-title span,.chalk-hint i{display:inline-block;animation:ink-resolve .44s both;animation-delay:calc(var(--i)*23ms)}@keyframes ink-resolve{from{opacity:0;filter:blur(5px);transform:translateY(3px)}to{opacity:1;filter:blur(0);transform:none}}
#author-access{position:fixed;z-index:4;transform:translate(-50%,-50%);width:52px;height:25px;background:transparent;border:none;cursor:pointer}#author-access:focus-visible{outline:1px solid #cbab76}#author-dialog{max-width:85vw;padding:32px 40px;background:#d8c29b;color:#442e22;border:1px solid #997851;font:16px Roboto,Arial,sans-serif}#author-dialog[open]{position:fixed;inset:0;margin:auto;box-sizing:border-box;max-width:none;max-height:none;padding:0;background:transparent;border:0;outline:none;color:transparent;overflow:hidden}#author-dialog[open]>*{opacity:0}#author-dialog::backdrop{background:transparent}#author-dialog h2{font:italic 40px Roboto,Arial,sans-serif;margin:20px 0 8px}#author-dialog small{letter-spacing:.18em;font-size:10px}#author-dialog button{font:inherit;padding:8px 0;color:inherit;background:none;border:none;border-bottom:1px solid;cursor:pointer}#author-dialog .sample-contact{font-size:13px}#hint{display:none}footer>div{margin-inline:auto}footer>#count{position:absolute;right:0}

.project-marker,.project-marker.on-table,.project-marker:hover{border:0;background:transparent;box-shadow:none;pointer-events:none}.project-marker:focus-visible{outline:1px solid #ead4a7}

#chalk-tool{position:absolute;transform:translate(-50%,-50%);width:46px;border:0;background:transparent;padding:0;cursor:crosshair}
#send-remark,#remark-status{position:absolute;transform:translateX(-50%);font:12px Roboto,Arial,sans-serif;color:#eedcc0}
#send-remark{background:#302218e6;border:1px solid #b49a717a;border-radius:3px;padding:8px 15px}
#send-remark:disabled{opacity:.55}#remark-status{white-space:nowrap;font-size:10px;pointer-events:none}#reading-sheet.drawing{cursor:crosshair;touch-action:none}

#full-presentation svg{vertical-align:middle;margin-left:3px;color:#e7c698}

.chalk-hint{position:absolute;right:calc(100% + 7px);top:24%;pointer-events:none;text-align:right;font:400 17px/1.15 Roboto,Arial,sans-serif;color:#f3dfb8;text-shadow:0 1px 5px #27170f}
.chalk-hint>span{display:block;white-space:nowrap}.chalk-hint i{font-style:normal}
.chalk-hint.above{right:auto;left:0;top:auto;bottom:100%;text-align:left}
@media(prefers-reduced-motion:reduce){.chalk-hint i{animation:none}}


.pack-object{position:absolute;background:transparent;border:0;padding:0;touch-action:none;cursor:grab}.pack-object:active{cursor:grabbing}.pack-object canvas{width:100%;height:100%;display:block}

.vhs-access{position:fixed;transform:translate(-50%,-100%);color:#f2dfc1;text-decoration:none;font:12px Roboto,Arial,sans-serif;opacity:0;pointer-events:none;transition:opacity .23s;text-shadow:0 1px 4px #20140b}.vhs-access.shown,.vhs-access:focus-visible{opacity:1;pointer-events:auto}

.pack-object{overflow:visible;pointer-events:none}.pack-object canvas{position:absolute;pointer-events:none}.over-product,.over-product #reading-sheet{cursor:grab}.over-product:active{cursor:grabbing}

#project-controls.models-leaving{pointer-events:none}#project-controls.models-leaving>:not(.pack-object){visibility:hidden}

#reader-caption{position:fixed;top:clamp(8px,2vh,24px);left:clamp(12px,2vw,38px);width:max-content;max-width:65vw;pointer-events:none;color:#fff0d9;text-shadow:0 1px 5px #24170e;font-family:Roboto,Arial,sans-serif}#reader-caption h2{font:500 clamp(16px,1.4vw,23px)/1.1 Roboto,Arial,sans-serif;margin:0}#reader-caption p{font:400 clamp(11px,.9vw,14px)/1.2 Roboto,Arial,sans-serif;margin:4px 0 0}

/* The lightweight entrance paints before Three and its scene files arrive. */
body{background:#060504}#scene{opacity:0;transition:opacity .85s ease}body.room-ready #scene{opacity:1}
#intro{opacity:0;visibility:hidden;transform:translateY(8px);left:clamp(26px,11vw,190px);top:32%;max-width:61vw;transition:opacity .75s ease,transform .85s ease,visibility .75s}
body.intro-visible:not(.lit) #intro{visibility:visible;opacity:1;transform:none}#intro h1{font:400 clamp(46px,6.8vw,106px)/.93 Georgia,serif;letter-spacing:-.055em;margin:18px 0 22px;color:#f1e4cb}#intro h1 i{color:#d4ab7c;font-weight:400}#intro .sub{font:400 clamp(12px,1.08vw,17px)/1.5 Roboto,Arial,sans-serif;opacity:1;color:#c2b39d;margin:0;max-width:none}#intro .eyebrow{letter-spacing:.26em}
#loading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
footer{top:max(12px,env(safe-area-inset-top));bottom:auto;left:50%;right:auto;width:max-content;max-width:94vw;transform:translate(-50%,-5px);opacity:0;visibility:hidden;transition:opacity .8s,transform .8s,visibility .8s}
body.lit:not(.reading-project) footer{visibility:visible;opacity:1;transform:translate(-50%,0)}footer button{font-size:11px}#hint{display:none}
#guide-fly{pointer-events:none;position:fixed;left:0;top:0;z-index:6;width:9px;height:5px;transform:translate(50vw,50vh);background:linear-gradient(160deg,#d59e5b,#50341f 50%,#211713);border-radius:56% 45% 49% 51%;box-shadow:inset 0 1px .5px #d9ae7370;transition:opacity .5s;will-change:transform}
#guide-fly:after{content:'';position:absolute;right:-2px;top:1px;width:4px;height:4px;background:#977b52;border-radius:50%}
#guide-fly i,#guide-fly b{position:absolute;left:1px;bottom:3px;width:8px;height:3px;border-radius:85% 70% 80% 30%;background:linear-gradient(20deg,#987b59,#e5d6acb0);transform-origin:right center;animation:guide-wing .085s alternate infinite}
#guide-fly b{bottom:auto;top:3px;animation-direction:alternate-reverse}@keyframes guide-wing{from{transform:rotate(35deg) scaleY(.4)}to{transform:rotate(-24deg) scaleY(1.15)}}
.load-error #guide-fly,.reading-project #guide-fly{opacity:0}#ochre-cursor{position:fixed;top:0;left:0;width:28px;height:34px;z-index:99;pointer-events:none;background:url('./ochre-pointer.svg') center/contain no-repeat;will-change:transform;display:none}
@media(pointer:fine) and (hover:hover){html.ochre-pointer #ochre-cursor{display:block}html.ochre-pointer,html.ochre-pointer *{cursor:none!important}}
@media(max-width:650px){#intro{left:7vw;top:34%;max-width:68vw}#intro h1{font-size:clamp(40px,9vw,57px)}#intro .sub{font-size:12px}footer button{font-size:10px}}

body.lit #guide-fly{filter:blur(.65px);transition:opacity .85s,filter .9s}#guide-fly{transition:opacity .85s,filter .9s}

#intro h1{display:flex;align-items:baseline;gap:.21em;font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,5.8vw,90px);letter-spacing:-.064em;font-weight:400;margin:21px 0 24px;line-height:1.05;color:#edddc4}
.credit-name{position:relative;display:inline-block}.credit-name>span{opacity:0}.credit-name img{position:absolute;left:0;top:50%;width:100%;height:1.52em;object-fit:contain;object-position:left center;transform:translateY(-50%);pointer-events:none}


#intro .sub{font:italic 400 clamp(16px,1.58vw,24px)/1.3 Georgia,serif;color:#d5bf9e}#intro .credit-fields{font:400 clamp(10px,.85vw,13px)/1.6 Roboto,Arial,sans-serif;letter-spacing:.065em;color:#aa9579;margin:7px 0 0}#intro .credit-fields i{font-style:normal;margin:0 .25em}
@media(max-width:650px){#intro{max-width:78vw}#intro h1{font-size:clamp(31px,8.7vw,47px);gap:.19em}#intro .sub{font-size:15px}#intro .credit-fields{font-size:10px}}
@media(prefers-reduced-motion:reduce){body.intro-visible:not(.lit) .credit-name>span{animation:none;opacity:1}body.intro-visible:not(.lit) .credit-name img{animation:none;opacity:0}}

.contactprint{position:relative;aspect-ratio:2;display:block}.contactprint img{width:100%;height:100%;display:block}.contactprint a{position:absolute;display:block}.contactprint a:hover,.contactprint a:focus-visible{outline:1px solid #bb8656;border-radius:2px}
#author-dialog[open]>.contactprint{opacity:1;width:100%;height:100%}.credit-name img{width:112%;height:1.96em}#intro h1{margin-bottom:.46em}@media(max-width:650px){.credit-name img{height:1.85em;width:108%}}

@keyframes write-stroke{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}.pen-sign path{stroke-dasharray:1;stroke-dashoffset:0}.sheet.play .pen-sign path,#author-dialog[open] .pen-sign path{animation:write-stroke var(--dur) linear var(--delay) both}.reveal{animation:none!important}@media(prefers-reduced-motion:reduce){.pen-sign path{animation:none!important;stroke-dashoffset:0!important}}#author-dialog[open]>.contact-moire{opacity:1;width:100%;height:100%;display:block} .contact-moire a{fill:inherit;font-family:Arial,sans-serif}.contact-moire a:hover,.contact-moire a:focus{text-decoration:underline}#author-dialog[open] .moire-wave{animation:moire-drift 2.4s ease-in-out both}@keyframes moire-drift{50%{transform:translateX(15px)}}.credit-name .intro-pen{position:absolute;left:0;top:50%;width:112%;height:1.96em;transform:translateY(-50%);pointer-events:none}.credit-name{--cycle:7.8s}body.intro-visible:not(.lit) .credit-name>span{animation:print-phase var(--cycle) ease-in-out infinite}body.intro-visible:not(.lit) .intro-pen{animation:ink-phase var(--cycle) ease-in-out infinite}@keyframes ink-phase{0%,41%{opacity:1}48%,100%{opacity:0}}@keyframes print-phase{0%,49%,97%,100%{opacity:0}56%,90%{opacity:1}}body.intro-visible:not(.lit) .intro-pen path:nth-child(1){animation:ink-line-1 var(--cycle) linear infinite}@keyframes ink-line-1{0.000%{stroke-dashoffset:1.000}2.160%{stroke-dashoffset:0.920}4.800%{stroke-dashoffset:0.590}7.200%{stroke-dashoffset:0.480}9.960%{stroke-dashoffset:0.160}12%,100%{stroke-dashoffset:0}}body.intro-visible:not(.lit) .intro-pen path:nth-child(2){animation:ink-line-2 var(--cycle) linear infinite}@keyframes ink-line-2{0%,12.800%{stroke-dashoffset:1.000}13.376%{stroke-dashoffset:0.880}14.080%{stroke-dashoffset:0.410}14.720%{stroke-dashoffset:0.170}15.456%{stroke-dashoffset:0.040}16%,100%{stroke-dashoffset:0}}body.intro-visible:not(.lit) .intro-pen path:nth-child(3){animation:ink-line-3 var(--cycle) linear infinite}@keyframes ink-line-3{0%,17.500%{stroke-dashoffset:1.000}19.390%{stroke-dashoffset:0.750}21.700%{stroke-dashoffset:0.540}23.800%{stroke-dashoffset:0.430}26.215%{stroke-dashoffset:0.130}28%,100%{stroke-dashoffset:0}}body.intro-visible:not(.lit) .intro-pen path:nth-child(4){animation:ink-line-4 var(--cycle) linear infinite}@keyframes ink-line-4{0%,29.000%{stroke-dashoffset:1.000}29.720%{stroke-dashoffset:0.850}30.600%{stroke-dashoffset:0.530}31.400%{stroke-dashoffset:0.190}32.320%{stroke-dashoffset:0.070}33%,100%{stroke-dashoffset:0}}body.intro-visible:not(.lit) .intro-pen path:nth-child(5){animation:ink-line-5 var(--cycle) linear infinite}@keyframes ink-line-5{0%,34.200%{stroke-dashoffset:1.000}34.776%{stroke-dashoffset:0.950}35.480%{stroke-dashoffset:0.610}36.120%{stroke-dashoffset:0.250}36.856%{stroke-dashoffset:0.080}37.4%,100%{stroke-dashoffset:0}}body.intro-visible:not(.lit) .intro-pen path:nth-child(6){animation:ink-line-6 var(--cycle) linear infinite}@keyframes ink-line-6{0%,38.500%{stroke-dashoffset:1.000}38.842%{stroke-dashoffset:0.750}39.260%{stroke-dashoffset:0.690}39.640%{stroke-dashoffset:0.240}40.077%{stroke-dashoffset:0.130}40.4%,100%{stroke-dashoffset:0}}@media(max-width:650px){.credit-name .intro-pen{width:108%;height:1.85em}}@media(prefers-reduced-motion:reduce){.intro-visible:not(.lit) .intro-pen{display:none}#author-dialog[open] .moire-wave{animation:none}}
@media(prefers-reduced-motion:reduce){body.intro-visible:not(.lit) .credit-name>span{animation:none;opacity:1}}

#intro h1{align-items:center;gap:0}#intro .ivan-original{height:.83em;width:auto;flex:none;display:block}#intro .credit-name>span{display:block;padding-left:.16em}#intro .credit-name .intro-pen{left:-.12em;top:32%}

@keyframes pen-gesture-1{0.000%{stroke-dashoffset:1.000}18.000%{stroke-dashoffset:0.920}40.000%{stroke-dashoffset:0.590}60.000%{stroke-dashoffset:0.480}83.000%{stroke-dashoffset:0.160}100.000%{stroke-dashoffset:0.000}}#author-dialog[open] .pen-sign path:nth-child(1),.sheet.play .pen-sign path:nth-child(1){animation:pen-gesture-1 0.900s cubic-bezier(.3,.03,.56,.99) 0.000s both}@keyframes pen-gesture-2{0.000%{stroke-dashoffset:1.000}18.000%{stroke-dashoffset:0.880}40.000%{stroke-dashoffset:0.410}60.000%{stroke-dashoffset:0.170}83.000%{stroke-dashoffset:0.040}100.000%{stroke-dashoffset:0.000}}#author-dialog[open] .pen-sign path:nth-child(2),.sheet.play .pen-sign path:nth-child(2){animation:pen-gesture-2 0.240s cubic-bezier(.3,.03,.56,.99) 0.960s both}@keyframes pen-gesture-3{0.000%{stroke-dashoffset:1.000}18.000%{stroke-dashoffset:0.750}40.000%{stroke-dashoffset:0.540}60.000%{stroke-dashoffset:0.430}83.000%{stroke-dashoffset:0.130}100.000%{stroke-dashoffset:0.000}}#author-dialog[open] .pen-sign path:nth-child(3),.sheet.play .pen-sign path:nth-child(3){animation:pen-gesture-3 0.787s cubic-bezier(.3,.03,.56,.99) 1.312s both}@keyframes pen-gesture-4{0.000%{stroke-dashoffset:1.000}18.000%{stroke-dashoffset:0.850}40.000%{stroke-dashoffset:0.530}60.000%{stroke-dashoffset:0.190}83.000%{stroke-dashoffset:0.070}100.000%{stroke-dashoffset:0.000}}#author-dialog[open] .pen-sign path:nth-child(4),.sheet.play .pen-sign path:nth-child(4){animation:pen-gesture-4 0.300s cubic-bezier(.3,.03,.56,.99) 2.175s both}@keyframes pen-gesture-5{0.000%{stroke-dashoffset:1.000}18.000%{stroke-dashoffset:0.950}40.000%{stroke-dashoffset:0.610}60.000%{stroke-dashoffset:0.250}83.000%{stroke-dashoffset:0.080}100.000%{stroke-dashoffset:0.000}}#author-dialog[open] .pen-sign path:nth-child(5),.sheet.play .pen-sign path:nth-child(5){animation:pen-gesture-5 0.240s cubic-bezier(.3,.03,.56,.99) 2.565s both}@keyframes pen-gesture-6{0.000%{stroke-dashoffset:1.000}18.000%{stroke-dashoffset:0.750}40.000%{stroke-dashoffset:0.690}60.000%{stroke-dashoffset:0.240}83.000%{stroke-dashoffset:0.130}100.000%{stroke-dashoffset:0.000}}#author-dialog[open] .pen-sign path:nth-child(6),.sheet.play .pen-sign path:nth-child(6){animation:pen-gesture-6 0.142s cubic-bezier(.3,.03,.56,.99) 2.887s both}@media(prefers-reduced-motion:reduce){.pen-sign path{animation:none!important}}
#intro .sub{font-family:Roboto,Arial,sans-serif;font-style:normal;letter-spacing:0;text-wrap:balance}

@media (max-aspect-ratio: 4/5){
 #intro{left:5%;width:90%;max-width:none;top:auto;bottom:max(18%,env(safe-area-inset-bottom));text-align:center}
 #intro h1{justify-content:center}
 #reader-caption{top:auto;bottom:max(1.5dvh,env(safe-area-inset-bottom));left:4%;width:92%;max-width:none;text-align:center}
}
.mobile-project-strip{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:white}
.mobile-project-strip>div{position:absolute;inset:0 0 auto;line-height:0}
.mobile-project-strip img{display:block;width:100%}
.mobile-project-strip .mobile-page{position:relative;display:grid;place-items:center;background:#eee9df;color:#655f56;font:12px/1.4 Roboto,sans-serif}
.mobile-page:empty::before{content:'Загрузка страницы…'}
.mobile-page>img{position:absolute;inset:0;height:100%}
#project-controls[data-case="05"] :is(#reader-caption,#full-presentation,.chalk-hint){color:#fffefa;text-shadow:0 1px 4px #171715}
#project-controls[data-case="05"] #full-presentation svg{color:inherit}
#project-controls[data-case="05"] #project-scroll::-webkit-slider-runnable-track{background:#e7e7e4b8}
#project-controls[data-case="05"] #project-scroll::-webkit-slider-thumb{background:#f6f6f3}
#project-controls[data-case="05"] #project-scroll::-moz-range-track{background:#e7e7e4b8}
#project-controls[data-case="05"] #project-scroll::-moz-range-thumb{background:#f6f6f3}

#intro .surname-original{height:0.8749em;width:auto;display:block;transform:translateY(-0.0224em)}

@media (max-aspect-ratio:4/5){
 footer{top:auto;bottom:max(12px,env(safe-area-inset-bottom))}
 body.reading-project footer{visibility:hidden;pointer-events:none}
 #reader-caption{bottom:auto;top:max(2dvh,env(safe-area-inset-top));text-align:center}
 #full-presentation{transform:translateX(-50%)}
 .mobile-project-strip::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:var(--curl,0);background:linear-gradient(to bottom,rgba(91,60,36,.18),transparent 4%,transparent 96%,rgba(91,60,36,.16))}
}
@media(prefers-reduced-motion:no-preference){
 .credit-name{--cycle:9.4s}
 @keyframes print-phase{0%,48%,100%{opacity:0}53%,95%{opacity:1}}
 @keyframes ink-line-1{0%{stroke-dashoffset:1;stroke-width:5}5%{stroke-dashoffset:.63;stroke-width:12}10%{stroke-dashoffset:.15;stroke-width:9}12%,100%{stroke-dashoffset:0;stroke-width:11}}
 body.lit #intro{transition:opacity .52s ease .09s,transform .66s}
 #intro .credit-fields{transition:opacity .15s}body.lit #intro .credit-fields{opacity:0}
}
#guide-fly.perched i,#guide-fly.perched b{animation-play-state:paused;scale:.48}
#reader-caption h2::before{content:"";display:inline-block;width:.38em;height:.38em;border-radius:50%;background:var(--project-accent);vertical-align:.16em;margin-right:.4em}
.reader-ticks{position:absolute;width:7px;pointer-events:none}.reader-ticks i{position:absolute;width:4px;border-top:1px solid #ecdbba99}
body.lit #intro{transition:opacity .52s ease .09s,transform .66s,visibility 0s linear .65s}

#reading-sheet.drawing{overflow:hidden}
@media (min-width:651px) and (aspect-ratio > 4/5){#intro{left:18.2vw;top:50%;translate:0 -50%}}