@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:400;src:url(./fraunces-latin-400-normal-6IfK1voy.woff2)format("woff2"),url(./fraunces-latin-400-normal-NUPT2cO8.woff)format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:500;src:url(./fraunces-latin-500-normal-DnGCNyPD.woff2)format("woff2"),url(./fraunces-latin-500-normal-BTR4KCeb.woff)format("woff")}@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:400;src:url(./fraunces-latin-400-italic-ChpO6tcr.woff2)format("woff2"),url(./fraunces-latin-400-italic-B7iDoVhm.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(./dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(./dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(./dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}:root{color:#284c3f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#284c3f;--muted:#72776a;--paper:#f7f4eb;--serif:"Fraunces", Georgia, serif;background:#f7f4eb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}body:before{content:"";z-index:-1;pointer-events:none;opacity:.24;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888774' opacity='.17' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline-offset:6px;border-radius:4px;outline:3px solid #b97937}::selection{color:#203f33;background:#dce5c7}h1,h2,h3,p{margin:0}.skip-link{background:var(--ink);color:#fff;z-index:10;padding:12px 20px;position:fixed;top:10px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid #284c3f12;justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:1440px;margin:0 auto;padding:29px 5%;display:flex}.brand{flex-shrink:0;align-items:center;gap:11px;display:inline-flex}.brand>span{font-family:var(--serif);letter-spacing:-.7px;font-size:23px}.brand-dot{color:#b88949}.header-note{color:var(--muted);font-size:12px}.shelf-main{max-width:1060px;margin:0 auto;padding:0 50px}.shelf-intro{text-align:center;padding:72px 0 24px}.shelf-intro h1{width:fit-content;font-family:var(--serif);letter-spacing:-2.7px;margin:0 auto;font-size:clamp(44px,5vw,66px);font-weight:400;line-height:1.08;position:relative}.shelf-intro h1 em{color:#6e795b;font-weight:400}.hero-spark{color:#ae8e52;position:absolute;top:35px;right:-67px;transform:rotate(14deg)}.book-grid{grid-template-columns:1fr 1fr;gap:80px;padding:36px 54px 0;display:grid}.book-link{flex-direction:column;height:100%;display:flex}.book-cover{aspect-ratio:1/1.3;border-radius:3px 8px 8px 3px;flex-shrink:0;width:100%;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:3px 5px 3px #44372112,7px 13px 23px -9px #4437213d,inset -2px 0 #ffffff80}.book-card:nth-child(odd) .book-cover{transform:rotate(-2deg)}.book-card:nth-child(2n) .book-cover{transform:rotate(2deg)}.cover-caption{text-align:center}.cover-caption .cover-title{font-size:clamp(23px,2.6vw,33px)}.cover-caption .cover-subtitle{font-size:clamp(13px,1.5vw,17px)}.book-link:hover .book-cover{transform:translateY(-7px)rotate(0);box-shadow:5px 13px 24px -4px #44372138}.cover-spine{pointer-events:none;background:linear-gradient(90deg,#17291930,#ffffff16 30%,#0000000f 57%,#0000 70%);border-right:1px solid #00000008;width:17px;position:absolute;inset:0 auto 0 0}.illustrated-cover{background:#ede8d5;overflow:hidden}.cover-image{aspect-ratio:1;width:100%;height:auto;display:block}.cover-caption{flex-direction:column;justify-content:center;align-items:center;height:23.077%;padding:6px 12px 8px;display:flex}.cover-title{font-family:var(--serif);letter-spacing:-1.4px;font-size:clamp(24px,3vw,37px);font-weight:500;line-height:1.1}.cover-subtitle{font-family:var(--serif);margin-top:4px;font-size:17px}.type-cover{text-align:center;color:#f2e9c9;background:#345848;flex-direction:column;align-items:center;padding:35px 22px 18px;display:flex;overflow:hidden}.type-cover-frame{border:1px solid #ebddb349;border-radius:2px;position:absolute;inset:13px 13px 13px 18px}.cover-edition{letter-spacing:1.9px;margin-bottom:27px;font-size:7px;position:relative}.type-cover .cover-title{font-size:clamp(25px,3vw,35px);position:relative}.type-cover .cover-subtitle{white-space:pre-line;color:#dcc78d;margin-top:11px;font-size:clamp(22px,2.6vw,31px);font-style:italic;line-height:1.22;position:relative}.type-cover .cover-subtitle:first-line{color:#f2e9c9;font-style:normal}.cover-gate{background:#f0dfb00d;border:1px solid #e1d0a783;border-bottom:0;border-radius:48px 48px 0 0;flex-shrink:0;width:91px;height:113px;margin-top:auto;position:relative;overflow:hidden}.gate-door{border:1px solid #e1d0a759;border-bottom:0;border-radius:42px 42px 0 0;position:absolute;inset:7px 7px 0}.gate-sun{background:#d8ba74;border-radius:50%;width:19px;height:19px;position:absolute;top:33px;left:25px}.gate-path{border:1px solid #d0bd8a80;border-radius:50%;width:55px;height:70px;position:absolute;top:72px;left:25px;transform:rotate(-22deg)}.cover-bottom{font-family:var(--serif);color:#e2d8b7;margin-top:14px;font-size:10px;font-style:italic}.book-length{color:#737967;margin-top:22px;font-size:12px}.shelf-closing{color:#858b75;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:58px 0 43px;display:flex}.shelf-closing>span{background:#c8cdbb;width:35px;height:1px}.shelf-closing>svg{width:20px;height:20px}.shelf-closing>p{text-align:center;font-family:var(--serif);flex-basis:100%;font-size:13px;font-style:italic}.site-footer{color:#797e6d;border-top:1px solid #284c3f12;justify-content:space-between;max-width:1440px;margin:auto;padding:21px 5%;font-size:10px;display:flex}.back-to-shelf{align-items:center;gap:9px;font-size:12px;display:inline-flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reader{--bar-height:calc(60px + env(safe-area-inset-bottom));--leaf-gap:clamp(20px, 3vw, 44px);background:#fffdf6;flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0}.reader:fullscreen{height:100%}.reader-main{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.book-spread{touch-action:pan-y pinch-zoom;width:100%;min-height:100%;position:relative}.book-spread:focus{outline:none}.spread-content{min-height:calc(100dvh - var(--bar-height));grid-template-columns:1fr 1fr;animation:.22s ease-out both page-in;display:grid;position:relative}.spread-content.backward{animation-name:page-back}.spread-content.under-flip{animation:none}.spread-content.two-page:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#4a3a1e09 28%,#4a3a1e17 44%,#4a3a1e26 50%,#4a3a1e17 56%,#4a3a1e09 72%,#0000);width:min(11vw,150px);position:absolute;inset:0 auto 0 50%;transform:translate(-50%)}.page-flip{--flip-time:.76s;--flip-ease:cubic-bezier(.55, .06, .3, 1);--fold:74 58 30;z-index:2;perspective:3600px;pointer-events:none;position:absolute;inset:0}.flip-half,.flip-leaf,.flip-cast{width:50%;position:absolute;top:0;bottom:0}.flip-half,.flip-face{background:#fffdf6;overflow:hidden}.flip-sheet{width:200%;height:100%;position:absolute;top:0}.flip-sheet>.spread-content{height:100%;min-height:0;animation:none}.flip-leaf{transform-style:preserve-3d;animation:var(--flip-time) var(--flip-ease) both}.flip-face{backface-visibility:hidden;position:absolute;inset:0}.flip-face.back{transform:rotateY(180deg)}.flip-face:after{content:"";pointer-events:none;animation:var(--flip-time) var(--flip-ease) both;position:absolute;inset:0}.flip-face.front:after{animation-name:shade-lift}.flip-face.back:after{animation-name:shade-land}.flip-cast.revealed{animation:cast-reveal var(--flip-time) var(--flip-ease) both}.flip-cast.covered{animation:cast-cover var(--flip-time) var(--flip-ease) both}.page-flip.forward .flip-static{left:0}.page-flip.forward .flip-leaf{transform-origin:0;animation-name:leaf-forward;left:50%}.page-flip.forward .flip-static .flip-sheet,.page-flip.forward .back .flip-sheet{left:0}.page-flip.forward .front .flip-sheet{left:-100%}.page-flip.forward .front:after{background:linear-gradient(to right, rgb(var(--fold) / .24), rgb(var(--fold) / .07) 25%, transparent 60%)}.page-flip.forward .back:after{background:linear-gradient(to left, rgb(var(--fold) / .24), rgb(var(--fold) / .07) 25%, transparent 60%)}.page-flip.forward .revealed{background:linear-gradient(to right, rgb(var(--fold) / .22), transparent 45%);left:50%}.page-flip.forward .covered{background:linear-gradient(to left, rgb(var(--fold) / .2), transparent 55%);left:0}.page-flip.backward .flip-static{left:50%}.page-flip.backward .flip-leaf{transform-origin:100%;animation-name:leaf-backward;left:0}.page-flip.backward .flip-static .flip-sheet,.page-flip.backward .back .flip-sheet{left:-100%}.page-flip.backward .front .flip-sheet{left:0}.page-flip.backward .front:after{background:linear-gradient(to left, rgb(var(--fold) / .24), rgb(var(--fold) / .07) 25%, transparent 60%)}.page-flip.backward .back:after{background:linear-gradient(to right, rgb(var(--fold) / .24), rgb(var(--fold) / .07) 25%, transparent 60%)}.page-flip.backward .revealed{background:linear-gradient(to left, rgb(var(--fold) / .22), transparent 45%);left:0}.page-flip.backward .covered{background:linear-gradient(to right, rgb(var(--fold) / .2), transparent 55%);left:50%}.text-leaf{align-items:center;min-width:0;padding:40px clamp(28px,5vw,80px);display:flex}.story-text{width:100%;max-width:680px;font:400 clamp(24px, 2.25vw, 34px)/1.6 var(--serif);color:#343e32;letter-spacing:-.3px;overflow-wrap:break-word;margin:0 auto}.story-text>p+p{margin-top:1em}.sound-effect{width:fit-content;max-width:100%;color:var(--ink);letter-spacing:.035em;margin:.55em 0;font-size:1.16em;font-weight:500;line-height:1.35;display:block}.image-leaf{min-width:0;padding:var(--leaf-gap);justify-content:center;align-items:center;margin:0;display:flex}.image-leaf img{width:100%;max-width:calc(100dvh - var(--bar-height) - 2 * var(--leaf-gap));aspect-ratio:1;object-fit:contain;height:auto;display:block}.title-leaf{width:100%;max-width:680px;margin:0 auto}.title-leaf-title{font:500 clamp(44px, 5vw, 76px)/1.05 var(--serif);letter-spacing:-.03em;color:var(--ink);overflow-wrap:break-word}.title-leaf-subtitle{font:italic 400 clamp(24px, 2.4vw, 36px)/1.25 var(--serif);letter-spacing:-.01em;color:var(--muted);margin-top:.35em}.begin-reading{min-height:54px;margin-top:44px;padding:16px 26px;font-size:15px}.begin-reading:hover{background:#e7eadc}.image-leaf.vignette img{mix-blend-mode:multiply}.text-only .spread-content{grid-template-columns:1fr}.text-only .story-text{max-width:760px}.story-end{color:#778365;flex-direction:column;align-items:center;gap:3px;margin-top:22px;font-size:18px;font-style:italic;display:flex}.story-end>span{font-size:20px;font-style:normal}.reader-controls{min-height:var(--bar-height);padding:8px max(16px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:#fffdf6;border-top:1px solid #284c3f14;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid;position:relative}.page-turns{justify-content:center;align-items:center;gap:20px;display:flex}.bar-button{min-width:44px;min-height:44px;color:var(--ink);background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font:500 12px DM Sans,sans-serif;display:inline-flex}.bar-button:hover:not(:disabled){background:#e7eadc}.bar-button:disabled{opacity:.3}.bar-button:focus-visible{outline-offset:1px}.shelf-button{justify-self:start}.shelf-button svg{width:21px;height:21px}.fullscreen-toggle{justify-self:end}.fullscreen-placeholder{width:44px}.page-progress{text-align:center;color:#747965;white-space:nowrap;min-width:52px;font-size:11px}.page-progress strong{color:var(--ink);font-weight:600}.replay-icon{font-size:22px;line-height:1}.fullscreen-error{background:#fffdf6;border:1px solid #c8cebc;border-radius:5px;max-width:min(360px,100vw - 24px);padding:12px 16px;font-size:12px;line-height:1.5;position:absolute;bottom:calc(100% + 8px);right:12px}.page-button{color:var(--ink);background:0 0;border:1px solid #c8cebc;border-radius:5px;justify-content:center;align-items:center;gap:13px;width:fit-content;min-height:46px;padding:13px 22px;font-size:12px;font-weight:500;display:inline-flex}.image-unavailable{text-align:center;padding:50px 20px;font-size:13px}.image-unavailable p{margin:14px 0}.image-unavailable button{color:var(--ink);background:0 0;border:1px solid #a8b59b;border-radius:4px;padding:10px 15px}.missing-page{text-align:center;padding:100px 24px}.missing-page h1{font:400 40px var(--serif);margin:20px 0}.missing-page p{color:var(--muted);margin-bottom:25px;line-height:1.8}@keyframes page-in{0%{opacity:.3}to{opacity:1}}@keyframes page-back{0%{opacity:.3}to{opacity:1}}@keyframes leaf-forward{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes leaf-backward{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes shade-lift{0%{opacity:0}50%,to{opacity:1}}@keyframes shade-land{0%,50%{opacity:1}to{opacity:0}}@keyframes cast-reveal{0%{opacity:1}60%,to{opacity:0}}@keyframes cast-cover{0%,45%{opacity:0}85%{opacity:1}to{opacity:0}}@media (width>=1400px){.shelf-intro{padding-top:84px}}@media (width<=1000px){.book-grid{gap:50px;padding-left:25px;padding-right:25px}.type-cover{padding-top:28px}.cover-edition{margin-bottom:19px}.cover-gate{width:74px;height:92px}}@media (width<=700px){.site-header{padding:22px 24px}.header-note{display:none}.brand>span{font-size:22px}.shelf-main{padding:0 26px}.shelf-intro{padding:48px 0 12px}.shelf-intro h1{letter-spacing:-2.2px;font-size:47px}.hero-spark{width:23px;top:24px;right:-23px}.book-grid{grid-template-columns:1fr;gap:45px;max-width:390px;margin:auto;padding:29px 18px 0}.cover-title{font-size:35px}.cover-subtitle{font-size:17px}.type-cover{padding:34px 20px 21px}.type-cover .cover-title{font-size:32px}.type-cover .cover-subtitle{font-size:29px}.cover-gate{width:83px;height:100px}.cover-edition{margin-bottom:23px;font-size:7px}.book-length{margin-top:18px}.shelf-closing{padding:43px 0 33px}.shelf-closing>p{max-width:280px;font-size:12px;line-height:1.6}.site-footer{justify-content:center;padding:20px 24px;font-size:10px}.site-footer>span:last-child{display:none}.back-to-shelf{gap:5px;font-size:10px}.back-to-shelf svg{width:15px}}@media (width<=360px){.shelf-intro h1{font-size:41px}.hero-spark{width:19px;right:-21px}.book-grid{padding-left:8px;padding-right:8px}.type-cover .cover-title{font-size:28px}.type-cover .cover-subtitle{font-size:25px}.cover-edition{margin-bottom:16px;font-size:6px}.cover-gate{height:79px}}@media (width<=700px){.spread-content{flex-direction:column;display:flex}.image-leaf{order:-1;padding:0}.spread-content.two-page:after{display:none}.image-leaf img{max-width:none}.title-leaf-title{font-size:40px}.title-leaf-subtitle{font-size:22px}.begin-reading{margin-top:28px}.text-leaf{flex:1;padding:28px 28px 36px}.story-text{font-size:24px}.reader-controls{grid-template-columns:44px 1fr 44px;gap:4px;padding-left:8px;padding-right:8px}.page-turns{gap:8px}.bar-button{padding:8px}.control-label{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
