/* Only the replay hero is affected; default dimensions and playback stay unchanged. */
#replay-expand{appearance:none;background:transparent;border:1px solid #6e6e7a;color:#fff;font-family:'Titillium Web',sans-serif;font-size:13px;font-weight:600;line-height:1.3;min-height:40px;padding:8px 12px;cursor:pointer;flex:none}
#replay-expand:hover{background:#34d9e9;color:#23232e;border-color:#34d9e9}
#replay-expand:focus-visible{outline:3px solid #34d9e9;outline-offset:3px}
.agency-hero .demo-stage__top{flex-wrap:wrap;gap:10px}
.agency-hero .demo-stage__title{margin-right:auto}
.agency-hero .hero-layout.is-replay-expanded{grid-template-columns:minmax(0,1fr)}
.agency-hero .hero-layout.is-replay-expanded>.hero-copy{display:none}
.agency-hero .hero-layout.is-replay-expanded>.demo-stage{width:100%;max-width:1120px;margin:0 auto;scroll-margin-top:24px}
.agency-hero .hero-layout.is-replay-expanded #replay-player{width:100%;aspect-ratio:16/9;min-height:0;padding:0}
.agency-hero .hero-layout.is-replay-expanded #replay-player iframe{width:100%;height:100%;aspect-ratio:16/9;display:block}
@media(min-width:761px){.agency-hero .hero-layout.is-replay-expanded>.demo-stage{max-width:min(1120px,calc((100svh - 130px)*16/9))}}
@media(max-width:760px){#replay-expand{font-size:12px;min-height:40px;padding:8px 10px}.agency-hero .hero-layout.is-replay-expanded>.demo-stage{width:calc(100% + 20px);max-width:none;margin-left:-10px}.agency-hero .hero-layout.is-replay-expanded .demo-stage__title{font-size:10px}.agency-hero .hero-layout.is-replay-expanded .demo-stage__status{display:none}}