.intro,.outro{flex-direction:column;justify-content:center;align-items:center;padding:1.5em;display:flex}.intro h1,.outro h1{text-align:center;width:60%;line-height:1.1}.cards{flex-direction:column;gap:25svh;display:flex;position:relative}.card{width:100vw;height:100svh;padding:1.5em;position:relative}.card-marquee{width:100%;position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-50%)}.card-marquee .marquee{display:flex}.card-marquee .marquee h1{white-space:nowrap;margin-right:30px;font-size:10vw;font-weight:600}.card-wrapper{will-change:transform;width:100%;height:100%;position:relative}.card-img{border-radius:150px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.card-img img{transform:scale(2)}.card-content{z-index:1;justify-content:center;align-items:flex-end;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.card-content .card-title{text-align:center;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-content .card-description{text-align:center;opacity:0;width:40%;margin-bottom:3em;position:relative;transform:translate(40px)}.card:nth-child(2){margin-top:50vh}.char{display:inline-block;position:relative;overflow:hidden}.char span{will-change:transform;display:inline-block;transform:translate(100%)}@media (max-width:900px){.intro h1,.outro h1{width:100%}.card-content .card-description{width:90%}}
.carousel{place-items:center;height:500px;margin:auto;display:grid;position:relative;overflow-y:hidden}.carousel-track{flex-direction:column;gap:1rem;animation:40s linear infinite scroll;display:flex}.downwards-carousel-track{flex-direction:column;gap:1rem;animation:40s linear infinite scroll-down;display:flex}.carousel-track:hover,.downwards-carousel-track:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translateY(3rem)}to{transform:translateY(-108rem)}}@keyframes scroll-down{0%{transform:translateY(-81rem)}to{transform:translateY(0)}}.carousel-item{opacity:.5;border:1px solid var(--buttons-primary,#404a47);border-radius:2rem;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.carousel-item:hover{opacity:1}.carousel:before,.carousel:after{content:"";z-index:2;background:linear-gradient(#000 0%,transparent 100%);width:100%;height:15%;position:absolute}.carousel:before{top:0;left:0}.carousel:after{bottom:0;left:0;transform:rotate(180deg)}.tech-title{color:#fff;width:auto;font-family:Helvetica Now Display;font-style:normal;font-weight:700;line-height:normal}.tech-usage{color:#737373;width:25ch;font-family:Helvetica Now Text;font-style:normal;font-weight:400;line-height:normal}@media (max-width:1025px){.carousel-item{width:14rem}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-126rem)}}@keyframes scroll-down{0%{transform:translate(-99rem)}to{transform:translate(0)}}.carousel{place-items:center;width:100vw;height:auto;margin:auto;display:grid;position:relative;overflow-x:hidden}.carousel-track,.downwards-carousel-track{flex-direction:row;gap:2rem;display:flex}.carousel:before,.carousel:after{content:"";z-index:2;background:linear-gradient(90deg,#000 0%,transparent 100%);width:15%;height:100%;position:absolute}.carousel:before{top:0!important;left:0!important}.carousel:after{bottom:auto;left:auto;transform:rotate(180deg);top:0!important;right:0!important}}@media (max-width:768px){.carousel-item{width:max-content;padding:1rem 1.5rem}}@media (max-width:640px){.carousel-item{gap:.5rem;width:max-content;padding:1rem}}@media (max-width:440px){.carousel-track{gap:1rem}.carousel-item{gap:.5rem;width:max-content;padding:1rem 1.5rem}}
.work{flex-direction:column;gap:3rem;width:100%;height:100%;padding:1.5rem;display:flex;position:relative;overflow:hidden}.row{flex:1;gap:4rem;width:100%;display:flex}.work-item{flex-direction:column;gap:1rem;display:flex}.work-item-img{aspect-ratio:1;overflow:hidden}.work-item-copy p{color:#999}.work-item-link{color:inherit;flex-direction:column;justify-content:space-between;gap:1rem;width:100%;height:100%;text-decoration:none;display:flex}.work-item-link:hover{color:inherit;text-decoration:none}@media (max-width:1000px){.work,.row{gap:2rem}.row{flex-direction:column}footer{flex-direction:column;justify-content:flex-end;align-items:flex-start}}