@keyframes flip-r{50%{opacity:0;transform:translate(100%)}51%{opacity:0;transform:translate(-100%)}}@keyframes flip-l{50%{opacity:0;transform:translate(-100%)}51%{opacity:0;transform:translate(100%)}}@keyframes flip-d{50%{opacity:0;transform:translateY(100%)}51%{opacity:0;transform:translateY(-100%)}}@keyframes flip-u{50%{opacity:0;transform:translateY(-100%)}51%{opacity:0;transform:translateY(100%)}}.portfolio-content{background-color:color-mix(in srgb,var(--black),transparent 50%);bottom:0;color:var(--black);display:flex;justify-content:end;left:0;padding:var(--spacer-xs);position:fixed;right:0;top:0;z-index:90}.portfolio-content .animation{display:block;transform:translateY(100%)}.portfolio-content__inner{background-color:var(--white);border-radius:14.301191766px;bottom:0;height:100%;left:0;overflow:hidden;padding:0 var(--spacer-xs);position:relative;right:0;top:0;transform:translate(calc(100% + var(--spacer-xs)));width:100%}@media (min-width:800px){.portfolio-content__inner{max-width:728px;padding:0 var(--spacer-sm)}}.portfolio-content__holder{display:flex;flex-direction:column;gap:0;height:100%;justify-content:space-between;position:relative}.portfolio-content__holder>div{position:relative}.portfolio-content__holder>div:first-child{align-items:center;display:flex;gap:var(--spacer-sm);justify-content:space-between;padding:var(--spacer-sm) 0}.portfolio-content__holder>div:nth-child(2){flex-grow:1;height:100%;overflow:hidden;overflow-y:scroll}.portfolio-content__holder>div:nth-child(3){align-items:center;display:flex;justify-content:space-between;padding:var(--spacer-sm) 0}.portfolio-content__holder>div:nth-child(3) a{color:var(--theme-bg);text-decoration:underline;text-underline-offset:2px}.portfolio-content__holder .marquee{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent);overflow:hidden;width:75%}.portfolio-content__holder .b-small{color:var(--grey-300);text-transform:uppercase}.portfolio-content__holder .b-small.close{color:var(--black);cursor:pointer;flex:0 0 auto;text-decoration:underline;text-underline-offset:2px;width:auto}@media (min-width:800px){.portfolio-content__holder .b-small.close{text-decoration:none}.portfolio-content__holder .b-small.close:hover{text-decoration:underline}}.portfolio-content .content{display:flex;flex-direction:column;gap:var(--spacer-lg);justify-content:space-between}.portfolio-content .content--progress{bottom:0;height:1px;left:0;position:absolute;width:100%}.portfolio-content .content--progress>div{background-color:var(--theme-contrast);height:100%;left:0;position:absolute;top:0;width:0;z-index:1}.portfolio-content .content--progress:after{background-color:var(--grey-400);content:"";height:1px;left:0;position:absolute;top:0;width:100%}.portfolio-content .content--header{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:var(--spacer-sm);text-align:center}@media (min-width:800px){.portfolio-content .content--header{align-items:start;flex-direction:row;justify-content:flex-start;text-align:left}}.portfolio-content .content--header>div{position:relative;width:100%}.portfolio-content .content--header>div:first-child{flex:0 0 var(--icon-size);height:var(--icon-size);width:var(--icon-size)}.portfolio-content .content--header>div:first-child>div{align-items:center;background-color:var(--off-white);border-radius:14.301191766px;bottom:0;display:flex;height:100%;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%}.portfolio-content .content--header>div:first-child>div>div{background-color:var(--black);border-radius:14.301191766px;height:50%;width:50%}.portfolio-content .content--header>div:nth-child(2){display:flex;flex-direction:column;gap:var(--spacer-lg)}@media (min-width:800px){.portfolio-content .content--header>div:nth-child(2){padding-left:var(--spacer-md)}}.portfolio-content .content--header>div:nth-child(2) h4{align-items:center;display:block;font-size:56px;justify-content:flex-start;min-height:var(--icon-size);width:100%}@media (min-width:800px){.portfolio-content .content--header>div:nth-child(2) h4{display:flex}}.portfolio-content .content--header>div:nth-child(2) p{font-size:18px;height:-moz-max-content;height:max-content}.portfolio-content .content--header>div:nth-child(2) .layout-grid>:first-child,.portfolio-content .content--header>div:nth-child(2) .layout-grid>:nth-child(2){grid-column:span 4}@media (min-width:800px){.portfolio-content .content--header>div:nth-child(2) .layout-grid>:nth-child(2){grid-column:span 12}}.portfolio-content .content--body{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacer-xs);justify-content:flex-start;max-width:100%}.portfolio-content .content--body.centered{justify-content:center}.portfolio-content .content--body>div{border-radius:1.7334777898px;height:auto;position:relative;width:100%}@media (min-width:800px){.portfolio-content .content--body>div{flex:0 0 calc(33.333% - var(--spacer-xs)*2/3)}}.portfolio-content .content--body>div img{border-radius:var(--spacer-xs)}