.sh{--sh-t:max(var(--spacing-target), min(2.75rem, (100cqi - 2rem) / (var(--sh-per) + .4)));--sh-n:4;--sh-per:2;--sh-h:13.5rem;--sh-depth:6rem;--fo-h:min(15rem, (100cqi - 4rem) * 1.5);--fo-w:calc(var(--fo-h) * 2 / 3);--fo-d:var(--sh-t);--fo-rest:translateZ(-1.5rem) rotateY(24deg);--sh-board-h:1.5rem;--fo-away:translateX(-2.5rem) translateZ(-3rem) rotateY(84deg);--sh-ease:var(--ease-out-editorial)}@container (min-width:40rem){.sh{--sh-h:16rem;--sh-t:max(var(--spacing-target), min(2.75rem, (100cqi - 2rem) / (var(--sh-n) + .4)));--fo-h:var(--sh-h)}}@container (min-width:64rem){.sh{--sh-h:19rem}}.sh-face{position:absolute}.sh-shade:after{content:"";pointer-events:none;background-color:var(--book-shade);position:absolute;inset:0}.sh-pages{background-color:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}.sh-label{writing-mode:vertical-rl;text-align:center;text-wrap:balance;max-width:80%;max-height:78%;line-height:1.15;overflow:hidden}.sh-row{z-index:1;flex-direction:column;gap:1.5rem;display:flex;position:relative}.sh-spines{padding-inline:max(0px, min(1.5rem, 4cqi, (100cqi - var(--sh-per) * var(--sh-t) - (var(--sh-per) - 1) * .125rem) / 2));perspective:60rem;perspective-origin:50% -25%;justify-content:center;align-items:flex-end;gap:.125rem;margin-bottom:-.3125rem;display:flex}.sh-board-own{display:none}.sh-tab{width:var(--sh-t);height:var(--sh-h);transform-style:preserve-3d;cursor:pointer;flex:none;position:relative}.sh-book{transform-style:preserve-3d;position:absolute;inset:0}.sh-spine,.sh-fspine{border-radius:var(--radius-book);box-shadow:inset 1px 0 0 var(--book-hinge-light), inset -1px 0 0 var(--book-shade), inset .3125rem 0 0 var(--book-spine-lit), inset -.4375rem 0 0 var(--book-spine-turn)}.sh-spine:before,.sh-fspine:before{content:"";pointer-events:none;border-inline:1px solid var(--book-crease);position:absolute;inset:0 .1875rem}.sh-spine{justify-content:center;align-items:center;display:flex;inset:0}.sh-top{height:var(--sh-depth);transform-origin:top;border-radius:var(--radius-book) var(--radius-book) 0 0;box-shadow:inset .125rem 0 0 var(--spine), inset -.125rem 0 0 var(--spine), inset 0 .1875rem 0 var(--spine);top:0;left:0;right:0;transform:rotateX(-90deg)}.sh-contact{height:1px;box-shadow:var(--shadow-contact);position:absolute;bottom:0;left:6%;right:6%}.sh-tab[aria-selected=true] .sh-book{transform:translateY(-.375rem)translateZ(1.25rem)}.sh-board{height:var(--sh-board-h);position:relative}.sh-board:before,.sh-board:after{content:"";position:absolute;left:0;right:0}.sh-board:before{background-color:var(--shelf-top);border-radius:var(--radius-book) var(--radius-book) 0 0;height:.5rem;top:0}.sh-board:after{background-color:var(--fill-soft);border-radius:0 0 var(--radius-book) var(--radius-book);box-shadow:var(--shadow-float);top:.5rem;bottom:0}.sh-board-shared{display:none}@container (min-width:40rem){.sh-shelf,.sh-spines{display:contents}.sh-board-row{display:none}.sh-row{padding-inline:max(0px, min(1.5rem, 4cqi, (100cqi - var(--sh-n) * var(--sh-t) - (var(--sh-n) - 1) * .125rem) / 2));perspective:60rem;perspective-origin:50% -25%;flex-direction:row;justify-content:center;align-items:flex-end;gap:.125rem}.sh-board-shared{display:block}.sh-col{z-index:1;padding-bottom:calc(var(--sh-board-h) - .3125rem);position:relative}.sh-row{margin-bottom:0}}.sh-display{display:grid}.sh-stand{z-index:1;justify-items:center;padding-inline:min(2.5rem,8cqi);display:grid;position:relative}.sh-fo{width:var(--fo-w);height:var(--fo-h);opacity:0;visibility:hidden;perspective:110rem;perspective-origin:30% -30%;grid-area:1/1;position:relative}.sh-fo[data-on]{opacity:1;visibility:visible}.sh-box{transform-style:preserve-3d;transform:var(--fo-rest);position:absolute;inset:0}.sh-box>.sh-face{backface-visibility:hidden}.sh-cover{transform:translateZ(calc(var(--fo-d) / 2));inset:0}.sh-back{border-radius:var(--radius-book);transform:rotateY(180deg) translateZ(calc(var(--fo-d) / 2));inset:0}.sh-fspine{top:0;bottom:0;left:calc((var(--fo-w) - var(--fo-d)) / 2);width:var(--fo-d);transform:rotateY(-90deg) translateZ(calc(var(--fo-w) / 2));border-radius:0;justify-content:center;align-items:center;display:flex}.sh-edge{top:.125rem;bottom:.125rem;left:calc((var(--fo-w) - var(--fo-d)) / 2);width:var(--fo-d);transform:rotateY(90deg) translateZ(calc(var(--fo-w) / 2 - .125rem))}.sh-top-frame{box-shadow:inset 0 0 0 .125rem var(--spine)}.sh-ftop{left:.125rem;right:0;top:calc((var(--fo-h) - var(--fo-d)) / 2);height:var(--fo-d);transform:rotateX(90deg) translateZ(calc(var(--fo-h) / 2 - .125rem))}.sh-cover>.sh-contact,.sh-fspine>.sh-contact{left:3%;right:3%}@media (prefers-reduced-motion:no-preference){.sh-book{transition:transform .3s var(--sh-ease)}.sh-tab:not([aria-selected=true]):hover .sh-book{transform:translateY(-.25rem)}.sh-fo{transition:opacity .28s var(--sh-ease), visibility 0s linear .56s}.sh-fo[data-on]{transition:opacity .36s var(--sh-ease) 80ms, visibility 0s}.sh-fo .sh-box{transform:var(--fo-away);transition:transform .56s var(--sh-ease)}.sh-fo[data-on] .sh-box{transform:var(--fo-rest)}}