.tome{--leather:#501814;--leather-dark:#2f0a08;--foil-1:#ecce83;--foil-2:#c08e43;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:relative}@supports (color:lab(0% 0 0)){.tome{--leather:lab(17.9838% 26.426 17.8733);--leather-dark:lab(7.78532% 18.6504 8.98498);--foil-1:lab(84.0585% 3.98245 41.3208);--foil-2:lab(62.8237% 13.8925 46.5996)}}.tome__book{gap:1.5rem;max-width:48rem;display:grid}.tome__running{display:none}.tome__pin,.tome__opening,.tome__leaf,.tome__inner{display:contents}.tome__board,.tome__face--back,.tome__shade,.tome__endpaper{display:none}.tome__face--front{border:1px solid var(--paper-edge);border-left:3px solid var(--leather);border-radius:var(--radius-sm) var(--radius-lg) var(--radius-lg) var(--radius-sm);background:linear-gradient(90deg, #e2d6c2, var(--paper) 1.5rem);color:var(--paper-foreground);box-shadow:0 1px 0 var(--paper-edge), 0 12px 32px #0000004d;padding:2rem 1.5rem;position:relative}@supports (color:lab(0% 0 0)){.tome__face--front{background:linear-gradient(90deg, lab(86.1544% 1.94663 11.4667), var(--paper) 1.5rem);box-shadow:0 1px 0 var(--paper-edge), 0 12px 32px lab(0% 0 0/.3)}}@media (min-width:640px){.tome__face--front{padding:3rem}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled) and (orientation:landscape) and (min-width:1024px) and (min-height:600px){:root:not([data-motion=off]) .tome:not([data-tome-static]){--stage-h:calc(100svh - var(--header-space) - env(safe-area-inset-top));--clear:24px;--swing:1.1;--band:calc(var(--stage-h) - var(--dock-space) - 2 * var(--clear));--board:16px;--page-max:46rem;--page-h:min(calc(var(--band) / var(--swing) - 2 * var(--board)), var(--page-max));--page-w:min(34rem, calc(50vw - 3rem), calc(var(--page-h) * .9));--u:clamp(.8125rem, calc(var(--page-h) * .0297), 1rem);height:calc(var(--tome-track) + var(--stage-h))}@media (max-height:759.98px){:root:not([data-motion=off]) .tome:not([data-tome-static]){--clear:8px;--swing:1.08;--page-max:28rem}}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__stage{top:calc(var(--header-space) + env(safe-area-inset-top));height:var(--stage-h);padding-bottom:var(--dock-space);perspective:6000px;place-items:center;display:grid;position:sticky}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__book{width:calc(var(--page-w) * 2);height:var(--page-h);visibility:hidden;transform-style:preserve-3d;display:block;position:relative;transform:translate(-25%)scale(.46)rotateY(-24deg)rotateX(12deg)}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__leaf,:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__cover{width:var(--page-w);transform-origin:0;height:100%;transform-style:preserve-3d;display:block;position:absolute;top:0;left:50%}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__inner{transform:translateZ(calc((8 - var(--leaf,0)) * .5px));transform-style:preserve-3d;display:block;position:absolute;inset:0}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__face--front,:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__face--back{padding:calc(2.5 * var(--u)) calc(2.5 * var(--u)) calc(2 * var(--u));backface-visibility:hidden;box-shadow:none;display:block;position:absolute;inset:0;overflow:hidden}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__face--front{border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:linear-gradient(90deg, #d6c9b5, var(--paper) 2.5rem);border:0}@supports (color:lab(0% 0 0)){:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__face--front{background:linear-gradient(90deg, lab(81.4999% 2.30804 11.4033), var(--paper) 2.5rem)}}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__face--back{border:1px solid var(--paper-edge);border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:linear-gradient(270deg, #d6c9b5, var(--paper) 2.5rem);color:var(--paper-foreground);transform:rotateY(180deg)}@supports (color:lab(0% 0 0)){:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__face--back{background:linear-gradient(270deg, lab(81.4999% 2.30804 11.4033), var(--paper) 2.5rem)}}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__shade{opacity:0;pointer-events:none;backface-visibility:hidden;background:linear-gradient(90deg,#00000073,#0000 35%,#ffffff24 70%,#0000001f);background:linear-gradient(90deg,lab(0% 0 0/.45),#0000 35%,lab(100% 0 0/.14) 70%,lab(0% 0 0/.12));display:block;position:absolute;inset:0;transform:translateZ(.2px)}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__kicker{display:none}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__h2{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__title{height:100%}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__cover{top:calc(-1 * var(--board));height:calc(100% + 2 * var(--board));width:calc(var(--page-w) + var(--board))}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__cover .tome__inner{transform:translateZ(6px)}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__leather,:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__endpaper{backface-visibility:hidden;position:absolute;inset:0}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__endpaper{display:grid;transform:rotateY(180deg)}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__board{top:calc(-1 * var(--board));bottom:calc(-1 * var(--board));width:calc(var(--page-w) + var(--board));border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:var(--grain), radial-gradient(120% 90% at 30% 30%, var(--leather), var(--leather-dark));display:block;position:absolute;left:50%;transform:translateZ(-1px);box-shadow:0 24px 48px #00000073;box-shadow:0 24px 48px lab(0% 0 0/.45)}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__board:before{content:"";top:calc(var(--board) + 3px);bottom:calc(var(--board) + 3px);left:var(--page-w);background:repeating-linear-gradient(90deg, var(--paper) 0 1px, var(--paper-edge) 1px 2px);width:3px;position:absolute}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__board:after{content:"";border:1px solid var(--foil-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:0;position:absolute;inset:6px 6px 6px 0}}
.tome__body{margin-top:1.5rem;font-size:1.0625rem;line-height:1.65}.tome__body p+p{margin-top:1rem}.tome__title{text-align:center;place-content:center;min-height:16rem;display:grid}.tome__rule{background:var(--paper-accent);width:4rem;height:1px;margin:1.5rem auto 0;display:block}.tome__folio{text-align:right;font-family:var(--font-display);color:var(--paper-muted);margin-top:2rem;font-size:1.125rem}.tome__opener{text-align:center;align-content:center;justify-items:center;height:100%;display:grid}.tome__numeral{font-family:var(--font-display);color:var(--paper-accent);margin-top:.5rem;font-size:6rem;line-height:1}.tome__opener .tome__folio{position:absolute;bottom:2rem;left:3rem}@media (prefers-reduced-motion:no-preference) and (scripting:enabled) and (orientation:landscape) and (min-width:1024px) and (min-height:600px){:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__running{padding-bottom:calc(.75 * var(--u));border-bottom:1px solid var(--paper-edge);font-family:var(--font-display);font-size:calc(1.125 * var(--u));color:var(--paper-muted);font-style:italic;display:block}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__body{margin-top:calc(1.5 * var(--u));font-size:calc(1.0625 * var(--u));line-height:1.6}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__body p+p{margin-top:calc(1 * var(--u))}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__body>p:first-child:first-letter{float:left;margin:calc(.3 * var(--u)) calc(.375 * var(--u)) 0 0;font-family:var(--font-display);font-size:calc(3.75 * var(--u));color:var(--paper-accent);line-height:.82}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__actions{margin-top:calc(2 * var(--u))}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__folio{font-size:calc(1.125 * var(--u))}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__text .tome__folio{right:calc(3 * var(--u));bottom:calc(2 * var(--u));position:absolute}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__opener .tome__folio{bottom:calc(2 * var(--u));left:calc(3 * var(--u))}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__numeral{margin-top:calc(.5 * var(--u));font-size:calc(6 * var(--u))}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__rule{margin-top:calc(1.5 * var(--u))}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__display{font-size:calc(3 * var(--u))}@media (max-height:759.98px){:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__face--front,:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__face--back{padding:calc(1.5 * var(--u)) calc(2 * var(--u)) calc(1.25 * var(--u))}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__body{margin-top:calc(.875 * var(--u));line-height:1.5}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__running{padding-bottom:calc(.5 * var(--u))}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__body p+p{margin-top:calc(.75 * var(--u))}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__actions{margin-top:calc(1.25 * var(--u))}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__text .tome__folio{top:calc(1.5 * var(--u));right:calc(2 * var(--u));margin:0;bottom:auto}}}
.tome__leather{text-align:center;border-radius:var(--radius-sm) var(--radius-lg) var(--radius-lg) var(--radius-sm);background:linear-gradient(90deg, #0000008c, #ffffff1a .75rem, #00000059 1.5rem, transparent 2.25rem), var(--grain), radial-gradient(120% 90% at 35% 25%, var(--leather), var(--leather-dark));place-content:center;gap:1rem;display:grid;box-shadow:inset 0 0 0 1px #0006,0 24px 48px #00000073;box-shadow:inset 0 0 0 1px lab(0% 0 0/.4),0 24px 48px lab(0% 0 0/.45)}@supports (color:lab(0% 0 0)){.tome__leather{background:linear-gradient(90deg, lab(0% 0 0/.55), lab(100% 0 0/.1) .75rem, lab(0% 0 0/.35) 1.5rem, transparent 2.25rem), var(--grain), radial-gradient(120% 90% at 35% 25%, var(--leather), var(--leather-dark))}}.tome__foil-frame{border:1px solid var(--foil-2);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 4px transparent, inset 0 0 0 5px color-mix(in oklch, var(--foil-2) 70%, transparent);position:absolute;inset:1.5rem 1.5rem 1.5rem 2.75rem}.tome__foil{background:linear-gradient(170deg, var(--foil-1), var(--foil-2) 55%, var(--foil-1));color:#0000;-webkit-background-clip:text;background-clip:text;padding-left:1.25rem;font-size:3rem;line-height:1.1;position:relative}.tome__foil--small{letter-spacing:.24em;text-transform:uppercase;font-size:.875rem;font-weight:500}.tome__endpaper{border-radius:var(--radius-lg) var(--radius-sm) var(--radius-sm) var(--radius-lg);background:radial-gradient(90% 70% at 50% 40%, #fbf1dc, #e0ceb4) padding-box, var(--grain) border-box, radial-gradient(120% 90% at 70% 30%, var(--leather), var(--leather-dark)) border-box;border:16px solid #0000;place-content:center;justify-items:center;gap:1.5rem;display:none;box-shadow:0 24px 48px #00000073;box-shadow:0 24px 48px lab(0% 0 0/.45)}@supports (color:lab(0% 0 0)){.tome__endpaper{background:radial-gradient(90% 70% at 50% 40%, lab(95.4698% 1.04171 11.5708), lab(83.8331% 3.19868 15.3058)) padding-box, var(--grain) border-box, radial-gradient(120% 90% at 70% 30%, var(--leather), var(--leather-dark)) border-box}}.tome__endpaper:after{content:"";border:1px solid var(--foil-2);border-radius:var(--radius-sm);pointer-events:none;position:absolute;inset:-10px}.tome__monogram{aspect-ratio:201/151;background:linear-gradient(170deg, var(--foil-1), var(--foil-2) 55%, #966626);height:4rem;display:block}@supports (color:lab(0% 0 0)){.tome__monogram{background:linear-gradient(170deg, var(--foil-1), var(--foil-2) 55%, lab(47.6171% 15.7251 42.465))}}.tome__endpaper-line{letter-spacing:.24em;text-transform:uppercase;color:var(--paper-muted);font-size:.875rem;font-weight:500}.tome__cover{aspect-ratio:3/4;order:-1;width:min(100%,18rem);position:relative}.tome__cover .tome__inner{display:block;position:absolute;inset:0}.tome__cover .tome__leather{position:absolute;inset:0}.tome__cover .tome__foil:not(.tome__foil--small){font-size:2.25rem}
@media (prefers-reduced-motion:no-preference) and (scripting:enabled) and ((orientation:portrait) or (max-width:1023.98px) or (max-height:599.98px)){:root:not([data-motion=off]) .tome:not([data-tome-static]){overflow-x:clip}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__book{max-width:40rem;margin-inline:auto}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__opening{visibility:hidden;transform-style:preserve-3d;perspective:1600px;display:grid;position:relative;transform:scale(.72)rotateY(-16deg)rotateX(8deg)}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__opening>.tome__leaf,:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__cover{grid-area:1/1}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__pin{width:min(100%, calc((100svh - var(--header-space) - var(--dock-space) - 48px) * .75));justify-self:center;display:grid}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__pin>*{grid-area:1/1}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__opening>.tome__leaf .tome__face--front{aspect-ratio:3/4}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__leaf{transform-origin:0;display:block}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__cover{aspect-ratio:auto;z-index:1;transform-origin:0;width:auto;transform-style:preserve-3d;display:block;position:relative}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__cover .tome__inner{transform-style:preserve-3d;display:block;position:absolute;inset:0}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__leather,:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__endpaper{backface-visibility:hidden;position:absolute;inset:0}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__endpaper{display:grid;transform:rotateY(180deg)}:root:not([data-motion=off]) .tome:not([data-tome-static]) .tome__foil:not(.tome__foil--small){font-size:2.5rem}}
.shelf3d{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--shelf-wall);position:relative;overflow:hidden}.shelf3d--narrow{display:none}.shelf3d__poster img,.shelf3d__canvas{width:100%;height:100%;position:absolute;inset:0}.shelf3d__poster img{object-fit:cover}.shelf3d__canvas{opacity:0;transition:opacity var(--dur-large) var(--ease-out)}.shelf3d[data-shelf-ready] .shelf3d__canvas{opacity:1}.shelf3d[data-shelf-ready] .shelf3d__poster{visibility:hidden;transition:visibility 0s linear var(--dur-large)}@media (prefers-reduced-motion:no-preference) and (scripting:enabled) and (orientation:landscape) and (min-width:1024px) and (min-height:600px){:root:not([data-motion=off]) .tome:not([data-tome-static]) .shelf3d--wide{z-index:2;aspect-ratio:auto;pointer-events:none;background:0 0;border-radius:0;margin-inline:calc(50% - 50vw);position:absolute;inset:0}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled) and ((orientation:portrait) or (max-width:1023.98px) or (max-height:599.98px)){:root:not([data-motion=off]) .tome:not([data-tome-static]) .shelf3d--wide{display:none}:root:not([data-motion=off]) .tome:not([data-tome-static]) .shelf3d--narrow{z-index:2;aspect-ratio:3/4;pointer-events:none;display:block}}