.screen-capture{--screenColor:var(--contrast);--screenBorder:2px solid var(--screenColor);--interfaceColor:var(--bg);--borderRadius:.25rem;display:block;position:relative;width:100%}.screen-capture__screen{align-items:stretch;background-color:var(--screenColor);border:var(--screenBorder);border-radius:var(--borderRadius);display:flex;overflow:hidden;position:relative}.screen-capture__image,.screen-capture__video{border-radius:.25rem;display:block;flex:0 0 100%;-o-object-fit:cover;object-fit:cover;width:100%}.screen-capture__video{position:relative;z-index:1}.screen-capture__video+.screen-capture__image{transform:translate(-100%)}.screen-capture__loading{border-top:.2rem solid var(--accent);display:block;height:2px;left:0;position:absolute;top:-2px;transform:scaleX(0);transform-origin:left center;width:100%;z-index:2}.screen-capture--landscape .screen-capture__screen{border-top-left-radius:0;border-top-right-radius:0}.screen-capture--landscape:before{aspect-ratio:30/1;background-color:var(--screenColor);border:var(--screenBorder);border-bottom:none;border-radius:.25rem .25rem 0 0;content:"";display:block;margin-bottom:-1px;width:100%}.screen-capture--landscape:after{aspect-ratio:30/1;background-color:var(--interfaceColor);content:"";display:block;left:0;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='12' fill='%23fff'%3E%3Ccircle cx='6' cy='6' r='6'/%3E%3Ccircle cx='23' cy='6' r='6'/%3E%3Ccircle cx='40' cy='6' r='6'/%3E%3C/svg%3E") no-repeat 1.5% center;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='12' fill='%23fff'%3E%3Ccircle cx='6' cy='6' r='6'/%3E%3Ccircle cx='23' cy='6' r='6'/%3E%3Ccircle cx='40' cy='6' r='6'/%3E%3C/svg%3E") no-repeat 1.5% center;-webkit-mask-size:auto 33.33%;mask-size:auto 33.33%;position:absolute;top:0;width:100%}.screen-capture--portrait .screen-capture__image,.screen-capture--portrait .screen-capture__screen,.screen-capture--portrait .screen-capture__video{border-radius:1rem}@media (min-width:768px){.screen-capture--portrait .screen-capture__image,.screen-capture--portrait .screen-capture__screen,.screen-capture--portrait .screen-capture__video{border-radius:2vw}}@media (min-width:1024px){.screen-capture--portrait .screen-capture__image,.screen-capture--portrait .screen-capture__screen,.screen-capture--portrait .screen-capture__video{border-radius:1vw}}.dark .screen-capture{--screenColor:var(--lightContrast);--interfaceColor:var(--contrast)}@keyframes loadingBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.case-study-visual{aspect-ratio:1/1;contain:layout;margin:0 auto var(--baseline) auto;width:100%}.case-study-visual__frame{aspect-ratio:1/1;max-height:100%;pointer-events:all;position:relative;width:100%}.case-study-visual__teaser{height:80%;margin-bottom:10%;margin-right:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:80%}.case-study-visual__screen{bottom:0;display:block;height:auto;position:absolute;right:0;width:90%}.case-study-visual--screen-portrait .case-study-visual__teaser{height:100%;margin-bottom:auto;width:65%}.case-study-visual--screen-portrait .case-study-visual__screen{bottom:auto;margin-right:10%;top:50%;transform:translateY(-50%);width:45%}@keyframes underline{0%{background-position:100% 0;background-size:100% 100%}50%{background-position:100% 0;background-size:0 100%}51%{background-position:0 0;background-size:0 100%}to{background-position:0 0;background-size:100% 100%}}.listed-case-study{color:inherit;display:block}.listed-case-study--list-changing .case-study-visual__teaser{view-transition-name:case-study-list-teaser}.listed-case-study--list-changing .case-study-visual__screen{view-transition-name:case-study-list-screen}.listed-case-study--open .case-study-visual__teaser{view-transition-name:case-study-hero-teaser}.listed-case-study--open .case-study-visual__screen{view-transition-name:case-study-hero-screen}