.fold-root{--folder-w:min(92vw, 824px);--u:calc(var(--folder-w) / 1018);--folder-h:calc(var(--u) * 508);--intro:36rem;--sliver:4vw;--folder-shift:clamp(0px, calc(var(--folder-h) - (100svh - var(--intro))), calc(var(--folder-h) - 5.5rem));--folder-top:calc(100svh - var(--folder-h) + var(--folder-shift));--intro-end:22rem;--p-intro:0;--p-sheet:0;--p-open:0;--p-drop:0;transition:--peek .42s cubic-bezier(.34,1.4,.64,1);position:relative}@property --peek{syntax:"<number>";inherits:true;initial-value:0}@media (hover:hover){.fold-root:has(.fold-hit:hover){--peek:1}}.fold-root:has(.fold-hit:active){--peek:1}@media (min-width:40rem){.fold-root{--intro:30rem;--sliver:9.5vw;--intro-end:20rem}}.fold-intro{opacity:calc(1 - var(--p-intro))}.fold-layer{left:calc(50% - var(--folder-w) / 2);bottom:calc(-1 * (var(--folder-shift) + var(--u) * 141));width:var(--folder-w);height:calc(var(--u) * 649);pointer-events:none;position:fixed}.fold-layer>svg{width:100%;height:100%;display:block}.fold-back{z-index:10;translate:0 calc(var(--p-drop) * (var(--folder-h) - var(--folder-shift) + var(--u) * 60))}.fold-front{z-index:30;transform-origin:50% 100%;transform:perspective(calc(var(--u) * 1700)) rotateX(calc(var(--p-open) * -96deg - var(--peek) * 9deg));backface-visibility:hidden;filter:brightness(calc(1 - var(--p-open) * .16 - var(--peek) * .03))}.dappled-light{z-index:35;pointer-events:none;height:70svh;position:fixed;inset:auto 0 0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 55%);mask-image:linear-gradient(#0000,#000 55%)}.dappled-light>div{background-size:1400px 900px;animation:11s ease-in-out infinite alternate dappled-sway;position:absolute;inset:-12%}.dappled-light--under{z-index:5}.dappled-light-shade{mix-blend-mode:multiply;opacity:.12}.dappled-light-sun{mix-blend-mode:soft-light;opacity:.6}.dark .dappled-light-shade{opacity:0}.dark .dappled-light-sun{opacity:.35}@keyframes dappled-sway{0%{translate:-1.5% -1%;rotate:-.8deg;scale:1}to{translate:1.5% 1.2%;rotate:.8deg;scale:1.03}}.fold-shadow{z-index:25;left:calc(50% - var(--folder-w) / 2);top:calc(var(--folder-top) - var(--u) * 70);width:var(--folder-w);height:calc(var(--u) * 150);filter:blur(calc(var(--u) * 14));opacity:calc(4 * var(--p-open) * (1 - var(--p-open)) + var(--peek) * .45);translate:0 calc(var(--p-open) * (var(--folder-h) - var(--folder-shift)));pointer-events:none;background:radial-gradient(50% 50% at 50% 60%,#00000047,#0000);position:fixed}.fold-hit{z-index:40;left:calc(50% - var(--folder-w) / 2);top:var(--folder-top);width:var(--folder-w);cursor:pointer;border-radius:calc(var(--u) * 18) calc(var(--u) * 18) 0 0;position:fixed;bottom:0}.fold-hit:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.fold-root[data-open] .fold-hit{display:none}.fold-sheet{z-index:20;top:calc(var(--folder-top) + var(--u) * 15);left:calc(50% - var(--u) * 416);width:calc(var(--u) * 900);border-radius:calc(var(--u) * 10);transform-origin:0 0;rotate:calc((1 - var(--p-sheet)) * 6.9deg);translate:calc(var(--p-sheet) * var(--u) * -34) calc(var(--peek) * var(--u) * -22);position:absolute}.fold-sheet:before{content:"";z-index:-1;border-radius:inherit;opacity:calc(.35 + var(--p-sheet) * .65);pointer-events:none;position:absolute;inset:0;box-shadow:0 2px 6px #0000000f,0 24px 60px -12px #00000038}.fold-sheet:after{content:"";width:1px;height:6rem;position:absolute;top:100%;left:0}.fold-veil{--veil:var(--color-canvas);z-index:-1;height:calc(var(--intro-end) + 100px);background:linear-gradient(to bottom, var(--veil) var(--intro-end), transparent);pointer-events:none;position:absolute;inset:0 0 auto}.dark .fold-veil{--veil:var(--background)}.scroll-hint{top:calc((var(--intro-end) + var(--folder-top)) / 2);opacity:calc(1 - var(--p-intro));pointer-events:none;position:absolute;left:50%;translate:-50% -50%}.scroll-hint-wheel{animation:2.4s cubic-bezier(.65,0,.35,1) infinite scroll-hint-wheel}@keyframes scroll-hint-wheel{0%,10%{opacity:1;translate:0}60%,to{opacity:0;translate:0 7px}}.fold-sheet-content{opacity:clamp(0, calc(var(--p-sheet) * 1.6 - .2), 1)}.paper{--foreground:var(--color-westar-900);--muted-foreground:var(--color-westar-800);--border:var(--color-westar-400);--background:#fff;background:var(--background);color:var(--foreground)}@media (prefers-reduced-motion:reduce){.dappled-light>div{animation:none}.fold-layer,.fold-shadow,.fold-hit,.fold-veil,.scroll-hint{display:none}.fold-sheet{left:calc(50% - var(--u) * 450);translate:none;rotate:none}.fold-intro,.fold-sheet-content{opacity:1}}