.template-work__enlarged-image{width:100dvw;height:100dvh;max-width:unset;max-height:unset;z-index:1;background-position:50%;background-repeat:no-repeat;background-size:cover;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.template-work__enlarged-image-inner{object-fit:cover;width:100%;height:100%}.template-work__main{margin-top:75px;display:flex}.template-work__main>:first-child{flex:1}.template-work__main>:nth-child(2){width:max(28%,320px);transition:width .5s ease-in-out}@media screen and (max-width:46rem){.template-work__main{grid-template-columns:1fr;margin-top:50px}}.template-work__content{--target-border-color:#fff3;z-index:2;border-right:1px solid var(--target-border-color);flex-direction:column;gap:3.75rem;padding-right:4.0625rem;display:flex;position:relative}@media screen and (max-width:46rem){.template-work__content{padding-right:unset;border-right:unset;gap:3rem}}.template-work__title{font-size:var(--instance-display-md-font-size);line-height:var(--instance-display-md-line-height);position:relative}@media screen and (max-width:64rem){.template-work__title{font-size:var(--instance-display-md-tablet-font-size)}}@media screen and (max-width:46rem){.template-work__title{font-size:var(--instance-display-md-mobile-font-size);line-height:var(--instance-display-md-mobile-line-height)}}.template-work__title{z-index:1;margin-bottom:.9375rem;line-height:1.1}@media screen and (max-width:46rem){.template-work__title{margin-bottom:-.8125rem}}.template-work__mobile-company{grid-template-columns:1fr;gap:2.5rem 1.25rem;display:none}@media screen and (max-width:46rem){.template-work__mobile-company{gap:2.1875rem;display:grid}}.template-work__mobile-company-image{object-fit:cover;width:100%;aspect-ratio:revert-rule}.template-work__mobile-company-clients{align-self:flex-end}.template-work__mobile-company-clients>img{width:auto;max-width:4.375rem;max-height:4.0625rem;margin-top:.2em;object-fit:contain!important;object-position:left!important}@media screen and (max-width:46rem){.template-work__statistic{display:none}}.template-work__body{flex-direction:column;display:flex}.template-work__body h2,.template-work__body h3{font-weight:500}.template-work__body h2{margin-bottom:2rem}@media screen and (max-width:46rem){.template-work__body h2{margin-bottom:1.25rem}}.template-work__body h3{font-size:1.5rem}@media screen and (max-width:46rem){.template-work__body h3{font-size:1.0625rem}}.template-work__body>:not(:first-child){margin-top:6rem}@media screen and (max-width:46rem){.template-work__body{font-size:1rem}.template-work__body>:not(:first-child){margin-top:3.125rem}}.template-work__description{text-wrap:auto}@media screen and (max-width:46rem){.template-work__description{font-size:1rem}}.template-work__content-text{text-wrap:unset}.template-work__content-text>p{max-width:80%}@media screen and (max-width:46rem){.template-work__content-text>p{max-width:unset}}.template-work__content-text>h2,.template-work__content-text>h3{max-width:90%}.template-work__content-text>ul,.template-work__content-text ol{max-width:75%}@media screen and (max-width:46rem){.template-work__content-text>ul,.template-work__content-text ol{max-width:90%}}.template-work__cta{margin-top:8.125rem}@media screen and (max-width:46rem){.template-work__cta{margin-top:5rem}}.template-work__sidebar{z-index:2;position:relative}@media screen and (max-width:46rem){.template-work__sidebar{display:none}}.template-work__sidebar-content{position:sticky;top:1.25rem}.template-work__scroll-metadata{overflow-y:hidden}.template-work__scroll-metadata-inner{flex-direction:column;gap:.3125rem;margin-top:-100%;padding-bottom:1.875rem;padding-left:1.25rem;display:flex}.template-work__scroll-metadata-title{font-size:var(--instance-heading-lg-font-size);line-height:var(--instance-heading-lg-line-height)}@media screen and (max-width:46rem){.template-work__scroll-metadata-title{font-size:var(--instance-heading-lg-mobile-font-size)}}.template-work__scroll-metadata-title{font-size:1.875rem}.template-work__scroll-metadata-statistic{font-size:var(--instance-body-sm-font-size);line-height:var(--instance-body-sm-line-height)}.template-work__scroll-metadata-statistic *{font-size:inherit}.template-work__company-image,.template-work__company-type{padding-left:1.25rem}.template-work__company-type{flex-direction:column;gap:1.25rem;display:flex}.template-work__company-type--mobile{padding-left:unset}.template-work__company-image{object-fit:cover;width:100%;height:16.25rem}.template-work__company-detail-card--mobile{padding:unset}.template-work__company-detail{gap:var(--space-mono-label-gap);flex-direction:column;display:flex}.template-work__company-detail>img{margin-top:.2em}.template-work__company-detail-label{font-size:var(--instance-caption-md-font-size);line-height:var(--instance-caption-md-line-height);text-transform:uppercase;color:#ffffff4d}.template-work__company-detail-label--recolor{color:#ffffff8c}.template-work__company-detail-content{font-size:var(--instance-caption-lg-font-size);line-height:var(--instance-caption-lg-line-height);line-height:1.4}.template-work__company-detail-logo{object-position:left;width:auto;max-height:3.125rem}.template-work__company-redirect{bottom:2.5rem;right:calc((100vw - var(--container-width))/2 + 1px);text-align:end;z-index:0;flex-direction:column;justify-content:end;min-height:6.25rem;margin-top:100%;display:flex;position:sticky}.template-work__mobile-company-detail{text-wrap:auto;font-size:.75rem}.template-work__mobile-company-detail *{font-size:inherit;line-height:inherit}html:not([data-transition]) .template-work__company-detail-card{border:unset;background-color:unset;align-self:unset}html[data-transition=work] .template-work__main>:nth-child(2){width:27.9375rem}html[data-transition=work] .template-work__enlarged-image{display:block}html[data-transition=work] .template-work__content{border-color:#0000}html[data-transition=work] .template-work__statistic--original{opacity:0;visibility:hidden}html[data-transition=work] .template-work__body,html[data-transition=work] .template-work__company-type{transform:translateY(100dvh)}html[data-transition=work] .template-work__company-image{opacity:0;visibility:hidden}html[data-transition=work] .template-work__company-detail-card{position:fixed;bottom:30px}html[data-transition=work] .template-work__company-redirect{transform:translateY(calc(100% + 1.25rem))}
.work-media-block{flex-direction:column;gap:1.5625rem;display:flex}.work-media-block .vds-buffering-spinner{width:auto}.work-media-block .vds-poster{object-fit:cover;width:100%}@media screen and (max-width:46rem){.work-media-block{gap:.625rem}}
