@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#10120f;--cream:#ece3cd;--muted:#a19d8f;--red:#b43129;--gold:#a98b56;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--condensed:'Barlow Condensed',Impact,sans-serif;color-scheme:dark;--open:0;--cover-angle:-10deg;--book-x:17vw;--book-scale:.78;--book-tilt:5deg}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #d7ae6b;outline-offset:7px}::selection{background:#a43b29;color:#fff2d2}button{color:inherit}img{display:block;max-width:100%}.skip-link{position:fixed;top:-100px;left:20px;z-index:1000;padding:16px;background:var(--cream);color:var(--ink)}.skip-link:focus{top:12px}
.site-header{height:104px;position:absolute;z-index:20;top:0;left:0;width:100%;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9c29b20}.brand{width:131px}.brand img{width:100%;height:auto}.site-header nav{display:flex;gap:40px;margin-left:auto;margin-right:60px;font-size:12px}.site-header nav a{padding:12px 0}.site-header nav span{color:#b99768;margin-left:8px}.motion-control{border:1px solid #b9aa8b44;background:#10120f55;backdrop-filter:blur(8px);padding:10px 14px;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.04em}.motion-dot{width:5px;height:5px;border-radius:50%;background:#a2bca8;box-shadow:0 0 9px #99bba966}.motion-control[aria-pressed=true] .motion-dot{background:#d1ad7a}
.book-journey{height:300svh;position:relative}.stage{height:100svh;min-height:690px;position:sticky;top:0;overflow:hidden;isolation:isolate}.room{position:absolute;inset:-2%;z-index:-5;background:url('source-assets/reference%20images/file_00000000385c81f6ae8f6556d0caff82.png') center 43%/cover no-repeat;filter:saturate(.6);transform:scale(calc(1 + var(--open)*.12));will-change:transform}.room-shade{position:absolute;inset:0;z-index:-4;background:linear-gradient(90deg,#080d0cef 0%,#0b100edb 32%,#0c100e50 69%,#0a0d0b5c),linear-gradient(0deg,#10120f 0%,transparent 24%,#0a100d12 66%,#0a100d80);opacity:calc(.95 + var(--open)*.05)}.stage:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:8;box-shadow:inset 0 0 140px #0005;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.16' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.2}
.intro{position:absolute;top:28%;left:7.5%;z-index:4;width:46%;opacity:var(--intro-opacity,1);transform:translateY(var(--intro-y,0px));pointer-events:var(--intro-events,auto)}.eyebrow{font:500 9px var(--sans);text-transform:uppercase;letter-spacing:.21em;display:flex;align-items:center;gap:11px}.eyebrow>span{width:17px;height:1px;background:#c34936;display:inline-block}.intro h1{font:500 clamp(70px,7.8vw,126px)/.86 var(--serif);letter-spacing:-.055em;margin:34px 0 27px;max-width:650px}.intro h1 em{font-weight:400;color:#d4b98f}.intro-copy{font-size:13px;line-height:1.95;color:#bbb6a9}.open-book{display:flex;align-items:center;gap:55px;margin-top:30px;padding:15px 0 13px;border:0;border-bottom:1px solid #e5d6b280;background:none;font-size:11px;letter-spacing:.02em}.open-book span{color:#d1ae71;font-size:19px;transition:transform .3s}.open-book:hover span{transform:translateY(4px)}.intro-bottom{display:flex;gap:25px;margin-top:53px;font-size:7px;letter-spacing:.11em;color:#8c8f80}.intro-bottom span+span{border-left:1px solid #e2cf9a33;padding-left:25px}
.book-world{position:absolute;inset:0;perspective:2000px;pointer-events:none}.book{position:absolute;width:min(85vw,980px);height:min(65svh,590px);min-height:490px;left:50%;top:50%;transform:translate(-50%,-43%) translateX(var(--book-x)) scale(var(--book-scale)) rotateX(var(--book-rotate-x,6deg)) rotateZ(var(--book-tilt));transform-style:preserve-3d;will-change:transform}.book-shadow{position:absolute;left:37%;top:79%;width:53%;height:10%;background:#000c;filter:blur(28px);border-radius:50%;transform:rotate(-8deg);opacity:calc(1 - var(--open)*.6)}.back-board{position:absolute;left:50%;width:51.3%;height:102.5%;top:-1.25%;background:#322119;border-radius:3px 12px 10px 3px;box-shadow:4px 4px 0 #1b100b,5px 7px 2px #000a,0 20px 80px #0009;transform:translateZ(-10px)}.page-block{position:absolute;left:50%;top:4px;width:50.8%;height:100%;background:repeating-linear-gradient(0deg,#b4a181 0px,#e1cba5 1px,#77694d 2px,#d8c6a5 3px);border-radius:0 8px 8px 0;box-shadow:6px 4px 1px #301d16;transform:translateZ(-5px)}.spread{position:absolute;inset:0;display:flex;transform-style:preserve-3d;opacity:var(--spread-opacity,0)}.paper{width:50%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;padding:30px 34px 18px;color:#28251f;background-color:#e1cfaa;background-image:radial-gradient(ellipse at 60% 55%,#f4e8c9 0%,#d5c094 95%);border:1px solid #b69e6c;box-shadow:inset 0 0 45px #74512e22}.paper:after{content:'';position:absolute;inset:0;opacity:.2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.paper-left{border-radius:10px 0 0 6px;box-shadow:inset -30px 0 40px -25px #422b19a0,inset 8px 0 20px #7a512b44;transform:rotateY(2deg);transform-origin:right}.paper-right{border-radius:0 10px 6px 0;box-shadow:inset 30px 0 40px -25px #422b1980,inset -8px 0 20px #7a512b44;transform:rotateY(-2deg);transform-origin:left}.running-head{display:flex;justify-content:space-between;width:100%;font:600 7px var(--sans);letter-spacing:.1em;border-bottom:1px solid #88744b77;padding-bottom:10px;gap:15px}.chapter{font:500 8px var(--sans);letter-spacing:.24em;margin:22px 0 9px}.chapter b{font-family:var(--serif);font-size:13px;margin-left:5px}.paper h2{font:600 clamp(32px,3.6vw,49px)/.85 var(--serif);text-align:center;letter-spacing:-.045em;margin:0 0 21px}.paper h2 em{font-weight:500}.page-video{background:#211c14;padding:4px;border:1px solid #5a4932;position:relative;width:100%;box-shadow:1px 3px 5px #3f271e40;pointer-events:auto;overflow:hidden}.page-video img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;filter:sepia(.14);transition:filter .3s,transform .5s}.page-video:hover img{filter:sepia(0);transform:scale(1.04)}.play-icon{width:42px;height:42px;border:1px solid #efdfb794;border-radius:50%;display:grid;place-items:center;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);background:#0d100dc0;color:#f4e8cc;font-size:11px;padding-left:3px;backdrop-filter:blur(5px)}.image-caption{position:relative;display:block;color:#dfd0ac;background:#211c14;font:600 7px var(--sans);letter-spacing:.13em;text-align:center;padding:8px 0 4px}.page-description{font:500 15px/1.35 var(--serif);text-align:center;margin:20px 0 12px}.page-description em{font-size:13px;opacity:.7}.ink-link{position:relative;z-index:2;border:0;background:none;color:#862c22;font:700 9px var(--sans);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #862c2266;padding:7px 0;pointer-events:auto}.ink-link span{margin-left:14px}.page-number{margin-top:auto;font:500 10px var(--serif);padding-top:10px}.page-number span{margin:0 10px;opacity:.4}
.cover{position:absolute;top:-1.4%;left:50%;width:51%;height:103%;transform-style:preserve-3d;transform-origin:0 50%;transform:translateZ(var(--cover-depth,9px)) rotateY(var(--cover-angle));z-index:6}.cover-front,.cover-inside{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:3px 10px 10px 3px}.cover-front{background-color:#291b13;background-image:linear-gradient(100deg,#100a05aa,#25140755 40%,#321c0966),url('source-assets/reference%20images/file_00000000e34081f69162acbe15847cf5.png');background-size:100% 100%,1250% auto;background-position:center,52.5% 70%;border:3px solid #513721;box-shadow:inset 8px 0 8px #090501, inset -3px 0 9px #d3a66a55,4px 4px 0 #180b06,9px 12px 24px #0008;display:flex;align-items:center;justify-content:center}.cover-front:before{content:'';position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.22' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.35' filter='url(%23grain)'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.cover-frame{position:relative;width:88%;height:89%;border:1px solid #96744280;outline:1px solid #96744260;outline-offset:-6px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:30px 20px;box-shadow:0 0 0 5px #2d1c1233}.corner{position:absolute;font-size:47px;font-family:Georgia;color:#b29158;line-height:1;text-shadow:0 1px 1px #000}.tl{top:4px;left:6px}.tr{top:4px;right:6px;transform:scaleX(-1)}.bl{bottom:4px;left:6px;transform:scaleY(-1)}.br{bottom:4px;right:6px;transform:scale(-1)}.cover-kicker{position:absolute;top:34px;font-size:7px;letter-spacing:.17em;color:#bda070}.cover-emblem{font-size:37px;color:#bba16a;margin:10px 0 25px;text-shadow:0 2px 2px #000}.cover-logo{width:94%;height:auto;filter:sepia(.35) drop-shadow(0 3px 3px #0008);transform:rotate(-3deg)}.cover-rule{display:flex;align-items:center;gap:12px;width:65%;color:#b59862;margin-top:24px;font-size:20px}.cover-rule>span{height:1px;flex:1;background:#aa885780}.cover-subtitle{font:500 13px/1.5 var(--serif);letter-spacing:.24em;color:#d2bb89;margin:15px 0 0;text-shadow:0 2px 1px #000}.cover-volume{position:absolute;bottom:26px;font:500 7px var(--sans);letter-spacing:.17em;color:#ad9265}.cover-volume span{padding:0 10px}.cover-inside{transform:rotateY(180deg);background:repeating-linear-gradient(45deg,#37291f 0px,#37291f 6px,#493627 7px,#37291f 8px);padding:28px;border:6px solid #332216;box-shadow:inset 0 0 35px #0008}.inside-border{height:100%;border:1px solid #ab8f5755;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c2a16c;background:#1d1711a0}.inside-border>span:first-child{font:500 8px var(--sans);letter-spacing:.4em}.inside-mark{font:500 90px var(--serif);position:relative;margin:20px}.inside-mark span{font-size:65px;margin-left:-22px}.inside-border p{font:italic 28px var(--serif);margin:5px}.inside-border small{font:italic 13px var(--serif);margin-top:15px}.ribbon{position:absolute;left:50%;top:80%;height:28%;width:20px;background:linear-gradient(90deg,#641a15,#a93829 50%,#6a1b13);z-index:4;clip-path:polygon(0 0,100% 0,100% 100%,50% 92%,0 100%);transform:translateZ(-1px);box-shadow:2px 3px 6px #0005;opacity:var(--spread-opacity,0)}
.book-caption{position:absolute;z-index:7;top:9%;left:50%;text-align:center;transform:translateX(-50%);opacity:var(--caption-opacity,0);pointer-events:none;white-space:nowrap}.book-caption>span{font:500 7px var(--sans);letter-spacing:.21em;color:#a9a18c}.book-caption p{font:italic 35px var(--serif);margin:10px 0 9px}.journey-footer{position:absolute;bottom:34px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;z-index:9}.scroll-cue{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.15em;color:#c1b8a3}.scroll-cue i{height:32px;width:18px;border:1px solid #b8a98a60;border-radius:15px;position:relative}.scroll-cue i:after{content:'';height:5px;width:2px;background:#c6b089;position:absolute;top:7px;left:7px;animation:scroll-tick 2s infinite}.journey-counter{font-size:7px;letter-spacing:.18em;color:#a09987}.journey-counter b{font-weight:400;color:#e1d3b7;margin-left:20px}.dust{position:absolute;inset:0;pointer-events:none}.dust i{position:absolute;width:2px;height:2px;border-radius:50%;background:#e2bf72;box-shadow:0 0 6px #f5bc63;opacity:0;animation:drift 13s linear infinite;left:20%;top:60%}.dust i:nth-child(2){left:74%;top:80%;animation-delay:-3s}.dust i:nth-child(3){left:48%;top:42%;animation-delay:-6s}.dust i:nth-child(4){left:13%;top:90%;animation-delay:-9s}.dust i:nth-child(5){left:86%;top:62%;animation-delay:-1s}.dust i:nth-child(6){left:36%;top:74%;animation-delay:-11s}.dust i:nth-child(7){left:62%;top:50%;animation-delay:-5s}.dust i:nth-child(8){left:92%;top:86%;animation-delay:-7s}@keyframes drift{0%{opacity:0;transform:translate(0,0)}20%,70%{opacity:.45}100%{opacity:0;transform:translate(35px,-180px)}}@keyframes scroll-tick{0%,100%{transform:translateY(0);opacity:.6}60%{transform:translateY(8px);opacity:1}}
.tales-section{position:relative;padding:95px 7.5% 110px;background:#10120f}.section-top{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #bca98433;padding-top:20px}.small-note{font-size:7px;letter-spacing:.13em;color:#8e8d7d}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:30px 0 45px;gap:40px}.section-heading h2{font:500 clamp(38px,4vw,64px)/.95 var(--serif);letter-spacing:-.025em;margin:0}.section-heading h2 em{font-weight:400;color:#bda784}.section-heading>p{color:#9d9d8f;font-size:11px;line-height:1.8;margin-bottom:2px}.tales-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.tale-card{min-width:0}.tale-image{width:100%;padding:0;border:1px solid #82745644;background:#171a15;position:relative;overflow:hidden;aspect-ratio:16/9;display:block}.tale-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s;filter:saturate(.8)}.tale-image:hover img{transform:scale(1.035);filter:saturate(1)}.tale-image .play-icon{width:58px;height:58px;top:50%;opacity:0;transition:opacity .3s}.tale-image:hover .play-icon,.tale-image:focus-visible .play-icon{opacity:1}.tale-badge{position:absolute;left:15px;bottom:15px;background:#10120fe0;padding:8px 12px;font-size:8px;letter-spacing:.15em;border:1px solid #d6c49730}.tale-info{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:22px 0 12px}.tale-info h3{font:500 37px var(--serif);letter-spacing:-.02em;margin:0}.tale-info button{background:none;border:1px solid #bca98455;width:33px;height:33px;border-radius:50%;font-size:18px;color:#cfb58c;flex-shrink:0;transition:background .3s}.tale-info button:hover{background:#593421}.tale-card>p{font-size:11px;line-height:1.85;color:#a2a193;max-width:400px}.tale-bottom{display:flex;justify-content:space-between;border-top:1px solid #bca98422;margin-top:25px;padding-top:14px;color:#b7a98f;font-size:7px;letter-spacing:.13em}.tale-bottom span+span{color:#737a6d}
.keeper-section{display:grid;grid-template-columns:1.2fr 1fr;min-height:560px;background:#171914;border-top:1px solid #bca98422}.keeper-image{position:relative;min-height:560px;overflow:hidden}.keeper-image>img{width:100%;height:100%;object-fit:cover;object-position:47%;filter:saturate(.72)}.keeper-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#171914 100%),linear-gradient(0deg,#0c0f0ac0,transparent 40%)}.keeper-tag{position:absolute;z-index:1;bottom:35px;left:12%;font-size:7px;letter-spacing:.2em;color:#d2bb91}.keeper-copy{padding:70px 14% 60px 10%;align-self:center}.keeper-copy h2{font:500 80px/.82 var(--serif);letter-spacing:-.04em;margin:30px 0}.keeper-copy h2 em{color:#b9a07a;font-weight:400}.keeper-copy>p:not(.eyebrow){font:400 20px/1.4 var(--serif);color:#d1c3a9}.keeper-copy .keeper-detail{font:400 11px/1.9 var(--sans)!important;color:#9b9f8f!important;max-width:310px;margin-top:25px}.text-link{display:inline-flex;gap:40px;font-size:10px;border-bottom:1px solid #bca98466;padding:15px 0;margin-top:10px}.text-link span{color:#c3a16e}.site-footer{padding:45px 7.5%;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:35px;border-top:1px solid #bca98422}.site-footer>img{width:105px;height:auto}.site-footer div p{font-size:8px;letter-spacing:.17em}.site-footer div span{font-size:8px;color:#7c8475}.site-footer>a{font-size:9px;color:#c1b292}.site-footer small{grid-column:1/-1;padding-top:20px;border-top:1px solid #bca98422;color:#737b6d;font-size:7px;letter-spacing:.15em}
.screening{width:min(1000px,92vw);padding:30px;border:1px solid #9b7c4b66;background:#11150f;color:var(--cream);box-shadow:0 30px 100px #000c;max-height:92svh;overflow:auto}.screening::backdrop{background:#030705e8;backdrop-filter:blur(12px)}.screening-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.close-screening{background:none;border:1px solid #bca98466;width:36px;height:36px;font-size:16px}.screening h2{font:500 46px var(--serif);margin:12px 0 25px}.player-mount{aspect-ratio:16/9;background:#060906;position:relative;overflow:hidden}.player-mount iframe{border:0;display:block;width:100%;height:100%}.player-placeholder{height:100%;position:relative;display:grid;place-items:center;text-align:center;padding:25px}.player-placeholder>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25;filter:blur(3px)}.player-placeholder div{z-index:1}.player-placeholder p{font:italic 34px var(--serif);margin:14px 0}.player-placeholder small{font-size:11px;color:#c4baa6}.screening-note{font-size:10px;color:#9d9e8c;line-height:1.7}.screening-note a{color:#d5b57d;border-bottom:1px solid}.noscript-note{padding:15px;font-size:12px}.reduced-motion *{animation:none!important;scroll-behavior:auto!important}.reduced-motion .book-journey{height:100svh}.reduced-motion .book{transition:none}.reduced-motion .intro{display:none}.reduced-motion .room{transform:none}.reduced-motion .book-caption{opacity:1}
@media(min-width:1700px){.intro{left:10%}.book{max-height:640px;height:68svh}.paper{padding:35px 40px}.page-description{font-size:17px}.page-video{margin-top:8px}.paper h2{font-size:52px}.chapter{margin-top:26px}.intro h1{font-size:140px}}
@media(max-height:760px) and (min-width:761px){.stage{min-height:620px}.intro{top:25%}.intro h1{font-size:92px}.intro-bottom{margin-top:30px}.book{height:510px;min-height:0}.paper{padding:22px 30px 14px}.chapter{margin-top:17px}.paper h2{font-size:42px;margin-bottom:15px}.page-description{margin:13px 0 7px;font-size:13px}.cover-emblem{margin:5px 0 18px}.book-caption{top:5%}.book-caption p{font-size:30px}.journey-footer{bottom:22px}}
@media(max-width:1000px) and (min-width:761px){.intro{left:5%;width:48%}.intro h1{font-size:90px}.intro-bottom{display:none}.paper{padding:26px 25px 18px}.book{height:540px;min-height:0}.cover-kicker{font-size:6px}.cover-subtitle{font-size:11px}.cover-volume{font-size:6px}.keeper-copy{padding:50px 10%}.keeper-copy h2{font-size:65px}.keeper-image{min-height:510px}}
@media(max-width:760px){html{scroll-padding-top:20px}.site-header{height:78px;padding:14px 6%}.brand{width:93px}.site-header nav{gap:22px;margin-right:0;font-size:10px}.motion-control{position:fixed;bottom:18px;right:18px;z-index:30;padding:10px;background:#11170fe8;box-shadow:0 2px 15px #0008}.book-journey{height:260svh}.stage{min-height:650px}.room{background-position:54% 50%;filter:saturate(.6)}.room-shade{background:linear-gradient(0deg,#10120f,transparent 24%,#0c100e66 55%,#0b100ee8 98%),linear-gradient(90deg,#0d120ec9,#10120f66)}.intro{top:16%;left:7%;width:86%;text-align:center}.intro .eyebrow{justify-content:center;font-size:7px;letter-spacing:.16em}.intro h1{font-size:clamp(61px,14vw,85px);line-height:.84;margin:22px 0 16px}.intro-copy{font-size:11px;line-height:1.7;margin:0}.open-book{gap:50px;margin:18px auto 0;font-size:10px;padding:10px 0}.intro-bottom{display:none}.book{width:90vw;height:530px;min-height:0;top:50%;transform:translate(-50%,-50%) translateX(var(--book-x)) translateY(var(--book-mobile-y,26svh)) scale(var(--book-scale)) rotateX(var(--book-rotate-x,6deg)) rotateZ(var(--book-tilt))}.cover{width:52%}.cover-frame{padding:20px 12px}.cover-logo{width:100%}.cover-kicker{font-size:7px;top:40px;line-height:1.7;max-width:80%;letter-spacing:.12em}.cover-emblem{margin-top:15px;margin-bottom:30px}.cover-volume{font-size:6px;bottom:28px;line-height:1.7}.cover-subtitle{font-size:14px}.corner{font-size:37px}.cover-rule{width:75%;margin-top:23px}.book-caption{top:13%;width:100%;white-space:normal}.book-caption p{font-size:30px}.book-caption>span{font-size:6px}.paper{padding:30px 24px 18px;width:50%}.paper h2{font-size:43px}.paper .running-head{font-size:6px}.chapter{margin-top:25px}.page-description{font-size:16px;margin-top:25px}.page-video{margin-top:10px}.paper-left{visibility:hidden}.paper-right{width:100%;position:absolute;right:0;transform:none;border-radius:8px;padding:28px 32px 18px}.spread{width:50%;left:50%}.back-board{width:52%}.page-block{width:51.5%}.paper-right h2{font-size:55px;margin-bottom:22px}.paper-right .page-description{font-size:17px}.paper-right .chapter{margin-top:28px}.paper-right .page-video{margin-top:5px}.paper-right .running-head{font-size:7px}.paper-right .ink-link{font-size:10px;margin-top:8px}.paper-right .image-caption{font-size:7px}.cover-inside{padding:17px}.inside-mark{font-size:75px}.inside-mark span{font-size:48px}.inside-border p{font-size:24px}.inside-border small{font-size:11px}.ribbon{left:53%}.journey-footer{left:7%;right:7%;bottom:29px}.journey-counter{font-size:6px}.journey-counter b{margin-left:10px}.scroll-cue{font-size:7px;gap:9px}.scroll-cue i{height:28px;width:16px}.scroll-cue i:after{left:6px}.tales-section{padding:65px 7% 60px}.section-top{align-items:flex-start}.section-top .eyebrow{font-size:7px}.small-note{display:none}.section-heading{display:block;margin:25px 0 30px}.section-heading h2{font-size:42px}.section-heading>p{font-size:11px;margin-top:22px}.tales-grid{grid-template-columns:1fr;gap:37px}.tale-info{margin-top:18px}.tale-info h3{font-size:34px}.tale-card>p{font-size:11px}.tale-image .play-icon{opacity:1;width:45px;height:45px}.tale-bottom{margin-top:19px}.keeper-section{grid-template-columns:1fr}.keeper-image{min-height:0;height:330px}.keeper-image>img{object-position:50% 35%}.keeper-image:after{background:linear-gradient(0deg,#171914,transparent 35%)}.keeper-tag{bottom:27px;left:7%;font-size:6px}.keeper-copy{padding:15px 8% 55px}.keeper-copy h2{font-size:74px;margin:28px 0}.keeper-copy .keeper-detail{max-width:100%}.site-footer{padding:35px 7% 75px;grid-template-columns:100px 1fr;gap:25px}.site-footer div p{font-size:7px;line-height:1.7}.site-footer div span{font-size:7px}.site-footer>a{grid-column:1/-1;font-size:10px}.site-footer small{padding-top:20px}.screening{padding:20px;width:94vw}.screening h2{font-size:36px;margin:18px 0}.player-placeholder p{font-size:26px}.player-placeholder small{font-size:9px}.screening-note{font-size:9px}.reduced-motion .book-caption{top:10%}.reduced-motion .stage{min-height:740px}.reduced-motion .book-journey{height:740px}.reduced-motion .book{top:51%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* A phone displays one readable leaf at a time, keeping the full collection below. */
@media(max-width:760px){
.stage{min-height:760px}
.book{height:var(--book-mobile-height,410px)}
.book-caption{top:6.5%}
.book-caption p{font-size:27px}
.paper-right{padding:14px 15px 9px}
.paper-right .running-head{font-size:3.5px;letter-spacing:.06em;gap:6px;padding-bottom:5px}
.paper-right .chapter{font-size:4px;margin:12px 0 6px}
.paper-right .chapter b{font-size:7px;margin-left:3px}
.paper-right h2{font-size:28px;margin-bottom:10px}
.paper-right .page-video{padding:2px;margin-top:0}
.paper-right .play-icon{width:23px;height:23px;font-size:7px}
.paper-right .image-caption{font-size:4px;padding:4px 0 2px;letter-spacing:.07em}
.paper-right .page-description{font-size:9px;line-height:1.35;margin:10px 0 3px}
.paper-right .page-description em{font-size:8px}
.paper-right .ink-link{font-size:5px;margin-top:2px;padding:4px 0}
.paper-right .ink-link span{margin-left:7px}
.paper-right .page-number{font-size:6px;padding-top:5px}
.cover-kicker{top:25px;font-size:6px}
.cover-emblem{font-size:26px;margin-top:0;margin-bottom:16px}
.cover-rule{margin-top:17px;font-size:16px}
.cover-subtitle{font-size:11px;margin-top:10px}
.cover-volume{bottom:17px;font-size:5px}
.corner{font-size:30px}
.cover-inside{padding:12px}
.inside-mark{font-size:45px;margin:12px}.inside-mark span{font-size:30px;margin-left:-12px}
.inside-border p{font-size:15px}.inside-border small{font-size:8px}
.inside-border>span:first-child{font-size:5px}
.reduced-motion .book{top:51%}
+}
@media(max-width:760px){
  .reduced-motion .book-caption{top:95px}
  .reduced-motion .book{top:57%}
}