@layer components{.statement{--unread:#e8a33c;--card:color-mix(in srgb,var(--bg-3) 70%,var(--bg-2));height:calc(100svh + var(--pin, 150svh))}.statement-stage{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;padding-top:calc(var(--header-h) + 1rem)}.pile-bar{position:relative;z-index:30;justify-content:space-between;gap:1rem}.pile-bar,.pile-count{display:flex;align-items:center}.pile-count{gap:.5rem;border-radius:999px;padding:.375rem .75rem;font-family:var(--font-mono);font-size:.75rem;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--line-2);transition:color .5s var(--ease-out),background-color .5s var(--ease-out)}.pile-count-dot{width:.5rem;height:.5rem;border-radius:999px;background:var(--unread);animation:pile-dot .6s var(--ease-out)}.pile-count-n{display:inline-block;min-width:2ch;text-align:right;animation:pile-tick .32s var(--ease-out)}.statement-copy{position:relative;z-index:10;margin-top:clamp(1.5rem,4svh,2.5rem)}.pile-headline{max-width:18ch}@media (min-width:48rem){.pile-headline{max-width:22ch}}.pile-slot{position:absolute;left:0;top:0;z-index:var(--z);transition:opacity .7s var(--ease-out)}.pile-card{display:flex;align-items:flex-start;gap:.75rem;border-radius:1.125rem;padding:.75rem 1rem .75rem .875rem;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);color:var(--fg);opacity:0;translate:0 -1.75rem;scale:1.08;transition:opacity .2s ease-in,translate .2s ease-in,scale .2s ease-in}.pile-card[data-in]{opacity:1;translate:0 0;scale:1;transition:opacity .22s var(--ease-out),translate .46s var(--ease-out),scale .46s var(--ease-out);animation:pile-buzz .3s linear .36s}.pile-icon{position:relative;display:flex;flex:none;padding-top:.125rem;color:var(--fg-2)}.pile-dot{position:absolute;top:-.125rem;right:-.3125rem;width:.5625rem;height:.5625rem;border-radius:999px;background:var(--unread);box-shadow:0 0 0 2px var(--card)}.pile-card[data-in] .pile-dot{animation:pile-dot .64s var(--ease-out) .34s}.pile-body{display:block;min-width:0}.pile-meta{display:flex;justify-content:space-between;gap:1rem;font-family:var(--font-mono);font-size:.625rem;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}.pile-text{display:block;margin-top:.1875rem;font-size:.9375rem;font-weight:500;line-height:1.3;color:var(--fg)}@media (max-width:63.999rem){.pile{--h:4rem;--g:0.5rem;--full:4;position:relative;flex:none;width:auto;max-width:28rem;height:calc(var(--full) * var(--h) + (var(--full) - 1) * var(--g) + 1.25rem);margin:clamp(1.25rem,3.5svh,2rem) var(--gutter) 0}.pile-slot{--k:clamp(-0.3,var(--rank),calc(var(--full) - 1));--peek:clamp(0,calc(var(--rank) - var(--full) + 1),2);right:0;z-index:calc(100 - var(--rank));transform-origin:50% 0;transform:translate3d(0,calc(var(--k) * (var(--h) + var(--g)) + var(--peek) * .625rem),0) scale(calc(1 - var(--peek) * .05));opacity:calc(clamp(0, calc((var(--full) + 1.5 - var(--rank)) * 2), 1) * (1 - var(--peek) * .25));transition:transform .64s cubic-bezier(.34,1.32,.64,1),opacity .36s var(--ease-out)}.pile-card{height:var(--h);align-items:center;translate:0 -.5rem;scale:.97}.pile-body{flex:1}.pile-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pile-icon{padding-top:0}}@media (max-width:63.999rem) and (max-height:760px){.pile{--full:3}}@media (max-width:63.999rem) and (min-height:960px){.pile{--full:5}}@media (min-width:64rem){.statement{--rail:clamp(17rem,27vw,24rem);--reserve:max(0px,calc(var(--rail) - max(0px, (100vw - var(--shell)) / 2)))}.pile-bar{position:absolute;top:calc(var(--header-h) + 1rem);left:0;right:0}.statement-copy{position:absolute;inset:0;display:flex;align-items:center;margin:0;padding-top:calc(var(--header-h) + 4.5rem);padding-bottom:12svh;pointer-events:none}.statement-copy>.shell{pointer-events:auto}.pile-headline{max-width:min(22ch,calc(100% - var(--reserve)))}.pile{position:absolute;inset:0;z-index:5}.pile-slot{transform:translate3d(var(--x,0),var(--y,0),0) rotate(var(--r,0deg))}.pile-card{width:max-content;max-width:20rem;gap:.875rem;padding:.875rem 1.125rem .875rem 1rem;border-radius:1.25rem}.pile-text{font-size:1rem}.pile-slot[data-behind]{z-index:0;opacity:.11}}.statement:not([data-placed]) .pile{visibility:hidden}.pile{transition:opacity .36s var(--ease-out)}.statement[data-strained] .pile{opacity:.58;transition:opacity .7s var(--ease-out) .32s}.statement[data-strained] .pile-count{color:#f6d49a;background:rgb(232 163 60/.12)}@media (prefers-reduced-motion:reduce){.statement{height:auto}.statement-stage{position:relative}.pile,.pile-card,.pile-card[data-in],.pile-card[data-in] .pile-dot,.pile-count-dot,.pile-count-n,.pile-slot{animation:none;transition:none}}@media (prefers-reduced-motion:reduce) and (max-width:63.999rem){.statement-stage{height:auto;padding-bottom:var(--space-section)}}}@keyframes pile-buzz{0%,to{transform:translateZ(0)}20%{transform:translate3d(3px,0,0)}40%{transform:translate3d(-3px,0,0)}60%{transform:translate3d(2px,0,0)}80%{transform:translate3d(-1px,0,0)}}@keyframes pile-dot{0%,to{scale:1}35%{scale:1.6}}@keyframes pile-tick{0%{opacity:0;translate:0 .45em}}