.sh{--gap:3px;--era-gap:.875rem;--u:clamp(1.125rem, (100cqi - (var(--n) - var(--eras)) * var(--gap) - (var(--eras) - 1) * var(--era-gap)) / var(--sum), 2rem);--w:calc(var(--sum) * var(--u) + (var(--n) - 1) * var(--gap) + (var(--eras) - 1) * (var(--era-gap) - var(--gap)));--hs:1;--line:var(--text);--p:4400px;--eye:34rem;--d:5.5rem;--pull:64px;--zp:.0145;view-timeline:--shelf block;container-type:inline-size}:root[data-theme=dark] .sh{--line:var(--text-muted)}.sh [data-lang=grc]{--cloth:var(--spine-grc);--silk:var(--brand)}.sh [data-lang=la]{--cloth:var(--spine-la);--silk:var(--gilt)}.sh-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;display:flex}.sh-key{gap:1rem;display:flex}.sh-key>a{text-underline-offset:4px;transition:color var(--dur-fast) var(--ease-out);align-items:center;gap:.4375rem;display:inline-flex}.sh-key>a:hover{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}.sh-key>a:before{content:"";background:var(--cloth);width:.4375rem;height:.875rem;box-shadow:inset 0 2px 0 -1px var(--gilt), inset 0 -2px 0 -1px var(--gilt);border-radius:1px}.sh-scroll{overscroll-behavior-x:contain;scrollbar-width:none;margin-top:.5rem;padding-top:1.75rem;overflow-x:auto}.sh-scroll::-webkit-scrollbar{display:none}.sh-row,.sh-eras{width:max-content;min-width:100%;display:flex}.sh-row{isolation:isolate;align-items:flex-end;gap:var(--gap);position:relative}.sh-row:after{content:"";background:linear-gradient(var(--line) 0 0) 0 0 / 100% 2px no-repeat, linear-gradient(color-mix(in oklab, var(--line) 35%, transparent) 0 0) 0 4px / 100% 1px no-repeat;transform-origin:0;height:5px;position:absolute;inset:auto 0 -5px}.sh-slot{--hh:calc(var(--h) * var(--hs));--tw:calc(var(--t) * var(--u));--dx:calc(var(--at) * var(--u) + var(--i) * var(--gap) + var(--e) * (var(--era-gap) - var(--gap)) + var(--tw) / 2 - var(--w) / 2);--tt:1.75rem;--tb:2.5rem;--cloth-t:oklch(from var(--cloth) calc(l + var(--tone) * .03) c calc(h + var(--tone) * 6));--weave:repeating-linear-gradient(90deg, color-mix(in oklab, var(--book-shade) 5%, transparent) 0 1px, transparent 1px 3px), repeating-linear-gradient(0deg, color-mix(in oklab, var(--book-light) 4%, transparent) 0 1px, transparent 1px 2px);z-index:var(--zi);width:var(--tw);height:var(--hh);margin-right:calc(var(--pad) * var(--u));transform-origin:50% 100%;transition:translate .56s var(--ease-out), rotate .56s var(--ease-out), transform-origin .56s var(--ease-out);flex:none;position:relative}.sh-slot[data-bands="0"]{--tt:1.375rem;--tb:1.625rem}.sh-slot[data-bands="3"]{--tb:3.25rem}.sh-slot[data-bands="4"]{--tt:2.25rem}.sh-slot[data-start]{margin-left:calc(var(--era-gap) - var(--gap))}.sh-slot[data-lift]{z-index:200}.sh-book{perspective:var(--p);perspective-origin:calc(50% - var(--dx)) calc(var(--hh) - var(--eye));transition:transform .56s var(--ease-out);-webkit-tap-highlight-color:transparent;border-radius:3px 3px 2px 2px;display:block;position:absolute;inset:0}.sh-book:focus-visible{outline:none}.sh-book:focus-visible .sh-spine{outline:2px solid var(--focus);outline-offset:3px}.sh-obj{transform-style:preserve-3d;transition:transform .72s var(--ease-spring);position:absolute;inset:0}.sh-spine{background:radial-gradient(75% calc(.5rem + var(--wear) * .375rem) at 50% 0, color-mix(in oklab, var(--book-light) calc(var(--wear) * 24%), transparent), transparent), radial-gradient(75% calc(.4rem + var(--wear) * .3rem) at 50% 100%, color-mix(in oklab, var(--book-light) calc(var(--wear) * 18%), transparent), transparent), var(--weave), linear-gradient(90deg, color-mix(in oklab, var(--book-shade) 58%, transparent) 0, color-mix(in oklab, var(--book-shade) 16%, transparent) 9%, color-mix(in oklab, var(--book-light) 9%, transparent) 22%, color-mix(in oklab, var(--book-light) 13%, transparent) 30%, transparent 50%, color-mix(in oklab, var(--book-shade) 14%, transparent) 74%, color-mix(in oklab, var(--book-shade) 52%, transparent) 100%), var(--cloth-t);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--book-light) 16%, transparent), inset 0 -1px 0 color-mix(in oklab, var(--book-shade) 40%, transparent);border-radius:3px 3px 2px 2px;position:absolute;inset:0;overflow:hidden}.sh-spine:before{--g:linear-gradient(var(--gilt) 0 0);--bd:linear-gradient(color-mix(in oklab, var(--book-shade) 50%, transparent), oklch(from var(--cloth-t) calc(l + .1) c h) 30%, oklch(from var(--cloth-t) calc(l + .03) c h) 60%, color-mix(in oklab, var(--book-shade) 55%, transparent));--arc:linear-gradient(90deg, var(--gilt) 0 3px, transparent 3px 7px, var(--gilt) 7px 10px);--dot:radial-gradient(circle, var(--gilt) 1.4px, transparent 1.9px);content:"";background:var(--g) 0 5px / 100% 1px no-repeat, var(--g) 0 8px / 100% 1px no-repeat, var(--g) 0 12px / 100% 1px no-repeat, var(--bd) 0 14px / 100% 6px no-repeat, var(--g) 0 22px / 100% 1px no-repeat, var(--g) 0 calc(100% - 36px) / 100% 1px no-repeat, var(--bd) 0 calc(100% - 28px) / 100% 6px no-repeat, var(--g) 0 calc(100% - 25px) / 100% 1px no-repeat, var(--arc) 50% calc(100% - 15px) / 10px 1px no-repeat, var(--dot) 50% calc(100% - 13px) / 5px 5px no-repeat, var(--g) 0 calc(100% - 7px) / 100% 1px no-repeat, var(--g) 0 calc(100% - 4px) / 100% 1px no-repeat;position:absolute;inset:0}.sh-slot[data-bands="0"] .sh-spine:before{background:var(--g) 0 5px / 100% 1px no-repeat, var(--g) 0 8px / 100% 1px no-repeat, var(--g) 0 18px / 100% 1px no-repeat, var(--g) 0 calc(100% - 21px) / 100% 1px no-repeat, var(--g) 0 calc(100% - 7px) / 100% 1px no-repeat, var(--g) 0 calc(100% - 4px) / 100% 1px no-repeat}.sh-slot[data-bands="3"] .sh-spine:before{background:var(--g) 0 5px / 100% 1px no-repeat, var(--g) 0 8px / 100% 1px no-repeat, var(--g) 0 12px / 100% 1px no-repeat, var(--bd) 0 14px / 100% 6px no-repeat, var(--g) 0 22px / 100% 1px no-repeat, var(--g) 0 calc(100% - 48px) / 100% 1px no-repeat, var(--bd) 0 calc(100% - 40px) / 100% 6px no-repeat, var(--g) 0 calc(100% - 37px) / 100% 1px no-repeat, var(--arc) 50% calc(100% - 27px) / 10px 1px no-repeat, var(--dot) 50% calc(100% - 25px) / 5px 5px no-repeat, var(--g) 0 calc(100% - 18px) / 100% 1px no-repeat, var(--bd) 0 calc(100% - 10px) / 100% 6px no-repeat, var(--g) 0 calc(100% - 7px) / 100% 1px no-repeat, var(--g) 0 calc(100% - 4px) / 100% 1px no-repeat}.sh-slot[data-bands="4"] .sh-spine:before{background:var(--g) 0 4px / 100% 1px no-repeat, var(--g) 0 7px / 100% 1px no-repeat, var(--bd) 0 10px / 100% 5px no-repeat, var(--bd) 0 19px / 100% 5px no-repeat, var(--g) 0 27px / 100% 1px no-repeat, var(--g) 0 calc(100% - 36px) / 100% 1px no-repeat, var(--bd) 0 calc(100% - 29px) / 100% 5px no-repeat, var(--bd) 0 calc(100% - 20px) / 100% 5px no-repeat, var(--g) 0 calc(100% - 17px) / 100% 1px no-repeat, var(--arc) 50% calc(100% - 11px) / 10px 1px no-repeat, var(--dot) 50% calc(100% - 9px) / 5px 5px no-repeat, var(--g) 0 calc(100% - 4px) / 100% 1px no-repeat}.sh-sheen{background:linear-gradient(90deg, transparent 36%, color-mix(in oklab, var(--book-light) 20%, transparent) 45%, color-mix(in oklab, var(--book-light) 24%, transparent) 49%, transparent 60%);opacity:.28;transition:transform .24s var(--ease-out), opacity .36s var(--ease-out);position:absolute;inset:0 -50%;transform:translate(-8%)}.sh-side{width:var(--d);backface-visibility:hidden;background:linear-gradient(color-mix(in oklab, var(--book-shade) 26%, transparent) 0 0), var(--weave), var(--cloth-t);position:absolute;top:0;bottom:0}.sh-side:before{content:"";border:1px solid color-mix(in oklab, var(--book-shade) 30%, transparent);outline:1px solid color-mix(in oklab, var(--book-shade) 18%, transparent);outline-offset:3px;position:absolute;inset:5% 9%}.sh-side-r{transform-origin:0;border-radius:0 2px 2px 0;left:100%;transform:rotateY(90deg)}.sh-side-r:after,.sh-side-l:after{content:"";background:linear-gradient(90deg, color-mix(in oklab, var(--book-shade) 45%, transparent), transparent 5%, color-mix(in oklab, var(--book-shade) 25%, transparent) 9%, transparent 12%);position:absolute;inset:0}.sh-side-l{transform-origin:100%;border-radius:2px 0 0 2px;right:100%;transform:rotateY(-90deg)}.sh-side-l:after{scale:-1 1}.sh-head{height:var(--d);backface-visibility:hidden;transform-origin:50% 100%;background:linear-gradient(0deg, var(--cloth-t) 0 3px, color-mix(in oklab, var(--book-shade) 55%, transparent) 3px 5px, transparent 5px), linear-gradient(90deg, var(--cloth-t) 0 2px, transparent 2px calc(100% - 2px), var(--cloth-t) 0), linear-gradient(0deg, transparent 20%, color-mix(in oklab, var(--book-shade) 30%, transparent)), repeating-linear-gradient(90deg, transparent 0 1px, color-mix(in oklab, var(--book-shade) 9%, transparent) 1px 2px), var(--page-edge);position:absolute;bottom:100%;left:0;right:0;transform:rotateX(90deg)}.sh-label{--lh:calc(var(--hh) - var(--tt) - var(--tb));inset-inline:0;top:var(--tt);height:var(--lh);pointer-events:none;transition:transform .56s var(--ease-out);position:absolute}.sh-title{writing-mode:vertical-rl;color:var(--gilt);font-family:var(--ff-latin);--cw:.58;font-weight:500;font-size:min(clamp(.8125rem, var(--tw) * .6, 1.0625rem), var(--lh) / (var(--len) * var(--cw)));letter-spacing:.02em;text-shadow:0 1px 0 color-mix(in oklab, var(--book-shade) 55%, transparent);justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.sh-title>span{white-space:nowrap;text-overflow:ellipsis;max-inline-size:100%;overflow:hidden}.sh-title:lang(grc){--cw:.7;font-family:var(--ff-greek);font-weight:400}.sh-glint{--gw:2.25rem;inset-inline:0;height:var(--gw);opacity:0;transition:transform .18s linear, opacity .32s var(--ease-out);position:absolute;top:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,currentColor 42% 58%,#0000);mask-image:linear-gradient(#0000,currentColor 42% 58%,#0000)}.sh-glint>.sh-title{height:var(--lh);color:var(--gilt-hi);text-shadow:0 0 .2em color-mix(in oklab, var(--gilt-hi) 35%, transparent);transition:transform .18s linear;inset:0 0 auto}.sh-foot{background:radial-gradient(closest-side, color-mix(in oklab, var(--book-shade) 42%, transparent), transparent);pointer-events:none;height:12px;transition:opacity .56s var(--ease-out), transform .56s var(--ease-out);position:absolute;bottom:-6px;left:-40%;right:-40%}:root[data-theme=dark] .sh-foot{background:radial-gradient(closest-side, color-mix(in oklab, var(--book-shade) 80%, transparent), transparent)}.sh-ribbon{background:linear-gradient(90deg, color-mix(in oklab, var(--book-shade) 30%, var(--silk)), var(--silk) 45%, color-mix(in oklab, var(--book-shade) 22%, var(--silk)));clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 3px),0 100%);transform-origin:top;pointer-events:none;width:5px;height:1.125rem;position:absolute;top:calc(100% - 3px);left:58%;rotate:5deg}.sh-eras{gap:var(--era-gap);margin-top:5px;padding-bottom:.25rem}.sh-eras>li{width:calc(var(--t) * var(--u) + (var(--count) - 1) * var(--gap));flex:none;padding:.5rem .25rem 0 .4375rem;position:relative}.sh-eras>li:before{content:"";background:var(--line);transform-origin:top;width:1px;height:.875rem;position:absolute;top:0;left:0}.sh-eras a{font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;transition:color var(--dur-fast) var(--ease-out);font-weight:600;line-height:1.25;display:block}.sh-eras a:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.sh-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--elevated);box-shadow:var(--sh-xs);margin-top:1.5rem;padding:.875rem 1rem;position:relative}.sh-notch{border-top:1px solid var(--border);border-left:1px solid var(--border);background:var(--elevated);width:12px;height:12px;transform:translateX(var(--nx,1.5rem)) rotate(45deg);transition:transform .52s var(--ease-spring);border-top-left-radius:2px;position:absolute;top:-6.5px;left:0}.sh-hint-touch{display:none}@media (hover:none){.sh-hint-mouse{display:none}.sh-hint-touch{display:inline}}.sh-card-stage{display:grid}.sh-card-stage>*{grid-area:1/1}.sh-card-in{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.375rem .875rem;display:grid}.sh-card-out{pointer-events:none}.sh-mini{grid-row:span 3;align-self:center}.sh-name{border-radius:var(--radius-sm);flex-direction:column;justify-content:center;min-width:0;min-height:3.125rem;display:flex;position:relative}.sh-name>*,.sh-facts>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sh-native{color:var(--text);font-size:1.5rem;line-height:1.25}.sh-native.font-display{font-weight:600}.sh-en{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.25rem}.sh-name:hover .sh-native{text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:5px;text-decoration-thickness:1px}.sh-facts{min-width:0;font-size:var(--text-sm);color:var(--text-muted);column-gap:.75rem;line-height:1.25rem;display:flex}.sh-read{border-radius:var(--radius-md);background:var(--accent);width:fit-content;height:2.25rem;color:var(--accent-fg);font-size:var(--text-sm);transition:background-color var(--dur-fast) var(--ease-out);align-items:center;gap:.375rem;margin-top:.5rem;padding-inline:.875rem;font-weight:500;display:inline-flex}.sh-read:hover{background:var(--accent-hover)}.sh-card-in>:is(.sh-facts,.sh-read){grid-column:2}@media (min-width:48rem){.sh-card{padding:1rem 1.25rem}.sh-card-in{grid-template-columns:auto minmax(0,1.7fr) minmax(0,1fr) minmax(0,.8fr) auto;gap:1.5rem}.sh-mini{grid-row:auto}.sh-card-in>:is(.sh-facts,.sh-read){grid-column:auto}.sh-card-in>.sh-facts{flex-direction:column}.sh-read{margin-top:0}}@media (min-width:48rem) and (max-height:50rem){.sh{--hs:.86}}@media (max-width:47.99rem){.sh{--hs:.8;--u:1rem}.sh-slot{scroll-snap-align:start}.sh-eras a{letter-spacing:.04em;font-size:.625rem}.sh-scroll{scroll-snap-type:x mandatory;margin-inline:-1rem;padding-inline:1rem;scroll-padding-inline:1rem}.sh-row,.sh-eras{padding-right:1rem}.sh-book{perspective:none}.sh-side,.sh-head{display:none}.sh-title{font-size:min(clamp(.625rem, var(--tw) * .5, .875rem), var(--lh) / (var(--len) * var(--cw)))}:root:not([data-calm]) .sh-slot[data-shown] :is(.sh-book,.sh-label){transform:translateY(-.5rem)}:root:not([data-calm]) .sh-slot[data-shown] .sh-foot{opacity:.55;transform:scaleX(1.2)}}.sh-slot:after{content:"";background:var(--line);opacity:0;height:5px;transition:opacity var(--dur-base) var(--ease-out);border-radius:0 0 1px 1px;position:absolute;bottom:-5px;left:0;right:0}.sh-slot[data-shown]:after{opacity:1}:root[data-calm] .sh-slot[data-lift] .sh-spine{outline:1px solid var(--line);outline-offset:2px}@media (hover:hover) and (pointer:fine) and (min-width:48rem){:root:not([data-calm]) .sh-slot[data-lift] :is(.sh-book,.sh-label){transform:translateY(-10px)}:root:not([data-calm]) .sh-slot[data-lift] .sh-obj{transform:translate3d(calc(var(--dx) * var(--zp) * -1), calc((var(--eye) - var(--hh) / 2) * var(--zp) * -1), var(--pull)) rotateY(-15deg)}:root:not([data-calm]) .sh-slot[data-lift] .sh-foot{opacity:.5;transform:scaleX(1.3)}:root:not([data-calm]) .sh-slot[data-opening] :is(.sh-book,.sh-label){transform:translateY(-16px)}:root:not([data-calm]) .sh-slot[data-era-hot]:not([data-lift]) :is(.sh-book,.sh-label){transform:translateY(-4px)}:root:not([data-calm]) .sh-slot[data-lean=r1]{transform-origin:100% 100%;translate:6px;rotate:2deg}:root:not([data-calm]) .sh-slot[data-lean=r2]{transform-origin:100% 100%;translate:5px;rotate:1deg}:root:not([data-calm]) .sh-slot[data-lean=l1]{transform-origin:0 100%;translate:-3px;rotate:-1.25deg}:root:not([data-calm]) .sh-slot[data-lean=l2]{transform-origin:0 100%;translate:-2px;rotate:-.5deg}}.sh-slot,.sh-eras>li{--land:calc(.3s + var(--i) * 16ms + var(--e) * 60ms)}:root:not([data-calm]) .sh-row:after{animation:sh-draw .9s var(--ease-out) .12s backwards}:root:not([data-calm]) .sh-top{animation:sh-rise .52s var(--ease-out) .16s backwards}:root:not([data-calm]) .sh-card{animation:sh-rise .52s var(--ease-out) .9s backwards}:root:not([data-calm]) .sh-card-out{animation:sh-out .24s var(--ease-in) forwards}:root:not([data-calm]) .sh-card-in:not(.sh-card-out)>:not(.sh-name){animation:sh-rise .36s var(--ease-out) 60ms backwards}:root:not([data-calm]) .sh-card-in:not(.sh-card-out) .sh-ink{animation:sh-ink .3s var(--ease-out) calc(var(--k) * min(28ms, .36s / var(--n))) backwards}:root:not([data-calm]) .sh-card-in:not(.sh-card-out) .sh-en{animation:sh-rise .42s var(--ease-out) .14s backwards}@media (min-width:48rem){:root:not([data-calm]) .sh-slot{animation:sh-place .82s var(--lb-bounce) var(--land) backwards}:root:not([data-calm]) .sh-glint{animation:sh-sweep .9s var(--ease-in-out) calc(var(--land) + .56s) backwards}:root:not([data-calm]) .sh-glint>.sh-title{animation:sh-sweep-in .9s var(--ease-in-out) calc(var(--land) + .56s) backwards}:root:not([data-calm]) .sh-eras>li:before{animation:sh-tick .52s var(--ease-out) calc(var(--land) + .26s) backwards}:root:not([data-calm]) .sh-eras>li>a{animation:sh-rise .52s var(--ease-out) calc(var(--land) + .38s) backwards}}@supports (animation-timeline:view()){@media (max-width:47.99rem){:root:not([data-calm]) .sh-slot{animation:linear both sh-place-scroll;animation-timeline:--shelf;animation-range:entry calc(20% + min(var(--i), 9) * 5%) entry calc(70% + min(var(--i), 9) * 5%)}:root:not([data-calm]) .sh-eras>li:before{animation:linear both sh-tick;animation-timeline:view(inline);animation-range:entry entry 60%}}@media (min-width:48rem){:root:not([data-calm]) .sh-eras{animation:linear both sh-drift-near;animation-timeline:--shelf;animation-range:cover}:root:not([data-calm]) .sh-card{animation:sh-rise .52s var(--ease-out) .9s backwards, sh-drift-far linear both;animation-timeline:auto,--shelf;animation-range:normal,cover}}}@keyframes sh-draw{0%{transform:scaleX(0)}}@keyframes sh-place{0%{opacity:0;transform:translate(2rem)rotate(4deg)}30%{opacity:1}}@keyframes sh-place-scroll{0%{opacity:0;transform:translate(1.5rem)rotate(3deg)}to{opacity:1;transform:none}}@keyframes sh-sweep{0%{opacity:1;transform:translateY(calc(var(--gw) * -1))}to{opacity:1;transform:translateY(var(--lh))}}@keyframes sh-sweep-in{0%{transform:translateY(var(--gw))}to{transform:translateY(calc(var(--lh) * -1))}}@keyframes sh-tick{0%{transform:scaleY(0)}}@keyframes sh-rise{0%{opacity:0;transform:translateY(.375rem)}}@keyframes sh-out{to{opacity:0;transform:translateY(-.25rem)}}@keyframes sh-ink{0%{opacity:0}}@keyframes sh-drift-near{0%{translate:0 .25rem}to{translate:0 -.25rem}}@keyframes sh-drift-far{0%{translate:0 .875rem}to{translate:0 -.875rem}}
