.project-card-hero{width:100%;height:550px;color:inherit;background:#333;border-radius:6.45px;text-decoration:none;transition:transform .3s;display:block;position:relative;overflow:hidden}@media (max-width:768px){.project-card-hero{height:248px}}.project-card-hero:hover{cursor:pointer;transform:translateY(-4px)}.project-card-hero.col-span-2{grid-column:span 2}.project-card-hero.col-span-3{grid-column:span 3}.card-image-works-hero{width:100%;height:100%;position:relative}.image-container-hero{border-radius:4.53px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.project-image-hero{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:relative}.project-image-hero img{object-fit:cover;object-position:center;opacity:1;width:100%;height:100%;transition:opacity .2s ease-in-out;display:block;position:absolute;top:0;left:0}.project-video-hero{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .2s ease-in-out;position:absolute;top:0;left:0}.project-image-hero:hover img{opacity:0}.project-image-hero:hover video{opacity:1}.case-study-badge-hero{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:uppercase;color:var(--tenstud-white);cursor:pointer;opacity:1;background:rgba(13,13,13,.5);border-radius:4px;align-items:center;gap:8px;padding:12px 16px;font-family:Geist,monospace;font-size:12px;font-weight:500;line-height:1.5em;transition:opacity .3s;display:flex;position:absolute;top:16px;right:16px}@media (max-width:768px){.case-study-badge-hero{padding:8px 12px;font-size:12px;line-height:1.5em;top:8px;right:8px}}.external-link-icon-hero{width:16px;height:16px}@media (max-width:768px){.external-link-icon-hero{width:12px;height:12px}}.external-link-icon-hero path{stroke:var(--tenstud-white);color:var(--tenstud-white)}.card-overlay-hero{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);border-radius:6.45px;align-items:center;gap:21.52px;padding:8px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}@media (max-width:768px){.card-overlay-hero{gap:12px;padding:4px;bottom:8px;left:8px;right:8px}}.overlay-content-hero{align-items:center;gap:21.52px;width:100%;display:flex}@media (max-width:768px){.overlay-content-hero{gap:12px}}.project-logo-hero{flex-shrink:0}.logo-container-hero{background:var(--tenstud-black);border-radius:4.12px;justify-content:center;align-items:center;width:70px;height:70px;display:flex}@media (max-width:768px){.logo-container-hero{width:40px;height:40px}}.project-logo-hero img{object-fit:contain;max-width:100%;max-height:100%}.project-info-hero{flex:1}.project-title-hero{text-transform:uppercase;text-align:left;color:var(--tenstud-white);line-clamp:2;-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;max-height:3.5em;margin:0;font-family:Geist Mono,monospace;font-size:16px;font-weight:400;line-height:1.75em;display:-webkit-box;overflow:hidden}@media (max-width:768px){.project-title-hero{font-size:12px;line-height:1.75em}}