.ufs__heading{margin:0 0 1.25rem}.ufs__grid{list-style:none;margin:0;padding:0 40px 3rem 0;display:grid;gap:1.1rem}.ufs__item{min-width:0;perspective:900px;perspective-origin:40% 34%}.ufs__card{position:relative;display:block;height:100%;outline-offset:6px;transform-style:preserve-3d;transform:rotateX(var(--tiltX, 0deg)) rotateY(var(--tiltY, 0deg)) translateZ(0);transition:transform .34s cubic-bezier(.22,.72,.3,1);cursor:default}.ufs__sheet{position:absolute;inset:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transform:translate3d(calc((var(--s) * 5px + 5px) * var(--fan, 1)),calc((var(--s) * 5px + 5px) * var(--fan, 1)),calc((var(--s) * -14px - 16px) * var(--z-scale, 1)));transition:transform .34s cubic-bezier(.22,.72,.3,1),opacity .22s ease,border-color .22s ease}.ufs__sheet:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,color-mix(in oklab,var(--ink) calc(var(--s) * 3% + 2%),transparent) 0%,transparent 60%)}.ufs__face{position:relative;display:flex;flex-direction:column;height:100%;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);padding:1rem 1.1rem 1.15rem;box-shadow:var(--shadow-1);transform:translateZ(calc(14px * var(--z-scale, 1)));transition:box-shadow .28s ease,border-color .2s ease,opacity .22s ease}.ufs__face:before{content:"";position:absolute;inset-inline:-1px;top:-1px;height:2px;z-index:1;border-radius:var(--radius) var(--radius) 0 0;background:var(--uptick);transform:scaleX(0);transform-origin:0 50%;transition:transform .34s cubic-bezier(.22,.72,.3,1)}.ufs__weight{font-family:var(--font-display);font-size:1.9rem;font-weight:650;line-height:1;letter-spacing:-.035em;color:var(--ink);font-variant-numeric:tabular-nums}.ufs__pct{font-size:.9rem;font-weight:600;color:var(--ink-3);margin-left:.1em;letter-spacing:0}.ufs__depth{display:flex;gap:3px;margin:.55rem 0 .7rem}.ufs__pip{inline-size:16px;block-size:4px;border-radius:2px;background:var(--paper-3);transform-origin:0 50%}.ufs__pip.is-on{background:var(--uptick)}.ufs__item.is-in .ufs__pip.is-on{animation:u-grow-x .4s cubic-bezier(.22,.61,.36,1) both;animation-delay:calc(var(--d, 0ms) + var(--p) * 70ms)}.ufs__name{font-size:1rem;margin:0 0 .3rem}.ufs__summary{font-size:var(--fs-note);color:var(--ink-2);line-height:1.5}.ufs__detail{font-size:var(--fs-note);color:var(--ink-2);line-height:1.55;margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--line)}.ufs__lever{display:flex;gap:.4rem;align-items:flex-start;font-size:var(--fs-note);color:var(--ink);line-height:1.5;margin-top:.55rem}.ufs__lever svg{flex:none;margin-top:.22rem;color:var(--accent-700)}.ufs__lever strong{font-weight:650}.ufs__note{font-size:var(--fs-note);color:var(--ink-3);line-height:1.55;margin-top:1rem;max-width:78ch}.ufs__note-aside{color:var(--ink-2)}.ufs__grid:has(.ufs__card:hover) .ufs__card:not(:hover) .ufs__face,.ufs__grid:has(.ufs__card:hover) .ufs__card:not(:hover) .ufs__sheet,.ufs__grid:has(.ufs__card:focus-visible) .ufs__card:not(:focus-visible) .ufs__face,.ufs__grid:has(.ufs__card:focus-visible) .ufs__card:not(:focus-visible) .ufs__sheet{opacity:.45}.ufs__card:hover,.ufs__card:focus-visible{--fan: 1.55}.ufs__card:focus-visible{--tiltX: -7deg;--tiltY: 11deg}.ufs__card:hover .ufs__face,.ufs__card:focus-visible .ufs__face{box-shadow:var(--shadow-3);border-color:var(--brand-300)}.ufs__card:hover .ufs__face:before,.ufs__card:focus-visible .ufs__face:before{transform:scaleX(1)}html[data-motion=reduce] .ufs__card{transition:none;--tiltX: 0deg;--tiltY: 0deg}html[data-motion=reduce] .ufs__card:focus-visible{--tiltX: 0deg;--tiltY: 0deg}html[data-motion=reduce] .ufs__sheet,html[data-motion=reduce] .ufs__face{transition:none}@media(prefers-reduced-motion:reduce){html:not([data-motion=full]) .ufs__card{transition:none;--tiltX: 0deg;--tiltY: 0deg}html:not([data-motion=full]) .ufs__card:focus-visible{--tiltX: 0deg;--tiltY: 0deg}}@media(min-width:560px){.ufs__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1.4rem}}@media(min-width:900px){.ufs__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1180px){.ufs__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.6rem}.ufs__face{padding:1rem .95rem 1.1rem}}