.main--portfolio{max-width:100%!important;min-width:100%!important;padding:0!important}.portfolio{display:block}.portfolio__item{display:flex;scroll-snap-align:start;min-height:100vh;max-width:100%;position:relative;overflow:hidden}@media screen and (max-width: 616px){.portfolio__item{min-height:auto;margin:24px 0 0;border-radius:24px;border-top:2px solid var(--overlay-color);border-bottom:2px solid var(--overlay-color)}.portfolio__item:last-child{margin-bottom:24px}}.portfolio__inner{display:flex;min-height:100%;flex-direction:column;justify-content:center;padding:80px 24px!important}@media screen and (max-width: 616px){.portfolio__inner{padding:24px 24px 48px!important;max-width:calc(100% - 48px)!important}}@media screen and (min-width: 617px){.portfolio__header{display:flex;align-items:center}}.portfolio__title{margin-right:auto}.portfolio__link{display:flex;opacity:.8;margin-left:22px;text-decoration:none;align-items:center;white-space:nowrap;transition:opacity .1s ease 40ms}.portfolio__link:hover{opacity:1}.portfolio__link img{margin-right:6px;color:#0000}@media screen and (max-width: 616px){.portfolio__link{margin:-4px 24px 18px 0;display:inline-flex}}@media screen and (min-width: 1053px){.portfolio--grid{flex-direction:row;align-items:center;justify-content:center}.portfolio--grid .portfolio__content{max-width:45%;margin-left:24px;order:2}}.portfolio__description{font-size:1.3rem;max-width:650px}.portfolio__description--lg{max-width:800px}.portfolio__media{display:flex;overflow:hidden;border-radius:6px;box-shadow:0 0 0 4px var(--overlay-color);background-color:var(--overlay-color);max-width:100%}@media screen and (min-width: 561px){.portfolio__media--md{max-width:78%;margin:0 auto}}.portfolio__media img{display:flex;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;color:var(--overlay-color);aspect-ratio:var(--aspect-ratio)}@media screen and (max-width: 560px){.portfolio__media{display:block;overflow:auto;min-height:210px;max-height:210px}.portfolio__media img{max-height:210px;min-height:210px;width:auto}}.portfolio__background:before,.portfolio__background:after{z-index:-1;display:block;content:"";position:absolute;top:0;left:calc(-1*min(100vw,1024px));right:calc(-1*min(100vw,1024px));bottom:0}.portfolio__background:after{background-image:radial-gradient(circle at 50% 95%,var(--background-right) 0%,rgba(0,0,0,0) 50%);background-size:200%;background-position-x:200px;background-repeat:no-repeat}.portfolio__background:before{background-image:radial-gradient(circle at -40% -90%,var(--background-left) 0%,rgba(0,0,0,0) 50%);background-size:200%;background-position-x:200px;background-repeat:no-repeat}.portfolio__blockquote{font-size:1.2rem;margin:36px 32px;font-weight:300}.portfolio__blockquote blockquote{border-left:6px solid var(--overlay-color);border-radius:3px;margin-left:0;padding-left:24px;font-weight:300}.portfolio__blockquote figcaption{font-weight:400}.portfolio-navigation{position:fixed;z-index:2;bottom:6px;left:50%;transform:translate(-50%);background-color:var(--background-opacity-color);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;padding:0 6px}.portfolio-navigation--empty{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-name:SlideInNavigation;animation-name:SlideInNavigation;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:alternate;animation-direction:alternate}.portfolio-navigation__list{list-style:none;display:flex;margin:0;padding:0}.portfolio-navigation__link{display:inline-block;position:relative;overflow:hidden}.portfolio-navigation__link:before,.portfolio-navigation__link:after{display:block;content:"";border-radius:50%}.portfolio-navigation__link:before{width:14px;height:14px;background-color:var(--main-color);margin:6px}.portfolio-navigation__link:after{position:absolute;bottom:-50%;left:50%;transform:translate(-50%,50%);transition:bottom .1s ease;width:6px;height:6px;background-color:var(--background-color)}.portfolio-navigation__link--active:after{bottom:50%}@-webkit-keyframes SlideInNavigation{0%{bottom:-40px}to{bottom:6px}}@keyframes SlideInNavigation{0%{bottom:-40px}to{bottom:6px}}