.work h1{letter-spacing:-.1rem;font-size:4rem;font-weight:500;line-height:1.25}.work p{font-size:1.125rem;font-weight:400;line-height:1.25}section{color:#fff;background-color:#fff;width:100vw;position:relative}.intro,.outro{justify-content:center;align-items:center;height:100svh;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-marquee{width:100%;position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-50%)}.marquee{display:flex}.marquee h1{white-space:nowrap;color:#0f0f0f;margin-right:50px;font-size:9vw;font-weight:500}.card{width:100vw;height:100vh;padding:1.5em;position:relative}.card-wrapper{will-change:transform;width:100%;height:100%;position:relative}.card-img{border-radius:150px;width:100%;height:100%;position:absolute;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;transform:scale(2)}.card-content{z-index:1;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:absolute}.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){h1{letter-spacing:0;font-size:2rem}.intro h1,.outro h1{width:100%}.card-content .card-description{width:90%}}.caseCard-wrapper{will-change:transform;width:25%;height:25%;position:relative}