.work{background:var(--tenstud-black);width:100%;padding:44px 0}.work-container{opacity:1;flex-direction:column;gap:60px;max-width:1280px;margin:0 auto;padding:0 40px;transition:opacity .4s,transform .4s;display:flex;transform:translateY(0)}.work-container.is-hidden{opacity:0;visibility:hidden;transform:translateY(12px)}.work-header{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.work-label{align-items:center;gap:12px;display:flex}.work-title-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;display:flex}.work-title{color:var(--tenstud-white);justify-content:center;margin:0;font-family:Funnel Display,serif;font-size:48px;font-weight:400;line-height:56px}.work-description{color:var(--tenstud-white);text-align:center;width:779px;margin:0;font-family:Geist,monospace;font-size:20px;font-weight:400;line-height:1.6em}.work-grid{flex-direction:row;justify-content:space-between;gap:20px;height:100%;display:flex}.work-card{cursor:pointer;border-radius:6.45px;width:382px;height:500px;transition:transform .3s;position:relative;overflow:hidden}.work-card:hover{transform:translateY(-4px)}.card-image-works{width:100%;height:100%;position:relative}.image-container{border-radius:4.53px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.project-image{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:relative}.project-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .2s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0}.work-card:hover .project-video{opacity:1}.logo-text{color:var(--tenstud-black);font-family:Geist,monospace;font-size:24px;font-weight:600}.external-link-icon path{width:20px;height:20px;stroke:var(--tenstud-white);color:var(--tenstud-white)}.view-all-container{justify-content:center;align-items:center;margin-top:28px;display:flex}@media (max-width:768px){.work-header{gap:12px}.work-title-section{gap:0}.work-description{width:100%;font-size:16px}.work-container{gap:28px;padding:0 20px}.work-card{width:100%;height:475px;display:flex}.work-title{width:100%;font-size:28px}.view-all-container{margin-top:0}}@media (max-width:600px){.work-grid{flex-direction:column;align-items:center;gap:12px}}
