.portfolio-table{--portfolio-bp-themes:640;--portfolio-bp-year:768;--portfolio-bp-code:1024;--portfolio-filter-fade:40px;--portfolio-media-height:280px}.portfolio-table table{table-layout:fixed;width:100%}.portfolio-col-code,.portfolio-col-year{width:5.5rem}.portfolio-col-expand{width:1.75rem}.portfolio-col-project{width:48%}.portfolio-col-themes{width:36%}@media (min-width:1200px){.portfolio-table .portfolio-col-project{width:44%}.portfolio-table .portfolio-col-themes{width:40%}}.portfolio-edge-fade{-webkit-mask-image:linear-gradient(to right, #000 0%, #000 calc(100% - var(--portfolio-filter-fade)), transparent 100%);mask-image:linear-gradient(to right, #000 0%, #000 calc(100% - var(--portfolio-filter-fade)), transparent 100%)}.portfolio-edge-fade[data-overflow=false]{-webkit-mask-image:none;mask-image:none}@media (max-width:1023.98px){.portfolio-table .portfolio-col-code{display:none}.portfolio-table .portfolio-col-project{width:48%}.portfolio-table .portfolio-col-themes{width:42%}}@media (max-width:767.98px){.portfolio-table .portfolio-col-year{display:none}.portfolio-table .portfolio-col-project{width:64%}.portfolio-table .portfolio-col-themes{width:34%}.portfolio-table .portfolio-col-themes .portfolio-edge-fade{--portfolio-filter-fade:20px}}@media (max-width:639.98px){.portfolio-table .portfolio-col-code,.portfolio-table .portfolio-col-year,.portfolio-table .portfolio-col-themes{width:0;display:none}.portfolio-table .portfolio-col-expand{width:1.75rem}.portfolio-table .portfolio-col-project{width:100%}.portfolio-table .portfolio-col-project .portfolio-edge-fade{--portfolio-filter-fade:20px}}.portfolio-code{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.portfolio-dash-line{background-image:radial-gradient(circle,#414040 1px,#0000 1.15px);background-position:0;background-repeat:repeat-x;background-size:4px 2px;width:100%;height:2px}.portfolio-table tbody tr:focus-visible+tr .portfolio-dash-line,.portfolio-table tbody tr:focus-visible+tr+tr .portfolio-dash-line{background-image:radial-gradient(circle,#e8e4e4 1px,#0000 1.15px)}.portfolio-table tbody tr:has(+tr:focus-visible) .portfolio-dash-line{background-image:radial-gradient(circle,#e8e4e4 1px,#0000 1.15px)}@keyframes portfolio-expand-in{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:translateY(0)}}.portfolio-expand-panel{animation:.28s cubic-bezier(.19,1,.22,1) both portfolio-expand-in}.portfolio-expand-meta{color:#cecece;flex-direction:column;gap:.35lh;max-width:540px;margin:1.25lh 0 0;padding:0;font-size:14px;font-weight:500;line-height:1.2;list-style:none;display:flex}.portfolio-expand-meta>li{gap:1ch;min-width:0;display:flex}.portfolio-expand-meta__label{color:#cececeb3;flex:0 0 4.75rem}.portfolio-expand-meta__value{min-width:0}.portfolio-expand-meta>li.portfolio-expand-meta__row--year{display:none}@media (max-width:767.98px){.portfolio-expand-meta>li.portfolio-expand-meta__row--year{display:flex}}.portfolio-expand-meta>li.portfolio-expand-meta__row--themes{display:none}@media (max-width:639.98px){.portfolio-expand-meta>li.portfolio-expand-meta__row--themes{display:flex}}@media (prefers-reduced-motion:reduce){.portfolio-expand-panel{animation:none}}.portfolio-media-rail{overscroll-behavior-x:contain;touch-action:pan-x pan-y;overflow-x:auto}