body.book-page{background:#fffdf8;color:#263c40}.book-back{position:absolute;top:40px;left:6%;z-index:8;font-size:10px;letter-spacing:2px;color:#967944;transition:translate .3s}.book-back:hover{translate:-5px 0}.book-cover{position:relative;min-height:920px;overflow:hidden;background:radial-gradient(ellipse at 75% 28%,#e2eced,#fffdf8 62%)}.book-copy{position:relative;z-index:3;padding:220px 0 100px 8%;width:49%}.book-copy h1{font:92px/.98 Story,serif;margin:25px 0 34px;letter-spacing:-2px}.book-copy p{max-width:350px;line-height:1.9}.book-portrait{position:absolute;right:0;bottom:0;width:56%;height:88%;background:url(assets/personagens/oryon-livro.png) 0 5%/200% auto no-repeat;mask-image:linear-gradient(90deg,transparent,#000 13%),linear-gradient(#000 85%,transparent);mask-composite:intersect;transition:transform 1.3s}.book-cover:hover .book-portrait{transform:translateY(-7px)}.moon-orbit{position:absolute;border:1px solid #bea46a50;border-radius:50%;width:650px;height:650px;right:-10px;top:95px;box-shadow:0 0 0 25px #fffdf84f,0 0 0 26px #bea46a20;animation:moon-drift 12s ease-in-out infinite}.book-caption{position:absolute;right:7%;bottom:55px;z-index:3;font-size:9px;letter-spacing:3px;color:#957b43}.book-synopsis{padding:145px 10%;display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.synopsis-copy h2,.book-reading h2,.book-world h2{font:48px/1.1 Story,serif}.synopsis-copy p{line-height:1.9;font-size:15px}.book-object{width:270px;height:390px;position:relative;perspective:1300px;transform:rotate(-7deg);margin:auto;transition:transform .8s}.book-object:hover,.book-object:focus{transform:rotate(0deg) translateY(-9px)}.cover-front{position:absolute;inset:0;background:linear-gradient(#17394377,#102630aa),url(assets/elenime.jpg) center/cover;color:#e6d4a6;box-shadow:14px 22px 45px #17313c33;border:1px solid #ad9354;outline:1px solid #ad935470;outline-offset:-13px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 20px;transform-origin:left center;transition:transform 1s}.cover-front span,.cover-front small{font-size:8px;letter-spacing:2px}.cover-front h2{font:36px/1.15 Story,serif;margin-top:40px}.cover-front i{font:100px Story;font-style:normal;margin:auto}.paper-pages{position:absolute;inset:5px -8px 5px 4px;background:repeating-linear-gradient(90deg,#e4dcc6 0 1px,#fbf6e9 1px 3px);box-shadow:6px 10px 20px #14323c22;border-radius:2px 9px 9px 2px}.book-object:hover .cover-front,.book-object:focus .cover-front{transform:rotateY(-35deg)}.book-films{padding:90px 8%;background:#19373b;color:#eee3ce}.book-films[hidden]{display:none}.book-films h2{font:48px Story}.film-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.film-pair video{width:100%;aspect-ratio:16/9;background:#0d232a}.book-reading{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;padding:120px 12%;background:#f2eee4}.reading-heading{position:sticky;align-self:start;top:70px}.reading-text{font:19px/1.85 Story,Georgia,serif;max-width:540px}.reading-text p{margin:0 0 20px}.reading-moon{font:180px Story;color:#b79b5d;margin:60px 0}.book-world{position:relative;min-height:720px;display:flex;align-items:center;padding:80px 10%}.book-world>img{position:absolute;right:0;top:0;width:66%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 35%);opacity:.75}.book-world>div{z-index:2;max-width:380px}.book-world p{line-height:1.9}.book-world .link{display:block;width:max-content}.book-page [data-motion=off] .moon-orbit{animation:none}@keyframes moon-drift{50%{translate:0 -15px}}@media(max-width:700px){.book-back{top:25px}.book-cover{min-height:900px}.book-copy{padding:110px 7% 0;width:100%}.book-copy h1{font-size:62px}.book-copy p{max-width:300px}.book-portrait{width:100%;height:53%;bottom:0;background-position:0 8%;opacity:.9}.moon-orbit{top:470px;width:390px;height:390px}.book-caption{bottom:30px}.book-synopsis{padding:85px 8%;grid-template-columns:1fr;gap:70px}.book-object{width:225px;height:325px}.cover-front h2{font-size:30px;margin-top:28px}.cover-front i{font-size:70px}.book-reading{grid-template-columns:1fr;gap:35px;padding:70px 8%}.reading-heading{position:relative;top:0}.reading-moon{display:none}.reading-text{font-size:18px}.book-world{min-height:650px;padding:60px 8%;align-items:start}.book-world>img{width:100%;height:70%;top:auto;bottom:0;mask-image:linear-gradient(transparent,#000 40%)}.film-pair{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.moon-orbit{animation:none}.cover-front,.book-object,.book-portrait{transition:none}}
html[data-motion="off"] .moon-orbit{animation:none}

.book-portrait{mask-image:linear-gradient(90deg,transparent,#000 13%),linear-gradient(transparent,#000 6%,#000 85%,transparent)}

/* Imagens e filmes compõem a narrativa em espaços diferentes. */
.book-page{overflow-x:clip}.book-cover{min-height:860px;background:radial-gradient(ellipse at 80% 45%,#eae8d5,#fffdf8 64%)}.book-bakri{position:absolute;right:-6%;bottom:55px;width:74%;height:72%;background:url(assets/book/oryon-bakri.png) 53% center/cover no-repeat;mask-image:url(assets/landscape-mask.svg);mask-size:100% 100%;mask-repeat:no-repeat;transform:rotate(-4deg);transition:translate 1.2s}.book-cover:hover .book-bakri{translate:-8px -7px}.book-copy{padding-top:180px;pointer-events:none}.book-copy>*{pointer-events:auto}.book-copy h1{font-size:86px}.book-copy p{max-width:330px}.book-cover .moon-orbit{width:790px;height:790px;right:-60px;top:75px}.book-caption{bottom:35px}.story-film{position:relative;display:grid;grid-template-columns:.8fr 1.3fr;gap:55px;align-items:center;padding:90px 7%;min-height:740px}.film-copy{max-width:385px}.film-copy h2{font:58px/1.05 Story,serif;margin:24px 0 30px}.film-copy p{font-size:14px;line-height:1.95}.film-composition{position:relative;min-width:0;padding:30px 0}.film-window{position:relative;width:100%;height:440px;mask-image:url(assets/landscape-mask.svg);mask-size:100% 100%;mask-repeat:no-repeat;transform:rotate(-4deg);transition:transform 1s}.book-loop{width:100%;height:100%;object-fit:cover}.film-composition:hover .film-window{transform:rotate(-1deg) scale(1.025)}.film-contour{position:absolute;inset:0 -15px 40px;border:1px solid #b29a6060;border-radius:47% 53% 41% 59% / 39% 35% 65% 61%;transform:rotate(7deg);pointer-events:none}.film-contour:after{content:'';position:absolute;inset:15px;border:1px dotted #b29a6045;border-radius:inherit}.story-film-controls{position:relative;display:flex;justify-content:center;gap:12px;margin-top:35px;z-index:4}.story-film-controls button{padding:11px 14px;border:1px solid #b29a6050;border-radius:40px;background:transparent;font-size:8px;letter-spacing:1.2px;color:#876e3c;cursor:pointer;transition:background .3s,translate .3s}.story-film-controls button:hover{background:#e9dfc8;translate:0 -3px}.moon-film{grid-template-columns:1.3fr .8fr;background:#15363c;color:#eee8d9;margin:40px 0 0;padding-top:100px;padding-bottom:100px;mask-image:linear-gradient(transparent,#000 3%,#000 97%,transparent)}.moon-film .film-copy{grid-column:2;grid-row:1}.moon-film .film-composition{grid-column:1;grid-row:1}.moon-film .film-window{height:500px;border-radius:55% 45% 52% 48% / 42% 58% 42% 58%;mask-image:none;transform:rotate(4deg)}.moon-film .film-composition:hover .film-window{transform:rotate(1deg) scale(1.025)}.moon-film .film-contour{inset:0 -15px 50px;border-radius:50%;transform:rotate(-7deg)}.moon-film .film-contour:after{inset:25px}.moon-film .story-film-controls button{color:#e1c990;border-color:#dfc59155}.moon-film .story-film-controls button:hover{background:#294c51}.book-synopsis{padding-top:90px;padding-bottom:110px}.book-reading{margin-top:0}@media(max-width:700px){.book-cover{min-height:920px}.book-copy{padding-top:115px}.book-copy h1{font-size:62px}.book-bakri{width:128%;right:-18%;height:43%;bottom:65px;background-position:center}.book-cover .moon-orbit{width:430px;height:430px;top:470px;right:-20px}.book-caption{bottom:35px;right:8%;font-size:8px}.story-film,.moon-film{grid-template-columns:1fr;gap:35px;padding:60px 7%;min-height:0}.film-copy h2{font-size:45px}.film-copy{max-width:none}.film-window{height:300px}.moon-film .film-window{height:330px}.moon-film .film-copy{grid-column:1;grid-row:1}.moon-film .film-composition{grid-column:1;grid-row:2}.story-film-controls{gap:8px}.story-film-controls button{padding:10px;font-size:7px}.film-contour{inset:15px 0 40px}.moon-film .film-contour{inset:5px -5px 45px}}@media(prefers-reduced-motion:reduce){.book-bakri,.film-window{transition:none}}
.book-bakri{width:68%;right:-9%;mask-image:url(assets/story-mask.svg)}.house-film .film-window{mask-image:url(assets/story-mask.svg)}.moon-film .film-window{overflow:hidden}.moon-film .film-copy p{color:#d1ddd8}.moon-film .eyebrow{color:#cbb279}html:has(body.book-page){overflow-x:clip}@media(max-width:700px){.book-bakri{width:125%;right:-15%}}