@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes pulse{0%{transform:scale(.9)}5%{transform:scale(.95)}10%{transform:scale(.9)}15%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(.9)}}.Portfolio{background:#010614}.Portfolio-bg{height:100vh;height:calc(var(--vh, 1vh)*100);left:0;pointer-events:none;position:fixed;top:0;width:100%}.Portfolio-bg-gradient{height:auto;left:50%;position:relative;top:100%;transform:translate(-50%,-50%);width:100vw}.Portfolio-hero{color:#fcfcfc;margin-bottom:200px;padding-top:200px;position:relative}@media only screen and (max-width:979px){.Portfolio-hero{margin-bottom:120px}}@media only screen and (max-width:767px){.Portfolio-hero{margin-bottom:60px;padding-top:90px}}.Portfolio-hero-title{margin-bottom:60px;transition:opacity 1.2s cubic-bezier(.25,.46,.45,.94),transform 1.2s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform}.page-enter-from .Portfolio-hero-title{opacity:0;transform:translateY(40px)}.page-enter-to .Portfolio-hero-title{opacity:1;transform:translateY(0)}@media only screen and (max-width:767px){.Portfolio-hero-title{margin-bottom:30px}}.Portfolio-hero-intro{transition:opacity 1.2s cubic-bezier(.25,.46,.45,.94) .2s,transform 1.2s cubic-bezier(.25,.46,.45,.94) .2s;will-change:opacity,transform}.page-enter-from .Portfolio-hero-intro{opacity:0;transform:translateY(40px)}.page-enter-to .Portfolio-hero-intro{opacity:1;transform:translateY(0)}.Portfolio-hero-right{text-align:right}@media only screen and (max-width:767px){.Portfolio-hero-right{margin-top:60px;text-align:left}}.Portfolio-hero-right-form{margin-bottom:20px}.Portfolio-content{margin-bottom:250px;margin-top:180px;position:relative;transition:opacity 1.2s cubic-bezier(.25,.46,.45,.94) .4s,transform 1.2s cubic-bezier(.25,.46,.45,.94) .4s;width:100%;will-change:opacity,transform}.page-enter-from .Portfolio-content{opacity:0;transform:translateY(40px)}.page-enter-to .Portfolio-content{opacity:1;transform:translateY(0)}@media only screen and (max-width:979px){.Portfolio-content{margin-bottom:120px;margin-top:120px}}@media only screen and (max-width:767px){.Portfolio-content{margin-bottom:100px;margin-top:60px}}.Portfolio-content-inner{opacity:1;transition:opacity .8s cubic-bezier(.165,.84,.44,1);will-change:opacity}@media only screen and (max-width:767px){.Portfolio-content-inner{grid-gap:20px}}.Portfolio-content-inner.is-hide{opacity:0;transition:opacity .2s cubic-bezier(.165,.84,.44,1)}.Portfolio-item{background:#fcfcfc;clip-path:inset(0 round 10px);color:#010614;position:relative;transition:clip-path .6s cubic-bezier(.165,.84,.44,1);width:100%;will-change:clip-path}.Portfolio-item:before{content:"";display:block;padding-top:104.7120418848%}.Portfolio-item>:first-child{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}@media only screen and (max-width:1280px){.Portfolio-item{position:relative;width:100%}.Portfolio-item:before{content:"";display:block;padding-top:118.6736474695%}.Portfolio-item>:first-child{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}}@media (hover:hover) and (pointer:fine){.Portfolio-item:hover{clip-path:inset(10px round 20px);color:#fcfcfc}.Portfolio-item:hover .Portfolio-item-img-hover,.Portfolio-item:hover:after{opacity:1}.Portfolio-item:hover .Portfolio-item-foot-icon{stroke:#fcfcfc}}.Portfolio-item:after{background:#010614;content:"";top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity .6s cubic-bezier(.165,.84,.44,1);will-change:opacity;z-index:-1}.Portfolio-item-inner{display:flex;flex-direction:column;justify-content:space-between;padding:3.125vw;position:relative}@media only screen and (max-width:767px){.Portfolio-item-inner{padding:20px}}.Portfolio-item-img{height:auto;max-width:80%;position:relative;width:calc(var(--width)/2)}@media only screen and (max-width:767px){.Portfolio-item-img{width:calc(var(--width)/3)}}.Portfolio-item-img img{height:100%;width:100%}.Portfolio-item-img-hover{left:0;opacity:0;position:absolute;top:0}.Portfolio-item-list{margin-bottom:40px}.Portfolio-item-foot{align-items:flex-end;display:flex;justify-content:space-between}.Portfolio-item-foot-text{flex:1;margin-right:70px}.Portfolio-item-foot-icon{stroke:#010614;transition:stroke .6s cubic-bezier(.165,.84,.44,1);will-change:stroke}.Portfolio-foot{color:#fcfcfc;margin-top:250px;padding-bottom:250px;position:relative}@media only screen and (max-width:979px){.Portfolio-foot{margin-top:120px;padding-bottom:120px}}@media only screen and (max-width:767px){.Portfolio-foot{margin-top:100px;padding-bottom:100px}}.Portfolio-foot-btn{margin-top:60px}@media only screen and (max-width:767px){.Portfolio-foot-btn{margin-top:40px}}