.port-container{flex:1 1;min-height:0;width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;overflow-y:auto;overflow-x:hidden;transition:opacity .2s ease-in-out;column-gap:3.75rem;-ms-overflow-style:none;scrollbar-width:none}.port-container::-webkit-scrollbar{display:none}.filter-trans{opacity:0}.display{width:100%;column-count:2;column-gap:2.5rem;padding:2.5rem 2.5rem 2.5rem 0;transition:opacity .2s ease-in-out}.display>*{display:block;page-break-inside:avoid;break-inside:avoid;margin-bottom:2.5rem}.piece-card{position:relative;width:100%}.piece-link{display:block;width:100%;text-decoration:none}.piece-card--wip{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.piece-card--wip .piece-img{filter:blur(2px) saturate(.35);opacity:.5;cursor:default}.piece-link--wip{cursor:default}.display:not(.display-active){display:none;opacity:0}.display.display-buffer{column-count:1}.port-section-buffer{cursor:default;margin-bottom:0}.port-section-buffer .job-preview{flex-wrap:wrap;row-gap:.5rem}.piece-title{font:var(--title);color:var(--grayo);text-transform:uppercase;margin-bottom:.75rem;transition:.3s;overflow-wrap:break-word}.expanded{font:var(--p2);color:var(--grayo);width:100%;height:max-content;flex-direction:column;align-items:flex-start}.expanded,.piece-subtitle{display:flex;justify-content:flex-start}.piece-subtitle{opacity:1;column-gap:.75rem;font-size:1rem;text-transform:uppercase;text-align:center}.piece-date,.piece-subtitle{flex-direction:row;text-wrap:nowrap}.piece-date{display:flex;justify-content:flex-start;column-gap:.5rem}.piece-desc{height:max-content;margin-top:.4rem;width:max-content;text-wrap:wrap}.piece-glitch,.piece-img{display:block;position:relative;width:100%}.piece-img{cursor:pointer;transition:opacity .3s ease,filter .3s ease-in-out}.piece-card--bw .piece-link:hover .piece-img{mix-blend-mode:color-burn;filter:saturate(0);opacity:.7}.piece-card--static .piece-link:hover .piece-img{mix-blend-mode:color-burn;filter:saturate(0);opacity:.6;animation:piece-glitch-jitter 3s steps(1) var(--glitch-delay,0s) infinite}.piece-glitch:after,.piece-glitch:before{content:"";position:absolute;inset:0;background-image:var(--piece-img);background-size:100% 100%;background-repeat:no-repeat;opacity:0;pointer-events:none;z-index:2}.piece-card--static .piece-link:hover .piece-glitch:before{mix-blend-mode:multiply;filter:saturate(0);animation:piece-glitch-slice-r 3s steps(1) var(--glitch-delay,0s) infinite}.piece-card--static .piece-link:hover .piece-glitch:after{mix-blend-mode:multiply;filter:saturate(0);animation:piece-glitch-slice-b 3s steps(1) calc(var(--glitch-delay, 0s) + .15s) infinite}@keyframes piece-glitch-jitter{0%,6%,to{transform:translate(0);filter:saturate(0)}5%{transform:translate(-24px,-12px);filter:saturate(.15)}14%{transform:translate(-18px,6px);filter:contrast(1.3) saturate(.15)}16%{transform:translate(12px,-4px);filter:saturate(0)}18%{transform:translate(0);filter:saturate(0)}52%{transform:translate(0);filter:saturate(0)}54%{transform:translate(6px,-2px);filter:contrast(1.4) saturate(.15)}56%{transform:translate(-4px,4px);filter:saturate(0)}58%{transform:translate(2px);filter:saturate(0)}60%{transform:translate(0);filter:saturate(0)}84%{transform:translate(0);filter:saturate(0)}86%{transform:translate(-4px,-2px);filter:saturate(.15)}88%{transform:translate(0);filter:saturate(0)}}@keyframes piece-glitch-slice-r{0%,13%,to{opacity:0;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);transform:translate(0)}14%{opacity:.8;-webkit-clip-path:inset(8% 0 70% 0);clip-path:inset(8% 0 70% 0);transform:translate(-12px)}16%{opacity:.8;-webkit-clip-path:inset(40% 0 35% 0);clip-path:inset(40% 0 35% 0);transform:translate(10px)}18%{opacity:0}54%{opacity:.8;-webkit-clip-path:inset(15% 0 60% 0);clip-path:inset(15% 0 60% 0);transform:translate(14px)}57%{opacity:.8;-webkit-clip-path:inset(55% 0 20% 0);clip-path:inset(55% 0 20% 0);transform:translate(-10px)}60%{opacity:0}86%{opacity:.7;-webkit-clip-path:inset(25% 0 45% 0);clip-path:inset(25% 0 45% 0);transform:translate(-14px)}88%{opacity:0}}@keyframes piece-glitch-slice-b{0%,13%,to{opacity:0;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);transform:translate(0)}14%{opacity:.7;-webkit-clip-path:inset(20% 0 55% 0);clip-path:inset(20% 0 55% 0);transform:translate(10px)}16%{opacity:.7;-webkit-clip-path:inset(60% 0 18% 0);clip-path:inset(60% 0 18% 0);transform:translate(-8px)}18%{opacity:0}54%{opacity:.7;-webkit-clip-path:inset(30% 0 50% 0);clip-path:inset(30% 0 50% 0);transform:translate(-12px)}57%{opacity:.7;-webkit-clip-path:inset(70% 0 8% 0);clip-path:inset(70% 0 8% 0);transform:translate(12px)}60%{opacity:0}86%{opacity:.6;-webkit-clip-path:inset(10% 0 65% 0);clip-path:inset(10% 0 65% 0);transform:translate(12px)}88%{opacity:0}}@media (prefers-reduced-motion:reduce){.piece-card--static .piece-link:hover .piece-img{animation:none;mix-blend-mode:color-burn}.piece-card--static .piece-link:hover .piece-glitch:after,.piece-card--static .piece-link:hover .piece-glitch:before{animation:none}}@media screen and (max-width:1250px){html{font-size:14px}}@media screen and (max-width:1055px){.display{column-gap:1.75rem}.display>*{margin-bottom:1.75rem}.piece-title{text-wrap:wrap;min-width:0}.piece-subtitle{width:100%;flex-wrap:wrap}}@media screen and (max-width:768px){.port-container.mobile{justify-content:flex-start;flex-direction:column;align-self:flex-end}.section{height:-moz-fit-content;height:fit-content;width:100%;display:flex;flex-direction:column;row-gap:2rem;overflow-x:hidden;transition:height .2s ease-out,opacity .2s ease-in-out}.section:not(.section-active){opacity:0;height:0;min-height:0;font-size:0;padding:0;margin:0}.piece-gallery-title{font:var(--p);font-size:2rem;font-weight:700;padding-top:.5rem}.piece-gallery-title,.piece-gallery-type{color:var(--grayo);width:100%;min-width:0;text-transform:uppercase}.piece-gallery-type{font:var(--p2);font-size:1rem;padding-top:.125rem}.piece-card--wip .piece-gallery-title,.piece-card--wip .piece-gallery-type{opacity:.4}.piece-title{width:100%;min-width:0;margin-bottom:.125rem}}