/* Liggende variant: alle maten schalen mee binnen 16:9. */
.game{width:min(100vw,177.777778svh);aspect-ratio:16/9;border-radius:4.5% / 8%;background:#10221d}
.game::after{border-width:1.6cqw;border-radius:4.5cqw}
.game::before{top:32%;left:1.3cqw;width:2.7cqw;height:36%;border-radius:0 1.8cqw 1.8cqw 0}
.portrait{width:50%;height:100%}
.shade{background:linear-gradient(90deg,transparent 24%,rgba(16,34,29,.15) 38%,#10221d 52%)}
.content{left:54%;right:5%;top:15%;bottom:auto}
h1{font-size:5.6cqw;margin-bottom:.7cqw}
.headline{font-size:3.15cqw;gap:.8cqw;letter-spacing:-.035em}
.headline span{border-radius:.8cqw;padding:.2cqw .8cqw}
.role{font-size:1.55cqw;padding:.65cqw 1cqw;margin:1.7cqw 0 2.1cqw}
.description{font-size:1.9cqw;line-height:1.4;min-height:0}
.actions{left:54%;right:5%;bottom:9%;gap:1.8cqw}
.action{width:8.2cqw}
.photo-arrow{width:4.5cqw;height:4.5cqw}
.photo-arrow svg{width:2.5cqw;height:2.5cqw}
.photo-prev{left:6%}.photo-next{right:auto;left:43%}
.photo-count{top:4cqw;left:26%;font-size:1.5cqw;padding:.5cqw 1.2cqw}
.match-dialog{width:min(64vw,113.777778svh);max-height:88svh;overflow:auto;padding:3cqw 5cqw 2.5cqw;border-radius:3cqw}
.match-heart{width:8cqw;height:8cqw;margin:0 auto 1cqw}
.match-dialog h2{font-size:4.4cqw;margin:0 0 2cqw}
.vacancy-button{font-size:1.9cqw;padding:1.5cqw 2cqw}
.match-dialog #close-demo{font-size:4cqw;right:2cqw;top:.6cqw}
.match-dialog #continue{font-size:1.6cqw;padding:1.5cqw 0 0}
.match-dialog #vacancy-note{font-size:1.5cqw;margin:1.3cqw 0 0}