.work-hero{--max-inline-size:72.5rem;align-items:center;display:grid;grid-gap:3.75rem;background-color:var(--frankly-white);grid-template-columns:1fr;margin:0 auto;max-inline-size:var(--max-inline-size);padding:5rem 2.5rem}.work-hero:has(.work-hero__cover){grid-template-columns:1fr 1fr}.work-hero:not(:has(.work-hero__cover)) .work-hero__content{grid-column:1/-1;max-width:720px}.work-hero__content{color:var(--frankly-ink);display:flex;flex-direction:column;justify-content:center;max-width:50rem;padding:5rem 0}.work-hero__title{color:var(--frankly-darkblue);margin:0 0 1.5rem}.work-hero__industry span:after,.work-hero__region span:after{content:",";margin-right:.5ch}.work-hero__industry span:last-of-type:after,.work-hero__region span:last-of-type:after{content:none}.work-hero__client-name,.work-hero__industry,.work-hero__region,.work-hero__tag{color:var(--frankly-darkblue);margin:0}.work-hero__tags{display:flex;flex-wrap:wrap;margin-top:1rem}.work-hero__tag:after{content:",";margin-right:.5ch}.work-hero__tag:last-of-type:after{content:none}.work-hero__cover{height:100%;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.work-hero__cover-image{display:block;height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;width:100%}.work-hero__cover--video{cursor:pointer}.work-hero__cover-video{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.work-hero__play-btn{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:hsla(0,0%,100%,.2);border:none;border-radius:50%;cursor:pointer;display:grid;height:4.5rem;inset:0;margin:auto;place-items:center;position:absolute;transition:background .2s ease,transform .2s ease;width:4.5rem}.work-hero__play-btn[hidden]{opacity:0}.work-hero__play-btn:hover{background:hsla(0,0%,100%,.35);transform:scale(1.08)}.work-hero__play-icon{fill:var(--frankly-white);height:1.5rem;translate:2px 0;width:1.5rem}.work-hero--image-left .work-hero__cover{order:-1}.work-description{color:var(--frankly-darkblue);margin-top:0;p{margin-top:0}}@media (max-width:768px){.work-hero{grid-template-columns:1fr;padding:0;grid-gap:0}.work-hero:has(.work-hero__cover){grid-template-columns:1fr}.work-hero__cover{height:28.125rem;order:-1}.work-hero__content{padding:2.5rem}}