.flipbooks[data-astro-cid-wmif6cwu]{--pw: min(40vw, 30rem, calc((100svh - 21rem) / 1.5));margin-top:var(--space-sm);min-width:0;@media(min-width:62rem){display:grid;grid-template-columns:11.5rem 1fr 11.5rem;gap:var(--space-md);align-items:center;--pw: min(26vw, 30rem, calc((100svh - 17rem) / 1.5))}}.flipbook[data-astro-cid-wmif6cwu]{@media(min-width:62rem){grid-column:2}}.picker[data-astro-cid-wmif6cwu]{display:flex;gap:.5rem;margin-bottom:var(--space-sm);overflow-x:auto;scrollbar-width:none;&[data-astro-cid-wmif6cwu]::-webkit-scrollbar{display:none}@media(min-width:62rem){flex-direction:column;align-items:stretch;overflow:visible;margin-bottom:0;margin-left:calc(-1 * var(--space-sm))}button{flex:none;display:flex;align-items:center;gap:.5rem;padding:.3rem .8rem .3rem .7rem;background:transparent;border:0;border-radius:var(--radius-pill);font:inherit;font-size:var(--text-small);color:var(--color-nav);cursor:pointer;transition:border-color .2s,color .2s,background-color .2s;&:hover{color:var(--color-nav-active);background:var(--color-chip-hover)}&[aria-pressed=true]{background:var(--color-ink);color:var(--color-on-ink)}@media(min-width:62rem){border-radius:0 var(--radius-pill) var(--radius-pill) 0;padding-left:calc(var(--space-sm) + .3rem)}}img{width:1.6rem;height:auto;border-radius:.15rem}}.stage[data-astro-cid-wmif6cwu]{position:relative;display:grid;place-items:center;padding:0 0 1.25rem;perspective:2600px;outline-offset:.5rem;touch-action:pan-y}.spread[data-astro-cid-wmif6cwu]{position:relative;width:calc(var(--pw) * 2);height:calc(var(--pw) * 1.5);transform-style:preserve-3d;transition:translate .9s cubic-bezier(.4,0,.2,1)}[data-astro-cid-wmif6cwu][data-pos=front] .spread[data-astro-cid-wmif6cwu]{translate:calc(var(--pw) / -2) 0}[data-astro-cid-wmif6cwu][data-pos=back] .spread[data-astro-cid-wmif6cwu]{translate:calc(var(--pw) / 2) 0}.floor[data-astro-cid-wmif6cwu]{position:absolute;left:50%;bottom:.4rem;width:calc(var(--pw) * 1.9);height:1.4rem;translate:-50% 0;background:radial-gradient(ellipse at center,rgb(0 0 0 / .34),rgb(0 0 0 / .1) 50%,transparent 72%);filter:blur(7px);transition:width .9s cubic-bezier(.4,0,.2,1),translate .9s cubic-bezier(.4,0,.2,1);pointer-events:none}[data-astro-cid-wmif6cwu][data-pos=front] .floor[data-astro-cid-wmif6cwu],[data-astro-cid-wmif6cwu][data-pos=back] .floor[data-astro-cid-wmif6cwu]{width:calc(var(--pw) * 1.05)}[data-astro-cid-wmif6cwu][data-pos=front] .floor[data-astro-cid-wmif6cwu],[data-astro-cid-wmif6cwu][data-pos=back] .floor[data-astro-cid-wmif6cwu]{translate:-50% 0}.sheet[data-astro-cid-wmif6cwu]{position:absolute;top:0;left:50%;width:var(--pw);height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.4,0,.2,1);cursor:pointer;&.turned{transform:rotateY(-180deg)}&.next:hover:not(.turned){transform:rotateY(-7deg)}&.prev:hover{transform:rotateY(-173deg)}}.face[data-astro-cid-wmif6cwu]{position:absolute;inset:0;overflow:hidden;background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden;img{display:block;width:100%;height:100%;object-fit:cover}&:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #00000014}&.back{transform:rotateY(180deg)}}.face[data-astro-cid-wmif6cwu].front{border-radius:0 .3rem .3rem 0;&[data-astro-cid-wmif6cwu]:after{background:linear-gradient(to right,rgb(0 0 0 / .2),rgb(0 0 0 / .05) 5%,transparent 12%)}}.face[data-astro-cid-wmif6cwu].back{border-radius:.3rem 0 0 .3rem;&[data-astro-cid-wmif6cwu]:after{background:linear-gradient(to left,rgb(0 0 0 / .2),rgb(0 0 0 / .05) 5%,transparent 12%)}}.controls[data-astro-cid-wmif6cwu]{display:flex;align-items:center;justify-content:center;gap:var(--space-md);button{flex:none;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--color-text);background:transparent;color:var(--color-text);font:inherit;font-size:1.05rem;cursor:pointer;transition:background-color .2s,color .2s,opacity .2s;&:hover:not(:disabled){background:var(--color-ink);color:var(--color-on-ink)}&:disabled{opacity:.3;cursor:default}}}.hint[data-astro-cid-wmif6cwu]{margin:0;font-size:var(--text-small)}@media(prefers-reduced-motion:reduce){.spread[data-astro-cid-wmif6cwu],.sheet[data-astro-cid-wmif6cwu],.floor[data-astro-cid-wmif6cwu]{transition:none}}.showcase[data-astro-cid-ycxfituj]{min-height:calc(100svh - 3.45rem);display:grid;align-items:center;padding-block:clamp(1.5rem,4svh,3rem);overflow-x:clip;.wide{width:100%;container-type:inline-size}}.cards[data-astro-cid-ycxfituj]{list-style:none;margin:var(--space-md) 0 0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:min(80%,20rem);gap:var(--space-sm);overflow-x:auto;scroll-snap-type:x mandatory;--gutter: calc((100vw - 100cqw)/2) ;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);padding-bottom:var(--space-xs);>li{scroll-snap-align:start}@media(min-width:62rem){grid-auto-columns:calc((100cqw - var(--space-sm) * 3) / 4)}scrollbar-width:none;&[data-astro-cid-ycxfituj]::-webkit-scrollbar{display:none}}.arrows[data-astro-cid-ycxfituj]{display:none;justify-content:flex-end;gap:var(--space-xs);margin-top:var(--space-sm);@media(min-width:62rem){display:flex}button{position:relative;width:2.5rem;height:2.5rem;border:0;border-radius:50%;background:var(--color-control);color:var(--color-text);cursor:pointer;transition:background-color .2s,opacity .2s;&:before{content:"";position:absolute;inset:50% auto auto 50%;width:.55rem;height:.55rem;border:solid var(--color-text);border-width:2px 2px 0 0;translate:-65% -50%;rotate:45deg}&[data-prev]:before{translate:-35% -50%;rotate:-135deg}&:hover:not(:disabled){background:var(--color-control-hover)}&:disabled{opacity:.4;cursor:default}}}.card[data-astro-cid-ycxfituj]{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:min(33rem,58svh);padding:var(--space-md) var(--space-md) var(--space-sm);background:var(--color-bg);border:0;border-radius:var(--radius-card);font:inherit;text-align:left;color:var(--color-text);cursor:pointer;transition:transform .4s cubic-bezier(.2,.8,.2,1);&[data-astro-cid-ycxfituj]:hover{transform:scale(1.015)}&[data-astro-cid-ycxfituj]:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}h3{margin:0 0 var(--space-xs)}p{margin:0 0 var(--space-sm);font-size:var(--text-lead);color:var(--color-nav)}.render{display:block;align-self:center;margin-top:auto;width:auto;height:min(14rem,26svh);padding-bottom:.5rem}}.card[data-astro-cid-ycxfituj].still{cursor:default;&[data-astro-cid-ycxfituj]:hover{transform:none}}.plus[data-astro-cid-ycxfituj]{position:absolute;right:var(--space-sm);bottom:var(--space-sm);width:2rem;height:2rem;border-radius:50%;background:var(--color-ink);transition:background-color .2s;&[data-astro-cid-ycxfituj]:before,&[data-astro-cid-ycxfituj]:after{content:"";position:absolute;inset:50% auto auto 50%;width:.8rem;height:2px;background:var(--color-on-ink);translate:-50% -50%}&[data-astro-cid-ycxfituj]:after{rotate:90deg}}.card[data-astro-cid-ycxfituj]:hover .plus[data-astro-cid-ycxfituj]{background:var(--color-ink-hover)}.viewer[data-astro-cid-ycxfituj]{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:var(--color-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:auto;opacity:0;transform:scale(.85);transform-origin:var(--ox, 50%) var(--oy, 50%);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.8,.2,1),overlay .6s allow-discrete,display .6s allow-discrete;&[data-astro-cid-ycxfituj]::backdrop{background:transparent}}.viewer[data-astro-cid-ycxfituj][open]{opacity:1;transform:none}@starting-style{.viewer[data-astro-cid-ycxfituj][open]{opacity:0;transform:scale(.85)}}.inner[data-astro-cid-ycxfituj]{min-height:100%;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:var(--space-xs);padding:4rem var(--space-sm) var(--space-sm)}.disclaimer[data-astro-cid-ycxfituj]{margin:0;text-align:center;font-size:var(--text-small)}.close[data-astro-cid-ycxfituj]{position:fixed;top:var(--space-sm);right:var(--space-sm);z-index:1;width:2.5rem;height:2.5rem;border:0;border-radius:50%;background:var(--color-ink);cursor:pointer;&[data-astro-cid-ycxfituj]:before,&[data-astro-cid-ycxfituj]:after{content:"";position:absolute;inset:50% auto auto 50%;width:1rem;height:2px;background:var(--color-on-ink);translate:-50% -50%;rotate:45deg}&[data-astro-cid-ycxfituj]:after{rotate:-45deg}&[data-astro-cid-ycxfituj]:hover{background:var(--color-ink-hover)}}html:has(.viewer[open]){overflow:hidden}@media(prefers-reduced-motion:reduce){.viewer[data-astro-cid-ycxfituj],.card[data-astro-cid-ycxfituj]{transition:none}}