/* Rounded window corners follow the Hero action pills across both pages. */
:root{--window-radius:24px;--window-inner-radius:20px}
#hero .showreel{border-radius:var(--window-radius)!important}
#about .studio-service,
#work .project,
.projects-page .projects-card,
#contact .contact-playground,
.project-gallery{border-radius:var(--window-radius)}
#contact .contact-playground .contact-runner,
.gallery-stage,
.gallery-media,
.gallery-thumbnail,
.gallery-feedback{border-radius:var(--window-inner-radius)}
#contact .contact-copy-email,
#contact .contact-tooltip,
#contact .contact-playground .runner-start,
#contact .runner-receivers li,
#contact .runner-controls button{border-radius:var(--window-radius)}
@media(max-width:760px){
  /* The mobile gallery fills the viewport; its media and thumbnails stay rounded. */
  .project-gallery{border-radius:0}
}