@property --s1{syntax:"<color>";inherits:true;initial-value:#94bcc1}@property --near{syntax:"<color>";inherits:true;initial-value:#173a4b}@property --accent{syntax:"<color>";inherits:true;initial-value:#e2663a}@property --title{syntax:"<color>";inherits:true;initial-value:#fff4d6}:root{--paper:#f6e7c1;--paper-2:#ecd9a8;--gold:#f2b441;--red:#c8532e;--plum:#4f2150;--gilt:#dcae5a;--ink-brown:#3a2412;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .42 0 0 0 0 .28 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E");--display:"Berkshire Swash","Palatino Linotype",Georgia,serif;--body:"Andika","Trebuchet MS","Segoe UI",sans-serif;--wrap:1120px;transition:--s1 1s,--near 1s,--accent 1s,--title 1s}*{box-sizing:border-box}html{--head:92px;--fade:44px}body{margin:0;color:var(--paper);font-family:var(--body);font-size:18px;line-height:1.6;background:var(--s1);min-height:100vh}img{max-width:100%}[hidden]{display:none!important}a{color:var(--gold);text-underline-offset:3px}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.08;margin:0;text-wrap:balance}h1{font-size:clamp(2.5rem,6.4vw,4.6rem);color:var(--title);text-shadow:4px 4px 0 color-mix(in srgb,var(--near) 80%,transparent)}h2{font-size:clamp(1.8rem,4vw,2.6rem);color:var(--gold)}h3{font-size:1.45rem}p{margin:0}.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:max(20px,env(safe-area-inset-left)) max(20px,env(safe-area-inset-right))}.stack{display:flex;flex-direction:column;gap:1rem}.section{padding-block:3.2rem}.lede{font-size:1.28rem;max-width:33em;color:var(--title);font-weight:700;text-shadow:2px 2px 0 color-mix(in srgb,var(--near) 85%,transparent)}.small{font-size:.92rem;opacity:.85}.page{animation:pagein .55s cubic-bezier(.2,.8,.2,1) both}@keyframes pagein{0%{opacity:0;transform:translateY(18px)}}.paper,.scroll{position:relative;isolation:isolate;color:var(--ink-brown)}.paper:before,.scroll:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:14px;background:var(--grain),radial-gradient(120% 90% at 50% 40%,#f9eed0 0 50%,#f0dcab 82%,#dcbb7c 100%);background-blend-mode:multiply,normal;box-shadow:inset 0 0 0 2px #a67c3c99,inset 0 0 46px #a8742e77;filter:url(#torn) drop-shadow(0 10px 0 #0000003d) drop-shadow(0 18px 22px #00000059)}.scroll:before{filter:url(#torn-sm) drop-shadow(0 6px 0 #0000003d) drop-shadow(0 12px 16px #00000059)}.paper{padding:2.4rem}.paper h2,.paper h3{color:var(--plum)}.paper a{color:#8a2f14}.back p+p{margin-top:.9rem}.back p:first-of-type:first-letter{font-family:var(--display);font-size:3.2em;float:left;line-height:.85;padding:.08em .1em 0 0;color:var(--red)}.back h2{padding-right:110px}.btn.quiet,.shelf .name{background:#f8ecc9;color:var(--ink-brown);border:2px solid #7a5a2e;box-shadow:inset 0 0 0 2px #f8ecc9,inset 0 0 0 3px #b9975a,0 3px 0 #0000004d}.buybox,.card,.panel,.player{background:var(--grain),var(--near);background-blend-mode:soft-light,normal;color:var(--paper);border:2px solid var(--gilt);border-radius:16px;padding:1.8rem;box-shadow:inset 0 0 0 5px var(--near),inset 0 0 0 6px color-mix(in srgb,var(--gilt) 70%,transparent),0 10px 0 #0000003d,0 18px 24px #00000059}.site-head{position:fixed;top:24px;left:0;right:0;z-index:40;padding-inline:24px}.site-head .wrap{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap;padding:.7rem 1.6rem .8rem;color:var(--ink-brown)}.site-head .wrap:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:12px;background:var(--grain),radial-gradient(120% 160% at 50% 40%,#f9eed0 0 50%,#f0dcab 82%,#dcbb7c 100%);background-blend-mode:multiply,normal;box-shadow:inset 0 0 0 2px #a67c3c99,inset 0 0 26px #a8742e66;filter:url(#torn-sm) drop-shadow(0 5px 0 #0000003d) drop-shadow(0 10px 14px #00000059)}.wordmark{font-family:var(--display);font-size:1.7rem;color:var(--ink-brown);text-decoration:none}.wordmark:after,.wordmark:before{content:"❧";font-size:.7em;color:#a67c3c;margin-inline:.45em;display:inline-block}.wordmark:before{transform:scaleX(-1)}.nav{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.nav a{font-family:var(--display);font-size:1.02rem;padding:.3rem 1rem .4rem;text-decoration:none;color:#fbefcf;background:var(--plum);border:2px solid var(--gilt);box-shadow:inset 0 0 0 2px var(--plum),inset 0 0 0 3px color-mix(in srgb,var(--gilt) 75%,transparent),0 3px 0 #0000004d;transition:background-color .12s}.nav a:hover{background:#6a2f62}.site-foot{margin-top:3rem;padding-block:2.2rem 3rem;background:var(--near);color:var(--paper);font-size:.95rem;border-top:2px solid var(--gilt);box-shadow:0 -6px 0 var(--near),0 -7px 0 color-mix(in srgb,var(--gilt) 60%,transparent)}.site-foot .cols{display:flex;gap:1.2rem 2rem;flex-wrap:wrap;justify-content:space-between}.site-foot p{max-width:36em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:400 1.2rem/1.2 var(--display);cursor:pointer;text-decoration:none;text-align:center;padding:.7rem 1.5rem .8rem;border-radius:12px;border:2px solid var(--gilt);background:var(--plum);color:#fbefcf;box-shadow:inset 0 0 0 3px var(--plum),inset 0 0 0 4px color-mix(in srgb,var(--gilt) 75%,transparent),0 5px 0 #0000005c;transition:transform .12s,box-shadow .12s,background-color .12s}.btn:hover{transform:translateY(2px);background:#6a2f62}.btn:active{transform:translateY(5px)}.btn.quiet{border-color:#7a5a2e}.btn.quiet:hover{background:var(--gold)}.btn[disabled]{opacity:.55;cursor:not-allowed}.hero{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:2rem;gap:2rem;align-items:center;padding-block:1.2rem 3.4rem}.hero .stack{align-items:flex-start;gap:1.2rem}.scroll{padding:1.5rem 2.2rem 1.8rem;margin-left:-1rem}.scroll h1{color:var(--ink-brown);text-shadow:none;font-size:clamp(2.1rem,5.2vw,3.9rem)}.hero .actions,.hero .lede{padding-inline:.4rem}.hero .actions{display:flex;gap:.9rem;flex-wrap:wrap}.covers{position:relative;aspect-ratio:1/1.05;max-width:440px;width:100%;justify-self:center}.covers img{position:absolute;width:62%;border-radius:10px;border:3px solid var(--near);box-shadow:0 0 0 2px var(--gilt),0 12px 0 #0000003d,0 20px 26px #00000066;transition:transform .3s cubic-bezier(.2,.8,.2,1);--rot:6deg;--out:46%,-6%;transform:rotate(var(--rot));z-index:1;cursor:pointer}.covers img:first-child{right:0;top:0}.covers img:last-child{left:0;bottom:0;--rot:-5deg;--out:-46%,6%}.covers img.top{z-index:3}.covers img.top:hover{transform:rotate(var(--rot)) scale(1.03)}.covers img.rising{animation:cover-rise .4s linear}.covers img.sinking{animation:cover-sink .4s linear}@keyframes cover-rise{0%{z-index:1;transform:rotate(var(--rot));animation-timing-function:cubic-bezier(.3,.5,.6,1)}45%{z-index:1}46%{z-index:3}50%{z-index:3;transform:translate(var(--out)) rotate(calc(var(--rot) * 1.7));animation-timing-function:cubic-bezier(.4,0,.5,1)}to{z-index:3;transform:rotate(var(--rot))}}@keyframes cover-sink{0%,45%{z-index:3}46%,to{z-index:1}}.map{padding:3.6rem 2.8rem 0;margin-top:2rem;overflow:visible}.banner{align-self:center;position:relative;display:flex;align-items:center;margin:-6.4rem 0 .4rem;padding:.55rem 2.6rem .75rem;text-align:center;color:#fbefcf!important;background:var(--grain),var(--plum);background-blend-mode:soft-light,normal;border:2px solid var(--gilt);border-radius:46px 14px;box-shadow:inset 0 0 0 4px var(--plum),inset 0 0 0 5px color-mix(in srgb,var(--gilt) 75%,transparent),0 7px 0 #0000004d,0 14px 18px #00000059;text-shadow:0 2px 0 #00000059}.thistle{position:absolute;bottom:-6px;width:58px}.thistle.t-l{left:-40px;rotate:-18deg}.thistle.t-r{right:-40px;rotate:18deg}.map .lede{color:var(--ink-brown);text-align:center;align-self:center;font-weight:400;font-style:italic;text-shadow:none;max-width:26em}.sketch{position:absolute;top:2.2rem;width:min(22%,230px);color:#7a5a2e;opacity:.5;pointer-events:none}.sketch-l{left:2.4rem}.sketch-r{right:2.4rem}.shelf{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:2.2rem 1.4rem;gap:2.2rem 1.4rem}.shelf li{position:relative}.shelf li:before{content:"";position:absolute;top:36%;left:-1.25rem;width:1.1rem;border-top:5px dotted var(--red);opacity:.8}.shelf li:nth-child(5n+1):before{display:none}.shelf a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--ink-brown);text-align:center}.shelf .art{width:100%;aspect-ratio:1/1.08;display:grid;place-items:end center}.shelf img{height:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px;border:2px solid var(--near);box-shadow:0 0 0 2px var(--gilt),0 6px 10px #00000059;transition:transform .2s}.shelf a:hover img{transform:translateY(-4px) scale(1.04)}.shelf .name{position:relative;margin-top:-.5rem;font-family:var(--display);font-size:1.08rem;line-height:1.12;border-radius:9px;padding:.3rem .7rem .4rem;min-width:78%;transition:background-color .15s}.shelf .name .pre{display:block;font-size:.86em}.shelf a:hover .name{background:var(--gold)}.shelf .virtue{font-size:.86rem;margin-top:.35rem;opacity:.85}.egg{width:92%;overflow:visible}.egg .shell{transform-origin:60px 150px}a:hover .egg .shell{animation:wobble .9s ease-in-out}.egg.rock .shell{animation:wobble 2.6s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-7deg)}50%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}}.mapend{position:relative;margin:2.2rem -2.8rem 0;height:150px;place-items:end center}.mapfoot{position:absolute;inset:0;height:100%;border-radius:0 0 14px 14px;-webkit-mask-composite:source-in;-webkit-mask:linear-gradient(#0000,#000 45%),linear-gradient(90deg,#0000,#000 6%,#000 94%,#0000);mask:linear-gradient(#0000,#000 45%),linear-gradient(90deg,#0000,#000 6%,#000 94%,#0000);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.herebe{position:relative;margin-bottom:1.3rem;font:italic 1.25rem var(--display);color:var(--red);background:#f8ecc9;border:2px solid #7a5a2e;padding:.15rem 1.6rem .3rem;border-radius:4px;rotate:-2deg;box-shadow:0 3px 0 #0000004d}.herebe:after,.herebe:before{content:"";position:absolute;top:6px;width:18px;height:100%;background:#e2c88e;border:2px solid #7a5a2e;z-index:-1}.herebe:before{left:-14px;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%,45% 50%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,45% 50%)}.herebe:after{right:-14px;-webkit-clip-path:polygon(0 0,100% 0,55% 50%,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,55% 50%,100% 100%,0 100%)}.compass{position:absolute;right:2.2rem;bottom:1.2rem;width:104px;color:var(--ink-brown);pointer-events:none}.band{position:relative;color:#fbefcf;border-radius:16px;padding:1.8rem 2.2rem;display:grid;grid-gap:1.2rem 2rem;gap:1.2rem 2rem;align-items:center;text-align:center;background:var(--grain),repeating-linear-gradient(180deg,#0000 0 46px,#00000026 46px 48px),linear-gradient(180deg,#8a3a30,#6e2a28);background-blend-mode:soft-light,normal,normal;box-shadow:inset 0 0 0 5px #6e2a28,inset 0 0 0 6px color-mix(in srgb,var(--gilt) 75%,transparent),0 10px 0 #0000003d,0 18px 24px #00000059}.band h2{color:#fbefcf;text-shadow:0 3px 0 #00000059}.band .stack p{max-width:34em;margin-inline:auto}.band .buy{align-items:center;gap:.8rem}.band .price{font-family:var(--display);font-size:2.3rem;line-height:1;background:#f8ecc9;box-shadow:inset 0 0 0 2px #f8ecc9,inset 0 0 0 3px #b9975a,0 4px 0 #0000004d;padding:.3rem 1.2rem .5rem;border-radius:10px;rotate:-2deg}.framed{padding:2rem 2.2rem 2.2rem;gap:1.4rem}.flourished{display:flex;align-items:center;justify-content:center;gap:.8rem;text-align:center;color:#fbefcf}.sprig{width:64px;flex:none;color:var(--gilt)}.facts{display:grid;grid-template-columns:repeat(4,1fr)}.facts>div{padding-inline:1.5rem;border-left:1px solid color-mix(in srgb,var(--gilt) 55%,transparent)}.facts>div:first-child{border-left:0;padding-left:0}.facts>div:last-child{padding-right:0}.facts h3{color:var(--gold);margin-bottom:.4rem}.book{display:grid;grid-template-columns:minmax(220px,340px) 1fr;grid-gap:2.5rem;gap:2.5rem;align-items:start;padding-block:1.5rem 1rem}.book .side{position:-webkit-sticky;position:sticky;top:1rem;display:flex;flex-direction:column;gap:1.2rem;align-items:center}.book .side img{width:100%;border-radius:12px;border:3px solid var(--near);box-shadow:0 0 0 2px var(--gilt),0 12px 0 #0000003d,0 20px 26px #00000066}.book .side .egg{width:70%;margin-block:1rem}.buybox{padding:1.1rem;display:flex;flex-direction:column;gap:.8rem;text-align:center}.buybox,.buybox .btn{width:100%}.meta{display:flex;gap:.5rem;flex-wrap:wrap}.badge{display:inline-block;font-weight:700;font-size:.9rem;padding:.15rem .8rem .25rem;border-radius:6px;background:var(--gold);color:var(--ink-brown);border:2px solid #7a5a2e;box-shadow:0 3px 0 #0000004d}.seal{position:absolute;top:-34px;right:20px;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;font:400 2.4rem var(--display);color:var(--near);background:var(--gold) center /cover;border:3px solid var(--near);box-shadow:0 0 0 2px var(--gilt),0 6px 0 #0000004d;transform:rotate(8deg)}.seal.art{color:transparent}.principles{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:1.2rem 1.6rem;gap:1.2rem 1.6rem}.principles strong{display:block;font-family:var(--display);font-weight:400;font-size:1.3rem;color:var(--gold)}.insight{border-top:3px dotted color-mix(in srgb,var(--near) 45%,transparent);padding-top:1.2rem;display:flex;flex-direction:column;gap:.6rem}.insight:first-of-type{border-top:0;padding-top:0}.verses{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.verses li{display:grid;grid-template-columns:11.5em 1fr;grid-gap:.8rem;gap:.8rem;font-size:.98rem}.verses b{color:var(--red)}.questions{margin:0;padding-left:1.3rem;gap:.5rem}.player,.questions{display:flex;flex-direction:column}.player{padding:1.1rem;gap:.8rem}.player audio{width:100%}.now{font-family:var(--display);font-size:1.25rem;color:var(--gold)}.tracks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:.45rem;gap:.45rem}.tracks button{width:100%;display:grid;grid-template-columns:36px 1fr auto;grid-gap:.7rem;gap:.7rem;align-items:center;text-align:left;font:inherit;font-size:.98rem;color:var(--paper);background:color-mix(in srgb,var(--paper) 10%,transparent);border:3px solid transparent;border-radius:12px;padding:.4rem .6rem;cursor:pointer}.tracks button:hover{border-color:var(--paper)}.tracks button[aria-current=true]{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 22%,transparent)}.tracks button.locked{opacity:.7;cursor:not-allowed}.tracks img{width:32px;height:32px;image-rendering:pixelated}.tracks .n{display:block;font-size:.8rem;opacity:.75}.tag{font-size:.8rem;font-weight:700;color:var(--gold)}.card{max-width:560px;gap:1rem}.card,label{display:flex;flex-direction:column}label{font-weight:700;gap:.35rem}input[type=email]{font:inherit;padding:.7rem .9rem;border-radius:12px;border:3px solid var(--paper);background:#fff;color:#1c1238}.notice{border-left:6px solid var(--gold);background:color-mix(in srgb,var(--paper) 12%,transparent);padding:.8rem 1rem;border-radius:0 12px 12px 0}.notice.warn{border-color:var(--red)}.row{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;flex-wrap:wrap}.lib{display:grid;grid-template-columns:140px 1fr;grid-gap:1.4rem;gap:1.4rem}.lib img{width:100%;border-radius:8px;border:3px solid var(--paper)}.lib .actions{display:flex;gap:.7rem;flex-wrap:wrap}details summary{cursor:pointer;font-weight:700;color:var(--gold)}.dl{list-style:none;padding:0;margin:.6rem 0 0;columns:240px 2}.dl li{page-break-inside:avoid;break-inside:avoid;padding-block:.15rem}.js [data-reveal]{opacity:0;transform:translateY(34px) scale(.97)}.js [data-reveal].in{opacity:1;transform:none;transition:opacity .6s,transform .7s cubic-bezier(.2,.9,.2,1.2);transition-delay:calc(var(--i, 0) * 80ms)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}.js [data-reveal]{opacity:1;transform:none}}@media (max-width:1000px){.facts{grid-template-columns:repeat(2,1fr);gap:1.6rem 0}.facts>div:nth-child(odd){border-left:0;padding-left:0}.facts>div:nth-child(2n){padding-right:0}.band{grid-template-columns:auto 1fr}.band .buy{grid-column:1/-1;flex-direction:row;justify-content:center;flex-wrap:wrap}.shelf{grid-template-columns:repeat(4,1fr)}.shelf li:before{display:none}}@media (max-width:780px){body{font-size:17px}.book,.hero{grid-template-columns:1fr}.hero{gap:2.4rem;padding-bottom:2.4rem}.scroll{margin-left:0;padding:1.2rem 1.4rem 1.4rem}.book .side{position:static;margin-inline:auto}.book .side,.covers{max-width:300px}.shelf{grid-template-columns:repeat(3,1fr);gap:1.8rem .9rem}.verses li{grid-template-columns:1fr;gap:0}.lib{grid-template-columns:90px 1fr}.paper{padding:1.6rem 1.3rem}.map{padding:3rem 1.1rem 0}.mapend{margin-inline:-1.1rem;height:120px}.banner{padding-inline:1.6rem;margin-top:-5.2rem}.thistle{width:44px}.thistle.t-l{left:-28px}.thistle.t-r{right:-28px}.sketch{display:none}.compass{width:72px;right:1rem;bottom:.6rem}.herebe{font-size:1.05rem;margin-bottom:.9rem}.band{grid-template-columns:1fr;padding:1.6rem 1.3rem}.bookstack{width:96px;justify-self:center}.framed{padding:1.6rem 1.3rem}.sprig{width:40px}.seal{width:78px;height:78px;top:-26px;right:10px}.back h2{padding-right:80px}}@media (max-width:520px){.wordmark{font-size:1.45rem}.nav a{padding-inline:.8rem;font-size:.98rem}.shelf{grid-template-columns:repeat(2,1fr)}.facts{grid-template-columns:1fr;gap:1.2rem}.facts>div{border-left:0;padding-inline:0}.facts>div+div{border-top:1px solid color-mix(in srgb,var(--gilt) 55%,transparent);padding-top:1.2rem}.sprig,.thistle{display:none}.hero .actions .btn{width:100%}}.shelf .art{position:relative}.shelf img{position:absolute;bottom:4px;left:50%;height:96%;translate:-50% 0;max-width:none}.hero .lede{background:color-mix(in srgb,var(--near) 62%,transparent);border-radius:12px;padding:.6rem 1rem .7rem;text-shadow:none;font-weight:400;color:#fff8e6}.mapfoot{-webkit-mask:linear-gradient(#0000,#000 30%);mask:linear-gradient(#0000,#000 30%)}@media (max-width:1000px){.sketch{display:none}}body:after{content:"";position:fixed;inset:10px;z-index:50;border:3px solid var(--paper);border-radius:22px;opacity:.85;pointer-events:none}.site-foot .wrap{padding-inline:max(28px,env(safe-area-inset-left)) max(28px,env(safe-area-inset-right))}@media (max-width:780px){body:after{inset:5px;border-radius:14px;border-width:2px}.site-foot .wrap{padding-inline:20px}.site-head{top:14px;padding-inline:14px}.site-head .wrap{padding:.6rem 1rem .7rem}}@media (max-width:520px){.site-head .wrap{justify-content:center;gap:.35rem 1rem}.wordmark:after,.wordmark:before{display:none}}body,html{height:100%;overflow:hidden}.scroller{position:fixed;inset:10px;border-radius:20px;overflow:hidden auto;overscroll-behavior:contain;scroll-behavior:smooth;outline:none;display:flex;flex-direction:column;padding-top:calc(var(--head) + var(--fade));scroll-padding-top:calc(var(--head) + var(--fade));scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--paper) 70%,transparent) transparent;-webkit-mask-image:linear-gradient(to bottom,transparent var(--head),#000 calc(var(--head) + var(--fade)));mask-image:linear-gradient(to bottom,transparent var(--head),#000 calc(var(--head) + var(--fade)))}.page{flex:1 0 auto;display:flex;flex-direction:column}.page>main{flex:1 0 auto;width:100%}.site-foot{margin-top:auto}.book,.hero{padding-top:0}.book .side{top:0}@media (max-width:780px){.scroller{inset:5px;border-radius:12px}}@media (prefers-reduced-motion:reduce){.scroller{scroll-behavior:auto}}.hero .stack{position:relative;isolation:isolate}.hero .stack:before{content:"";position:absolute;inset:-12% -16% -14% -22%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--near) 78%,transparent) 0,color-mix(in srgb,var(--near) 55%,transparent) 55%,transparent 100%)}.scroll{padding:0;margin-left:0}.scroll:before{display:none}.scroll h1{color:#fff8e6;-webkit-text-stroke:3px var(--ink-brown);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink-brown),0 8px 18px #000000a6}.hero .lede{background:none;padding:0;font-weight:700;color:#fff;text-shadow:0 2px 0 var(--near),0 0 12px var(--near),0 3px 14px #000000b3}.hero .actions,.hero .lede{padding-inline:0}body:after{opacity:1;border-color:color-mix(in srgb,var(--paper) 88%,transparent);box-shadow:0 0 0 60px var(--near)}.paper:before,.scroll:before,.site-head .wrap:before{background:radial-gradient(120% 90% at 50% 40%,#fff6dc00 0 50%,#e6c98f73 82%,#cfa55fa6 100%),url(/wren-ui/textures/parchment-grain.webp) 50% /520px;background-blend-mode:normal}.shelf .name{background:none;box-shadow:none;border-radius:0;border:solid transparent;border-width:13px 20px;border-image:url(/wren-ui/decorations/plaque-parchment.webp) 38 52 fill/13px 20px stretch;padding:0 .1rem .1rem;margin-top:-.3rem;filter:drop-shadow(0 3px 0 #0000003d)}.shelf a:hover .name{background:none;filter:drop-shadow(0 3px 0 #0000003d) brightness(1.05) sepia(.3)}.banner{background:none;box-shadow:none;border-radius:0;border:solid transparent;border-width:30px 100px;border-image:url(/wren-ui/decorations/title-plum-thistles.webp) 104 330 fill/30px 100px stretch;padding:0 .4rem .15rem;margin-top:-7.4rem;white-space:nowrap;font-size:clamp(1.1rem,4.4vw,2.4rem);filter:drop-shadow(0 6px 0 #0000003d) drop-shadow(0 12px 14px #00000052)}.egg.painted{position:relative;display:block;width:100%;container-type:inline-size;transform-origin:50% 92%}.egg.painted img{display:block;width:100%;height:auto;position:static;translate:none;border:0;border-radius:0;box-shadow:none;aspect-ratio:512/600;filter:drop-shadow(0 5px 4px #00000040)}.egg.painted .num{position:absolute;translate:-50% -52%;font:400 13cqw/1 var(--display);color:var(--ink-brown)}a:hover .egg.painted{animation:wobble .9s ease-in-out}.egg.painted.rock{animation:wobble 2.6s ease-in-out infinite}.shelf a:hover .egg.painted img{transform:none}.shelf .art{aspect-ratio:512/560}.book .side .egg.painted{width:70%}.sketch{width:min(22%,240px);height:auto;opacity:.95;mix-blend-mode:multiply;top:1.2rem}.sketch-r{width:min(17%,190px);top:.4rem}.mapend{height:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;justify-items:center;margin-top:1.4rem;overflow:hidden;border-radius:0 0 14px 14px}.mapfoot{position:static;grid-column:1/-1;width:100%;height:auto;border-radius:0;-webkit-mask:none;mask:none;margin-top:-1.6rem}.herebe{grid-column:2;background:url(/wren-ui/decorations/ribbon-parchment.webp) 50%/100% 100% no-repeat;border:0;box-shadow:none;border-radius:0;rotate:none;margin:0;padding:.9rem 4.8rem 2.5rem;white-space:nowrap;z-index:1;filter:drop-shadow(0 4px 0 #00000033)}.herebe:after,.herebe:before{display:none}.compass{position:static;grid-column:3;justify-self:end;width:112px;height:auto;margin:0 2.2rem 1rem 0;z-index:1;filter:drop-shadow(0 4px 3px #00000040)}.sprig{width:96px;height:auto}.framed{position:relative;overflow:hidden;background:url(/wren-ui/textures/deep-teal-ink-paper.webp) 50%/cover;box-shadow:inset 0 0 0 5px #17384a,inset 0 0 0 6px color-mix(in srgb,var(--gilt) 70%,transparent),0 10px 0 #0000003d,0 18px 24px #00000059}.scenery{position:absolute;top:.6rem;height:auto;opacity:.22;pointer-events:none}.scenery-l{left:1rem;width:min(24%,240px)}.scenery-r{right:1.2rem;width:min(17%,170px)}.framed>:not(.scenery){position:relative}@media (max-width:780px){.banner{border-width:22px 72px;border-image-width:22px 72px;margin-top:-5.6rem}.mapend{margin-inline:-1.1rem}.compass{margin:0 .8rem .6rem 0;width:72px}.herebe{padding:.6rem 3.2rem 1.8rem;font-size:1rem}.sprig{width:56px}.scenery{opacity:.16}.scenery-l{width:34%}.scenery-r{width:24%}}@media (max-width:520px){.banner{border-width:17px 54px;border-image-width:17px 54px;margin-top:-4.8rem}.mapend{grid-template-columns:1fr}.herebe{grid-column:1}.compass{display:none}.mapfoot{width:170%;max-width:none;justify-self:center}.sprig{display:none}}.sketch-l{width:min(19%,210px)}.btn,.nav a{border-image:none;border-radius:11px;border:2px solid var(--gilt);color:#fbefcf;background:var(--grain),linear-gradient(#5f2a5f,#431a40);background-blend-mode:soft-light,normal;box-shadow:inset 0 0 0 3px #4a1e48,inset 0 0 0 4px color-mix(in srgb,var(--gilt) 70%,transparent),0 4px 0 #00000059;padding:.62rem 1.5rem .72rem;filter:none;transition:transform .12s,filter .12s}.btn:hover,.nav a:hover{filter:brightness(1.15);background:var(--grain),linear-gradient(#5f2a5f,#431a40)}.btn.quiet,.btn.quiet:hover{border:2px solid #7a5a2e;color:var(--ink-brown);background:linear-gradient(#fff6dc59,#e6c98f59),url(/wren-ui/textures/parchment-grain.webp) 50% /300px;box-shadow:inset 0 0 0 3px #f6e7c1,inset 0 0 0 4px #b9975a,0 4px 0 #00000059}.nav a{border-radius:9px;padding:.28rem .95rem .36rem}.band{grid-template-columns:auto 1fr auto;gap:1rem 2.2rem;padding:1.3rem 2.2rem;border:2px solid var(--gilt);border-radius:14px;background:linear-gradient(#3a100e1f,#3a100e59),url(/wren-ui/textures/barn-red-painted-wood.webp) 50% /190% auto;box-shadow:inset 0 0 0 4px #5a1f1c,inset 0 0 0 5px color-mix(in srgb,var(--gilt) 60%,transparent),0 10px 0 #0000003d,0 18px 24px #00000059}.band .stack{gap:.5rem}.band h2{font-size:clamp(1.5rem,2.9vw,2.15rem)}.band .stack p{font-size:.98rem;max-width:40em;font-weight:400}.bookstack{width:132px;height:auto;filter:drop-shadow(0 8px 6px #00000059);margin-block:-.4rem}.rule{align-self:center;width:min(210px,60%);height:9px;margin-top:.3rem;background:linear-gradient(var(--gilt),var(--gilt)) 50% /100% 1px no-repeat,conic-gradient(from 45deg,var(--gilt) 0 100%) 50% /7px 7px no-repeat;-webkit-mask:none;position:relative;background:linear-gradient(90deg,transparent,var(--gilt) 20%,var(--gilt) 80%,transparent) 50% /100% 1px no-repeat}.rule:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;background:var(--gilt);translate:-50% -50%;rotate:45deg;box-shadow:0 0 0 3px #6e2a28}.band .buy{gap:.7rem;align-items:stretch;min-width:220px}.band .price{align-self:center;position:relative;font:400 2rem/1 var(--display);color:var(--ink-brown);padding:.3rem 1.3rem .45rem;border-radius:8px;rotate:none;filter:none;border:2px solid #7a5a2e;background:linear-gradient(#fff6dc59,#e6c98f59),url(/wren-ui/textures/parchment-grain.webp) 50% /300px;box-shadow:inset 0 0 0 3px #f6e7c1,inset 0 0 0 4px #b9975a,0 4px 0 #00000059}.band .price:after,.band .price:before{content:"";position:absolute;top:50%;width:34px;height:12px;translate:0 -50%;background:url(/wren-ui/decorations/laurel-gold.webp) 50%/contain no-repeat}.band .price:before{right:calc(100% + 8px);transform:scaleX(-1)}.band .price:after{left:calc(100% + 8px)}.band .btn{width:100%}.scenery-l,.sketch-l{-webkit-mask-image:linear-gradient(90deg,#000 58%,transparent 97%);mask-image:linear-gradient(90deg,#000 58%,transparent 97%)}@media (max-width:1000px){.band{grid-template-columns:auto 1fr}.band .buy{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:center;gap:1rem 3.6rem}.band .btn{width:auto}}@media (max-width:780px){.band{grid-template-columns:1fr;padding:1.4rem 1.2rem;background-size:auto 130%}.bookstack{width:108px;justify-self:center}.band .buy{flex-direction:column;gap:.8rem;min-width:0}.band .btn{width:100%}}@media (max-width:520px){.hero .actions .btn{width:100%}}.band .buy p.price{font:400 2.1rem/1 var(--display);max-width:none;margin-inline:auto}.band{background:linear-gradient(#0000001a,#0000001a),linear-gradient(#3a100e1f,#3a100e59),url(/wren-ui/textures/barn-red-painted-wood.webp) 50% /190% auto}.band .buy p.price{font-size:3.1rem;color:#ffe9b0;background:none;border:0;box-shadow:none;padding:0 0 .1rem;-webkit-text-stroke:2px #4a1512;paint-order:stroke fill;text-shadow:0 3px 0 #4a1512,0 6px 12px #00000080}.band .price:after,.band .price:before{width:74px;height:24px;filter:drop-shadow(0 2px 0 #00000059)}.band .price:before{right:calc(100% + 10px)}.band .price:after{left:calc(100% + 10px)}.band .buy{min-width:300px}@media (max-width:780px){.band .buy{min-width:0}.band .buy p.price{font-size:2.7rem}.band .price:after,.band .price:before{width:58px;height:20px}}.seal{background-size:cover;background-position:50%;border:3px solid var(--gilt);box-shadow:0 0 0 2px var(--near),0 6px 0 #0000004d;transform:rotate(6deg);overflow:hidden}.seal.drawn{background:none}.seal.drawn svg{display:block;width:100%;height:100%}.back>p:first-of-type:before{content:"";float:right;width:104px;height:34px}@media (max-width:780px){.back>p:first-of-type:before{width:74px;height:30px}}.band h2{font-size:clamp(1.7rem,3.4vw,2.7rem)}.band .stack p{font-size:1.14rem;line-height:1.5;max-width:36em}.band .stack{gap:.7rem}.band{grid-template-columns:1fr auto;grid-template-areas:"words books" "words buy";text-align:left;gap:.2rem 2.6rem;padding:1.6rem 2.4rem;background:linear-gradient(#1a0605a6,#1a0605bf),url(/wren-ui/textures/barn-red-painted-wood.webp) 50% /190% auto}.band>.stack:not(.buy){grid-area:words;align-self:center}.band .bookstack{grid-area:books;justify-self:center;width:118px;margin:-.2rem 0 -.6rem}.band .buy{grid-area:buy}.band .stack p{margin-inline:0}.band .rule{align-self:flex-start;background:linear-gradient(90deg,var(--gilt) 70%,transparent) 50% /100% 1px no-repeat}.band .rule:after{box-shadow:0 0 0 3px #3a1210}@media (max-width:1000px){.band{grid-template-columns:1fr auto}.band .buy{grid-column:auto;flex-direction:column;gap:.7rem}.band .btn{width:100%}}@media (max-width:780px){.band{grid-template-columns:1fr;grid-template-areas:"books" "words" "buy";gap:1rem;padding:1.4rem 1.2rem;text-align:center;background-size:auto 130%}.band .stack p{margin-inline:auto}.band .rule{align-self:center}.band .bookstack{margin:0}}.band{background:linear-gradient(#21100ecc,#1a0c0ad9),url(/wren-ui/textures/barn-red-painted-wood.webp) 50% /190% auto}@media (max-width:780px){.band{background-size:auto 130%}}.band{background-blend-mode:normal;background-image:linear-gradient(#2a1412b8,#1f0e0cc7),url(/wren-ui/textures/barn-red-painted-wood.webp)}.shelf li:before{display:none}.shelf .art{aspect-ratio:512/600}.shelf img{bottom:5%;height:88%}.shelf .egg.painted img{bottom:auto;height:auto}.shelf .name{margin-top:.25rem}.seal.painted{background:none;border:0;border-radius:50%;box-shadow:none;overflow:visible;display:block;max-width:none;filter:drop-shadow(3px 5px 0 #3a241259) drop-shadow(5px 9px 8px #00000047)}.seal.drawn{background:#1b2430;color:#fff1c9;border:3px solid var(--gilt)}.btn,.btn.quiet,.btn.quiet:hover,.nav a{--ring:#4a1e48;--line:color-mix(in srgb,var(--gilt) 70%,transparent);box-shadow:inset 0 0 0 3px var(--ring),inset 0 0 0 4px var(--line),2px 3px 0 #2a16104d,4px 6px 0 #2a161026,6px 10px 12px #0000004d}.btn.quiet,.btn.quiet:hover{--ring:#f6e7c1;--line:#b9975a}.btn:hover,.nav a:hover{transform:translate(1px,2px);box-shadow:inset 0 0 0 3px var(--ring),inset 0 0 0 4px var(--line),1px 2px 0 #2a16104d,3px 5px 8px #0000004d}.btn:active,.nav a:active{transform:translate(3px,5px);box-shadow:inset 0 0 0 3px var(--ring),inset 0 0 0 4px var(--line)}.nav a{box-shadow:inset 0 0 0 2px var(--ring),inset 0 0 0 3px var(--line),2px 3px 0 #2a16104d,4px 6px 8px #00000040}.scenery-l,.sketch-l{-webkit-mask-image:none;mask-image:none}.sketch{mix-blend-mode:normal;opacity:1}.scenery{opacity:.3}@media (max-width:780px){.scenery{opacity:.2}}.mapend{--tear:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 240' preserveAspectRatio='none'%3E%3Cfilter id='t' x='-5%25' y='-20%25' width='110%25' height='140%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.022' numOctaves='4' seed='11' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='15' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Crect x='9' y='-60' width='982' height='290' rx='10' filter='url(%23t)'/%3E%3C/svg%3E");margin:1.4rem calc(-2.8rem - 9px) -10px;overflow:visible;border-radius:0;-webkit-mask:var(--tear) center /100% 100% no-repeat;mask:var(--tear) center /100% 100% no-repeat;filter:drop-shadow(0 8px 0 #0000003d)}.compass{margin-right:calc(2.2rem + 9px)}@media (max-width:780px){.mapend{margin-inline:calc(-1.1rem - 6px)}.compass{margin-right:calc(.8rem + 6px)}}.world{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;container-type:size;background:var(--s1)}.world-scene{position:absolute;inset:0;opacity:0;visibility:hidden}.world-scene.is-on{opacity:1;visibility:visible;z-index:2;transition:opacity var(--world-fade) ease-in-out}.world-scene.is-leaving{opacity:1;visibility:visible;z-index:1}.world-plate{position:absolute;--ar:var(--ard);--fx:var(--fxd);--fy:var(--fyd);--k:1;--w:max(100cqw,calc(100cqh * var(--ar)));--h:max(100cqh,calc(100cqw / var(--ar)));width:var(--w);height:var(--h);left:calc((100cqw - var(--w)) * var(--fx));top:calc((100cqh - var(--h)) * var(--fy))}.world-plate picture{display:contents}.world-plate img{display:block;width:100%;height:100%;object-fit:cover;max-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.world-light{position:absolute;--x:var(--xd);--y:var(--yd);left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--size) * var(--k) * 1%);aspect-ratio:var(--stretch);translate:-50% -50%;background:radial-gradient(closest-side,var(--c),transparent);mix-blend-mode:var(--blend);opacity:var(--lo);animation:world-light var(--period) ease-in-out var(--delay) infinite alternate;will-change:opacity}@keyframes world-light{to{opacity:var(--hi);transform:translate(var(--dx),var(--dy))}}.world-light.no-d{display:none}@media (min-width:640px) and (max-width:1023px){.world-plate{--ar:var(--art);--fx:var(--fxt);--fy:var(--fyt);--k:1.7}.world-light{--x:var(--xt);--y:var(--yt);display:block}.world-light.no-t{display:none}}@media (max-width:639px){.world-plate{--ar:var(--arm);--fx:var(--fxm);--fy:var(--fym);--k:2}.world-light{--x:var(--xm);--y:var(--ym);display:block}.world-light.no-m{display:none}}.world-scrim{position:absolute;inset:0;background:var(--scrim)}.world-weather{position:absolute;inset:0;z-index:3;width:100%;height:100%}.world-scene.is-off .world-light,.world[data-paused] .world-light{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.world-light{opacity:calc((var(--lo) + var(--hi)) / 2)}}