/* The camera sits in its own bezel, never over the source site's header. */
.phone.live-demo{padding-top:24px;background:#101010}
.phone.live-demo:after{top:6px!important;height:10px!important;width:28%;left:36%}
.phone.live-demo .live-viewport{border-radius:0;background:#101010}
.portfolio-cover .phone.live-demo,.home-aston-scene .phone.live-demo{padding-top:17px}
.portfolio-cover .phone.live-demo:after,.home-aston-scene .phone.live-demo:after{top:4px!important;height:7px!important}
.project-wide .portfolio-cover .phone.live-demo{padding-top:24px}
.project-wide .portfolio-cover .phone.live-demo:after{top:6px!important;height:10px!important}
.case-header nav>button,.case-header nav>a{justify-content:center;flex-shrink:0}
.case-header nav>button{min-width:44px;min-height:44px}
.case-header nav svg,.project-caption svg,.portfolio-hit svg,.home-aston-hit svg{display:block;flex-shrink:0;overflow:visible}
@media(max-width:650px){.phone.live-demo{padding-top:18px}.phone.live-demo:after{top:4px!important;height:8px!important}.case-header nav{gap:5px}.case-header .case-talk{min-width:44px;gap:6px}.case-header .case-brand{width:clamp(90px,27vw,122px);flex-shrink:0}.case-header .motion-switch svg{width:20px;height:20px}}