@property --nd-cols{syntax:"<number>";inherits:true;initial-value:1}@property --nd-rows{syntax:"<number>";inherits:true;initial-value:1}@property --nd-h{syntax:"<length>";inherits:true;initial-value:0}@property --nd-g{syntax:"<length>";inherits:true;initial-value:0}@property --nd-t{syntax:"<number>";inherits:true;initial-value:0}@property --nd-k{syntax:"<length>";inherits:true;initial-value:0}@property --nd-R{syntax:"<length>";inherits:true;initial-value:0}@property --nd-d{syntax:"<length>";inherits:true;initial-value:0}@property --nd-p{syntax:"<length>";inherits:true;initial-value:0}@property --nd-ymid{syntax:"<length>";inherits:true;initial-value:0}@property --nd-M{syntax:"<length>";inherits:true;initial-value:0}@property --nd-r{syntax:"<number>";inherits:true;initial-value:0}@property --nd-c{syntax:"<number>";inherits:true;initial-value:0}@property --nd-eL{syntax:"<number>";inherits:true;initial-value:1}@property --nd-eR{syntax:"<number>";inherits:true;initial-value:1}@property --nd-eT{syntax:"<number>";inherits:true;initial-value:1}@property --nd-eB{syntax:"<number>";inherits:true;initial-value:1}@property --nd-sT{syntax:"<length>";inherits:true;initial-value:0}@property --nd-sB{syntax:"<length>";inherits:true;initial-value:0}@property --nd-lxT{syntax:"<length>";inherits:true;initial-value:0}@property --nd-rxB{syntax:"<length>";inherits:true;initial-value:0}.needs{--nd-cols:1;--nd-rows:6;--nd-h:0px;--nd-g:14px;--nd-gc:8px;--nd-t:0;--nd-k:18px;--nd-R:24px;--nd-p:22px;--nd-d:6px;--nd-ymid:calc((var(--nd-rows) * var(--nd-h) + (var(--nd-rows) - 1) * var(--nd-g)) / 2);--nd-M:calc(var(--nd-ymid) * var(--nd-t));display:grid;grid-template-columns:repeat(var(--nd-cols),minmax(0,1fr));gap:var(--nd-g) var(--nd-gc)}@media (min-width:640px){.needs{--nd-cols:2;--nd-rows:3;--nd-h:340px;--nd-t:0.09;--nd-k:0px;--nd-R:28px;--nd-p:26px;grid-auto-rows:var(--nd-h)}}@media (min-width:1024px){.needs{--nd-cols:3;--nd-rows:2;--nd-h:370px;--nd-t:0.15}}@media (min-width:1280px){.needs{--nd-h:clamp(380px,28vw,440px);--nd-g:17px;--nd-gc:10px;--nd-d:8px;--nd-R:32px;--nd-p:32px}}.needs-piece{--nd-r:var(--nd-i);--nd-c:0;--nd-eL:calc(1 - min(var(--nd-c), 1));--nd-eR:calc(1 - min(var(--nd-cols) - 1 - var(--nd-c), 1));--nd-eT:calc(1 - min(var(--nd-r), 1));--nd-eB:calc(1 - min(var(--nd-rows) - 1 - var(--nd-r), 1));--nd-sT:calc((var(--nd-ymid) - var(--nd-r) * (var(--nd-h) + var(--nd-g))) * var(--nd-t));--nd-sB:calc(var(--nd-sT) - var(--nd-h) * var(--nd-t));--nd-lxT:calc(var(--nd-p) + (1 - var(--nd-eL)) * var(--nd-sT));--nd-rxB:calc((1 - var(--nd-eR)) * var(--nd-sB) * -1);position:relative;z-index:0;display:block;color:var(--nd-ink,#111111);outline:none;pointer-events:none}@media (min-width:640px){.needs-piece{--nd-r:var(--nd-r2);--nd-c:var(--nd-c2)}}@media (min-width:1024px){.needs-piece{--nd-r:var(--nd-r3);--nd-c:var(--nd-c3)}}.needs-face{position:absolute;top:calc((1 - var(--nd-eT)) * var(--nd-k) / -2);bottom:calc((1 - var(--nd-eB)) * var(--nd-k) / -2);left:calc((1 - var(--nd-eL)) * var(--nd-M) * -1);right:calc((1 - var(--nd-eR)) * var(--nd-M) * -1);border-radius:calc(var(--nd-R) * var(--nd-eL) * var(--nd-eT)) calc(var(--nd-R) * var(--nd-eR) * var(--nd-eT)) calc(var(--nd-R) * var(--nd-eR) * var(--nd-eB)) calc(var(--nd-R) * var(--nd-eL) * var(--nd-eB));clip-path:polygon(calc((1 - var(--nd-eL)) * (var(--nd-M) + var(--nd-sT))) calc((1 - var(--nd-eT)) * var(--nd-k)),calc(100% - (1 - var(--nd-eR)) * (var(--nd-M) - var(--nd-sT))) 0,calc(100% - (1 - var(--nd-eR)) * (var(--nd-M) - var(--nd-sB))) calc(100% - (1 - var(--nd-eB)) * var(--nd-k)),calc((1 - var(--nd-eL)) * (var(--nd-M) + var(--nd-sB))) 100%);pointer-events:none}.needs-face--edge{z-index:-1;translate:calc(var(--nd-d) * var(--nd-t) * -1) var(--nd-d);background-color:color-mix(in oklab,var(--nd-tone-deep),#000000 15%)}.needs-face--base{z-index:0;background-color:var(--nd-tone);pointer-events:auto;cursor:pointer;transition:background-color .32s var(--ease-out)}.needs-cell{position:absolute;top:calc((1 - var(--nd-eT)) * var(--nd-k) / 2);bottom:calc((1 - var(--nd-eB)) * var(--nd-k) / 2);left:calc((1 - var(--nd-eL)) * var(--nd-M));right:calc((1 - var(--nd-eR)) * var(--nd-M))}.needs-glyph{position:absolute;right:calc(var(--nd-rxB) + var(--nd-p) * .55);bottom:-.17em;font-size:clamp(120px,calc(var(--nd-h) * .44),200px);font-weight:800;line-height:1;letter-spacing:-.06em;white-space:nowrap;color:var(--nd-tone-deep);user-select:none;transition:translate .42s var(--ease-out),opacity .32s var(--ease-out)}.needs-face--base .needs-cell{transition:translate .7s var(--ease-out);transition-delay:calc(.26s + var(--nd-i) * 90ms)}.reveal:not([data-visible=true]) .needs-face--base .needs-cell{translate:0 55%}.needs-face--stage{z-index:1}.needs-cat{position:absolute;right:calc(var(--nd-rxB) + var(--nd-p) * .5 + var(--nd-cat-dx, 0px));bottom:0;height:var(--nd-cat-h,66%);width:auto;max-width:var(--nd-cat-w,80%);object-fit:contain;object-position:right bottom;transform-origin:70% 100%;translate:0 104%;rotate:-5deg;transition:translate .26s cubic-bezier(.5,0,.75,0),rotate .26s cubic-bezier(.5,0,.75,0)}@media (min-width:1280px){.needs-cat{height:var(--nd-cat-h,72%)}}.needs-text{position:relative;z-index:3;display:flex;flex-direction:column;padding-top:calc(var(--nd-p) + (1 - var(--nd-eT)) * var(--nd-k) / 2);padding-left:var(--nd-lxT);padding-right:var(--nd-p);padding-bottom:150px}@media (min-width:640px){.needs-text{width:calc(100% + (1 - var(--nd-eR)) * (var(--nd-sT) - 110px * var(--nd-t)));padding-bottom:0}}.needs-subject{font-size:14px;font-weight:500;line-height:1.2;color:color-mix(in oklab,var(--nd-ink,#111111) 58%,transparent)}.needs-goal{margin-top:8px;font-size:24px;font-weight:600;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.needs-about{margin-top:10px;max-width:34ch;font-size:15px;line-height:1.4;color:color-mix(in oklab,var(--nd-ink,#111111) 64%,transparent);text-wrap:pretty;transition:opacity .26s var(--ease-out),translate .36s var(--ease-out)}@media (min-width:1024px){.needs-goal{font-size:27px}}@media (min-width:1280px){.needs-subject{font-size:15px}.needs-goal{margin-top:10px;font-size:30px}.needs-about{margin-top:12px;font-size:16px}}@media (hover:hover) and (pointer:fine){.needs-piece:hover .needs-face--base{background-color:var(--nd-tone-deep)}.needs-piece:hover .needs-glyph{translate:0 22%;opacity:0}.needs-piece:not(.needs-piece--catalog):hover .needs-about{translate:0 -6px;opacity:0}.needs-piece:hover .needs-cat{translate:0 0;rotate:0deg;transition:translate .56s cubic-bezier(.3,1.4,.5,1),rotate .62s cubic-bezier(.3,1.4,.5,1)}}.needs-piece:focus-visible .needs-face--base{background-color:var(--nd-tone-deep)}.needs-piece:focus-visible .needs-glyph,.needs-piece:not(.needs-piece--catalog):focus-visible .needs-about{opacity:0}.needs-piece:focus-visible .needs-cat{translate:0 0;rotate:0deg}.needs-piece:focus-visible .needs-goal{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}@media (hover:none),(pointer:coarse){.needs-glyph{display:none}.needs-cat{--nd-cat-h:140px;--nd-cat-w:52%;translate:0 0;rotate:0deg}}@media (min-width:640px) and ((hover:none) or (pointer:coarse)){.needs-cat{--nd-cat-h:48%;--nd-cat-w:54%}}.needs-piece--catalog{--nd-tone:#151515;--nd-tone-deep:#262626;--nd-ink:#ffffff;--nd-mark:#c6f432}.dark .needs-piece--catalog{--nd-tone:#f1f1ef;--nd-tone-deep:#ffffff;--nd-ink:#111111;--nd-mark:#111111}.needs-arrow{top:calc(var(--nd-p) + (1 - var(--nd-eT)) * var(--nd-k) / 2);right:var(--nd-p)}.needs-folder{right:calc(var(--nd-rxB) + var(--nd-p));bottom:calc(var(--nd-p) + (1 - var(--nd-eB)) * var(--nd-k) / 2);width:clamp(96px,calc(var(--nd-h) * .36),150px);height:clamp(96px,calc(var(--nd-h) * .36),150px)}